.mode-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 14px}.mode-card{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:21px;text-align:left;border:1px solid #2d4256;border-radius:9px;background:linear-gradient(130deg,#15283a,#0e1c2c);color:#dce8ee;min-width:0}.mode-card>.resource-art{height:48px;width:48px}.mode-card strong{display:block;font:600 24px var(--display);letter-spacing:.5px}.mode-card small{display:block;margin-top:5px;color:#95aab9;font:10px/1.5 var(--sans)}.mode-card>span:last-child>b{display:block;margin-top:8px;font:9px var(--mono);color:#acd9df}.mode-card.selected{border-color:#e5bb5b;background:linear-gradient(130deg,#26343b,#192a36);box-shadow:inset 0 2px #ffcf6d}.mode-card.selected strong{color:#ffdc8b}.mode-card:hover:not(:disabled){border-color:#9b9870}.premium-mode-line{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 24px;color:#8c9eae;font:10px/1.6 var(--sans)}.premium-mode-line>b{font:9px var(--mono);color:#b4d2da}.challenge-panel{margin:0 0 22px;padding:23px;border:1px solid #344d62;border-radius:10px;background:linear-gradient(120deg,#142b3f,#102032)}.challenge-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.challenge-heading h2{font:600 32px var(--display);margin:6px 0 9px}.challenge-heading>span{font:9px var(--mono);color:#8cd6e4;white-space:nowrap;margin-top:7px}.favored-families{display:flex;gap:7px;flex-wrap:wrap}.favored-families>span{font:600 10px var(--sans);padding:5px 9px;border:1px solid #5b8e90;border-radius:4px;color:#b8f2e8;background:#43d1bd0c}.theme-effect{font-size:11px;color:#adc3cd;margin:8px 0 17px}.pool-dashboard{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px;border-top:1px solid #30475b;padding-top:18px}.pool-dashboard>div{min-width:0}.pool-dashboard small{display:block;color:#91a9ba;font:8px var(--mono);letter-spacing:.7px}.pool-dashboard b{display:block;color:#e2f5f5;font:600 30px var(--display);margin:8px 0 4px}.pool-dashboard em{display:block;color:#8199a9;font:9px var(--sans);font-style:normal}.pool-dashboard>div:first-child>b{color:#ffda86}.pool-funding-status{display:inline-block;font:7px var(--mono);padding:4px 6px;color:#a6b5c1;border:1px solid #495965;border-radius:3px}.pool-funding-status.funded{color:#a8e5c5;border-color:#4b806a}.pool-estimate-note{font:10px/1.6 var(--sans);color:#899eaf;margin:15px 0 12px}.challenge-attempt-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #30475b;padding-top:13px;color:#bdccd4;font:10px/1.6 var(--sans)}.challenge-attempt-line>b{color:#8ed9c3;font:8px/1.8 var(--mono);white-space:nowrap}.share-explainer{margin:15px 0 0;padding:12px 14px;border:1px solid #31475c;border-radius:5px;font:10px/1.6 var(--sans);color:#a2b9c6}.share-explainer summary{color:#cedde4;cursor:pointer;font-weight:600}.share-explainer p{margin:10px 0 0;max-width:950px}.campaign-milestone-strip{display:flex;align-items:center;gap:22px;border:1px solid #2d4256;border-radius:8px;padding:15px 18px;margin-bottom:20px;background:#112234}.campaign-mastery{min-width:160px}.campaign-mastery>small{display:block;font:8px var(--mono);color:#8ca5b6}.campaign-mastery>b{display:block;font:600 18px var(--display);color:#91d8c4;margin-top:6px}.campaign-milestone-list{display:flex;flex:1;gap:18px;justify-content:space-around}.campaign-milestone-list>span{display:grid;gap:5px}.campaign-milestone-list b{font:8px var(--mono);color:#d7b878}.campaign-milestone-list small{font:10px var(--sans);color:#91a6b5}.campaign-chapter-select{color:#a8bcca;border:1px solid #3d5366;background:#1a2f40;padding:6px 9px;border-radius:4px;font:9px var(--mono);margin-left:auto;max-width:160px}.battle-sync-line{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 13px;background:#27352c;color:#c5e7cb;font:10px/1.5 var(--sans)}.battle-sync-line button{border:1px solid #a0b78b;border-radius:4px;background:#354a3b;color:#e4f2d9;font:9px var(--mono);padding:6px 10px;white-space:nowrap}.live-endless-line{display:flex;justify-content:space-between;gap:12px;align-items:center;font:9px/1.6 var(--mono);padding:9px 13px;background:#142e3c;border-top:1px solid #355165;color:#b3d9e4}.live-endless-line b{color:#f4d598}.battle-controls #endAttempt{border-color:#a37f4a;color:#ffe0a1;background:#3a3025}.is-playing .mode-selector,.is-playing .premium-mode-line,.is-playing .campaign-milestone-strip,.is-playing .challenge-panel{display:none}.result-share-label{color:#a6dcce}.challenge-unavailable{padding:10px;color:#d4a6a6}.mode-card:disabled{opacity:.7;cursor:default}
@media(max-width:1000px){.mode-card{padding:16px 14px;grid-template-columns:38px 1fr;gap:10px}.mode-card>.resource-art{width:36px;height:36px}.mode-card strong{font-size:22px}.mode-card small{font-size:9px}.mode-card>span:last-child>b{font-size:8px}.premium-mode-line{font-size:9px}.campaign-milestone-list{gap:12px}.campaign-milestone-list>span:nth-child(n+4){display:none}.challenge-attempt-line{display:block}.challenge-attempt-line>b{display:block;margin-top:5px}}
@media(max-width:600px){.mode-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 9px;min-height:149px}.mode-card>.resource-art{height:31px;width:31px}.mode-card strong{font-size:19px}.mode-card small{font-size:8px;line-height:1.45;margin-top:4px}.mode-card>span:last-child>b{font-size:7px;line-height:1.5;margin-top:6px}.premium-mode-line{display:block;font-size:8px;margin-bottom:18px}.premium-mode-line>b{display:block;font-size:7px;margin-bottom:3px}.premium-mode-line>span{display:block;max-width:330px}.challenge-panel{padding:17px 13px;margin-bottom:16px}.challenge-heading{gap:9px}.challenge-heading h2{font-size:27px}.challenge-heading>span{font-size:7px;max-width:100px;text-align:right;white-space:normal;line-height:1.5}.theme-effect{font-size:10px;line-height:1.5}.favored-families>span{font-size:9px}.pool-dashboard{grid-template-columns:1fr 1fr;gap:18px 12px}.pool-dashboard b{font-size:28px;margin:6px 0 3px}.pool-dashboard small{font-size:7px}.pool-dashboard em{font-size:8px}.pool-estimate-note{font-size:9px}.challenge-attempt-line{font-size:9px}.challenge-attempt-line>b{font-size:7px;white-space:normal}.share-explainer{font-size:9px;padding:10px}.campaign-milestone-strip{padding:12px;display:block;margin-bottom:15px}.campaign-mastery{min-width:0;margin-bottom:12px}.campaign-mastery>small{font-size:7px}.campaign-mastery>b{font-size:18px}.campaign-milestone-list{justify-content:space-between;gap:12px}.campaign-milestone-list>span{flex:1;min-width:0}.campaign-milestone-list>span:nth-child(n+3){display:none}.campaign-milestone-list b{font-size:7px}.campaign-milestone-list small{font-size:9px;line-height:1.4}.campaign-chapter-select{font-size:8px;padding:5px;max-width:130px}.battle-controls{flex-wrap:wrap}.battle-controls #endAttempt{min-height:29px;padding:7px;font-size:7px}.live-endless-line{font-size:7px;padding:7px 10px}.battle-sync-line{font-size:9px;padding:7px 10px}.battle-sync-line button{font-size:8px;padding:5px}.is-playing .battle-controls>span{flex-basis:100%;max-width:none}.is-playing .battle-controls>button{flex:1}}
.result-actions{flex-wrap:wrap;justify-content:center}.earned-pool-balance{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;margin-top:25px;background:#112638;border:1px solid #314b60;border-radius:9px}.earned-pool-balance small{display:block;font:8px var(--mono);color:#8eacbd}.earned-pool-balance b{display:block;font:600 35px var(--display);color:#b5e4d2;margin:8px 0}.earned-pool-balance p{font:11px/1.6 var(--sans);color:#8ba6b7;max-width:570px;margin:0}.earned-pool-balance>button{white-space:nowrap;font-size:8px}@media(max-width:600px){.earned-pool-balance{display:block;padding:19px;margin-top:18px}.earned-pool-balance>button{margin-top:15px;width:100%}.earned-pool-balance p{font-size:10px}.earned-pool-balance b{font-size:31px}.earned-pool-balance small{font-size:7px}.result-actions{gap:5px}}