/* Shared game UI finish. Keep the title-screen / in-game overlay model. */
:root{color-scheme:dark;--ui-font:'Trebuchet MS','Segoe UI',Arial,sans-serif;--ui-ink:#f4f1ec;--ui-muted:#a3b1c9;--ui-panel:#18263ceF;--ui-edge:#a3bdd51c;--ui-accent:#ffac7d;--ui-mint:#9ee4d0;--paper:#111d30;--ink:#f4f1ec;--orange:#ff9f75;font-family:var(--ui-font)}
body{color:var(--ui-ink);background:#0d1728}button,input,select{font-family:var(--ui-font)}button{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a3e7da;outline-offset:4px}button:disabled{opacity:.48}button:active:not(:disabled){transform:translateY(1px)}
.header{height:70px;background:#0e1b2be8;border-bottom:1px solid var(--ui-edge);gap:20px;backdrop-filter:blur(16px)}.header .wordmark{font:900 23px/1 var(--ui-font);letter-spacing:-1px;color:#f4efe6}.logo{border-radius:7px;background:linear-gradient(150deg,#ffc28e,#ee815f);color:#1c2637;font:900 italic 29px/1 var(--ui-font);box-shadow:0 3px 12px #ff976c24}.wordmark-small{display:none}.header .header-label{font:700 10px/1.4 var(--ui-font);letter-spacing:.08em;color:var(--ui-muted)}.header-actions{gap:12px}.text-button{font:700 11px/1.3 var(--ui-font);letter-spacing:.025em;color:#bbc9d9;padding:10px 8px}.text-button:hover{color:#ffd0a4}.header-actions>.text-button{border-radius:8px;background:#bcd5f008;padding:10px 12px}
.is-home .header{padding:0 6vw;height:72px}.is-home .header-label{font:700 10px var(--ui-font);letter-spacing:.13em;color:#a9bad1}.is-home #home{padding:90px 9vw 70px;gap:7vw;grid-template-columns:1.1fr 1fr;background:none}.is-home #home::before{background:linear-gradient(90deg,#0d1728f5 5%,#0f1c30eb 32%,#15273c80 65%,#17233d66),linear-gradient(0deg,#0d1728eb,transparent 36%,#1a234033)}.is-home .hero{max-width:500px}.title-overline{font:700 11px/1.4 var(--ui-font);letter-spacing:.22em;color:#b8c8dc}.title-overline>span{width:18px;background:#ffb185;border-radius:4px;box-shadow:0 0 16px #ffb18544}
.is-home .hero h1{display:block;font:900 italic clamp(68px,7.4vw,108px)/.88 var(--ui-font);letter-spacing:-.065em;transform:none;margin:21px 0 0;color:#fff1d7;text-shadow:0 4px 0 #27384a,0 14px 36px #0005;white-space:normal}.is-home .hero h1 .title-arrow{font:800 .65em/1 var(--ui-font);margin-left:10px;color:#ffb287;text-shadow:0 5px 20px #ffb2872b}.title-tagline{font:500 13px/1.4 var(--ui-font);letter-spacing:.09em;color:#bdccdd;margin:22px 0 27px}
.game-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px}.game-menu .menu-button{min-height:70px;padding:16px 18px;border:1px solid #b7cbea15;border-radius:12px;background:linear-gradient(130deg,#31455b99,#192b43cc);box-shadow:0 5px 16px #050d1d26;gap:8px;overflow:hidden}.game-menu .menu-primary{grid-column:1/-1;min-height:82px;background:linear-gradient(125deg,#ffd49a,#ff9e79);border-color:#ffe0b566;color:#233044;box-shadow:0 5px 0 #985e45,0 14px 36px #ff9b6a15}.game-menu .menu-primary::after{content:'';position:absolute;right:-20px;top:-60px;width:200px;height:150px;transform:rotate(-28deg);background:#fff2c91f;pointer-events:none}.menu-number{display:none}.menu-copy strong{font:800 16px/1.2 var(--ui-font);letter-spacing:.025em}.game-menu .menu-primary .menu-copy strong{font-size:26px;font-weight:900}.menu-copy small{font:11px/1.4 var(--ui-font);color:#b4c2d4}.game-menu .menu-button:not(.menu-primary) .menu-copy small{display:none}.menu-primary .menu-copy small{color:#4f4b48;margin-top:4px}.menu-arrow{font:700 21px/1 var(--ui-font);color:#e7caa5;opacity:.8}.menu-primary .menu-arrow{font-size:29px;color:#293448}.menu-button:hover,.menu-button:focus-visible{transform:translateY(-2px);background:#34516a;color:#fff3d6;border-color:#b9d4e64d;outline-offset:4px}.menu-primary:hover,.menu-primary:focus-visible{background:linear-gradient(120deg,#ffe2b1,#ffb28c);color:#233044}.menu-button:hover .menu-copy small{color:inherit}
.is-home .menu-loadout{max-width:340px}.character-showcase{height:310px}.showcase-ring{width:280px;height:280px;top:0;border:1px solid #c1d0ff12;background:radial-gradient(ellipse,#c5d4f51f,transparent 66%);box-shadow:0 0 0 36px #a7c5eb04,0 0 0 37px #b2c4e709}.showcase-platform{border-radius:7px;box-shadow:0 7px 0 #344055,0 25px 40px #070f2377;border-top-color:#f3d7af}#menu-character{filter:drop-shadow(0 14px 12px #06132366);width:330px;height:302px}.loadout-panel{border:1px solid #b6cce41a;border-radius:15px;background:linear-gradient(140deg,#24384bea,#14263ce8);box-shadow:0 16px 45px #0003;padding:0 19px 13px;margin-top:24px}.is-home .character-trigger{padding:17px 0 10px;border-bottom:0}.character-trigger small{font:700 9px var(--ui-font);letter-spacing:.12em;color:#a5bad0}.is-home .character-trigger strong{font:800 23px/1.2 var(--ui-font);letter-spacing:0;text-transform:none;margin-top:5px}.loadout-change{font:700 10px var(--ui-font);color:#ffd0aa}.is-home .profile-form{margin-top:3px}.is-home .profile-form>label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.is-home #display-name{height:25px;padding:0;border:0;background:transparent;font:13px var(--ui-font);color:#becbdc;box-shadow:none}.palette-row{margin-top:12px}.palette-row>span{font:700 9px var(--ui-font);letter-spacing:.1em;color:#8fa8c3}.is-home .swatch{width:21px;height:21px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff1;outline-offset:3px}.is-home #color-picker{gap:9px}.is-home .swatch.active{outline:2px solid #fff0ce}.loadout-link{font:700 11px var(--ui-font)!important;border:0!important;border-top:1px solid #c7dbf014!important;margin-top:14px!important;padding-top:14px!important;color:#c6d5e2!important;background:none!important}.loadout-link small{display:none}.loadout-link b{color:#ffc99e}.is-home .game-footer{font:600 10px var(--ui-font);letter-spacing:.06em;color:#92a7bd}.game-footer kbd{font:10px/22px var(--ui-font);border:1px solid #abc8e026;border-radius:5px;background:#243850;color:#d2dfeb}
/* Rounded game overlays, clear actions and quiet secondary copy. */
#dialog-backdrop{background:#060d1bbd;backdrop-filter:blur(13px)}.dialog{background:linear-gradient(145deg,#22334afc,#142239fc);border:1px solid #b3cbe02b;border-top:1px solid #e6d0a44d;border-radius:20px;box-shadow:0 35px 100px #020817b3,inset 0 1px #dcecff08;color:#edf2f6;padding:30px;max-height:88dvh}.dialog h2,#bots-dialog h2,#result-dialog h2,.character-dialog h2{font:900 34px/1.1 var(--ui-font);letter-spacing:-.04em;margin:4px 0 18px;color:#fff0d8}.dialog> .eyebrow,.challenge-heading> .eyebrow{display:none}.dialog #ranked-queue-mode{display:block;color:#a7d8d2}.dialog p,.dialog p.bot-setting-note{font:13px/1.65 var(--ui-font);color:#b4c5d7}.dialog>p:not([id]){font-size:12px}.dialog .dialog-close{width:34px;height:34px;background:#c5d9ec09;border:1px solid #bad4e51a;color:#c2cfdd;box-shadow:none;border-radius:50%;font:24px/1 Arial;margin:-12px -10px 0 12px}.dialog .dialog-close:hover{background:#59748b44;color:#fff}.dialog input,.dialog select{background:#0f1f33;color:#e6eef5;border:1px solid #809db438;border-radius:9px;font:14px var(--ui-font);min-height:44px}.dialog label{font:700 11px var(--ui-font);letter-spacing:.05em;color:#adc2d5}.button{font:800 12px/1.3 var(--ui-font);letter-spacing:.025em;border-radius:10px;min-height:44px;justify-content:center}.dialog .button-dark{background:linear-gradient(120deg,#ffcf98,#ffa27b);color:#233044;border:1px solid #ffdeb045;box-shadow:0 4px 0 #9b624b}.dialog .button-dark:hover{background:#ffd9aa}.dialog .button-outline{background:#779bb51a;border:1px solid #b5cee430;color:#e2edf5;box-shadow:none}.dialog .button-outline:hover{background:#6084a140;border-color:#b5cee463}.menu-help{margin:15px 0;color:#a8bed2;font:12px/1.6 var(--ui-font)}summary{cursor:pointer;padding:8px 0}.menu-help p{margin:6px 0 14px}.dialog .eyebrow{font-family:var(--ui-font)}
.store-tabs,.inventory-tabs,.leaderboard-tabs{gap:5px;border-radius:11px;padding:5px;background:#0b172c77;border:0;margin:20px 0}.store-tabs button,.inventory-tabs button,.leaderboard-tabs button{font:700 11px var(--ui-font);background:transparent;border:0;border-radius:8px;padding:12px;color:#9fb5ca}.store-tabs button[aria-selected=true],.inventory-tabs button[aria-selected=true],.leaderboard-tabs button[aria-selected=true]{background:#3c536f;color:#fff1d8;box-shadow:0 2px 9px #0002}.cosmetic-grid{gap:14px}.cosmetic-card{position:relative;border:1px solid #b2cbe519;background:linear-gradient(150deg,#30445a88,#12243a88);border-radius:13px;padding:13px;box-shadow:0 8px 18px #0001;overflow:hidden}.cosmetic-card:hover{border-color:color-mix(in srgb,var(--tier-color) 40%,transparent)}.cosmetic-card canvas{margin:5px 0 2px;background:radial-gradient(ellipse at 50% 65%,#b7cee50c,transparent 70%);border-radius:9px}.cosmetic-card h3{font:800 17px/1.2 var(--ui-font);letter-spacing:-.02em;margin:7px 0 8px;color:#f3eee9}.cosmetic-card .item-tier{display:inline-flex;align-self:flex-start;width:fit-content;font:700 9px/1.3 var(--ui-font);letter-spacing:.06em;padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--tier-color) 10%,transparent);color:var(--tier-color);border:0}.cosmetic-card .item-kind{display:none}.cosmetic-card .button{margin-top:auto;border-radius:8px;font-size:11px;border-color:#bccfdd26;height:38px;min-height:38px}.item-details{font:11px/1.5 var(--ui-font);color:#9eb5ca;margin-bottom:12px}.item-details summary{font-size:10px;padding:3px 0;color:#a9bdd1}.item-details p{font-size:11px!important;min-height:0;margin:6px 0 0}.cosmetic-card p{min-height:0}.cosmetic-card .item-details+button{margin-top:auto}#coin-balance{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}#coin-balance>span{padding:7px 11px;border:1px solid #e2c58b1c;border-radius:30px;background:#f2c5810a;font:700 12px var(--ui-font);color:#f1d3a1}#coin-balance>span+span{border-color:#92dfda20;background:#92dfda09;color:#a8e6df}.tier-filter{font-family:var(--ui-font)!important}.seasonal-set{border-color:color-mix(in srgb,var(--tier-color) 30%,transparent);box-shadow:none}.seasonal-set li span{font:700 9px var(--ui-font);letter-spacing:.04em}.seasonal-set .set-price{font-family:var(--ui-font)!important}.diamond-panel{border:1px solid #a4d3df26;border-radius:12px;background:#203b4e44;padding:16px}.diamond-panel strong{font:800 17px var(--ui-font)}.diamond-panel p{font-size:12px}.diamond-panel .diamond-offers{gap:8px}.diamond-panel .diamond-status{margin-bottom:0}.diamond-help{font:11px/1.5 var(--ui-font);color:#acc3d1;margin:6px 0}.diamond-help summary{padding:5px 0}
.mode-grid .menu-button{border:1px solid #b8d0e425;border-radius:12px;background:#2c45617a;box-shadow:none;padding:20px;min-height:90px}.mode-grid .menu-copy strong{font-size:20px}.mode-grid .menu-copy small{font-size:12px;margin-top:4px}.mode-grid .menu-number{display:block;font:26px var(--ui-font);color:#ffd1a8;opacity:1;margin:0;align-self:center}.ranked-mode-card{background:linear-gradient(150deg,#344b6380,#192e4880);border:1px solid #b3cce32b;border-radius:14px;padding:20px}.ranked-mode-card h3{font:900 24px var(--ui-font);letter-spacing:0}.ranked-mode-card p{font-size:12px}.ranked-mode-card .button{margin-top:auto}.room-code-line{background:#0d1c30;border:1px dashed #b8d1e542;border-radius:12px}.room-code-line strong{font-family:var(--ui-font);letter-spacing:.15em}.member,.empty-seat{font-family:var(--ui-font);border-color:#b3c9dc17}.result-stat,.statistics-card{background:#22394f66;border:1px solid #b9d0e41a;border-radius:10px}.result-stat strong,.statistics-card strong{font-family:var(--ui-font)!important}.result-stat span{font-family:var(--ui-font);color:#a9bed0}.ability-heading h3,.result-player-heading h3{font-family:var(--ui-font);font-weight:800;letter-spacing:0}.ability-score-row>span{display:none}.ability-score-row strong{font-size:12px}.ability-score-row>i{border-radius:4px;overflow:hidden}.ability-score-row em{background:#9ddfce}.rank-gallery-tier{background:#1e334a;border:1px solid #aecce324;border-radius:10px}.leaderboard-row,.friend-row,.statistics-detail{border-color:#b6cde31c}.friends-panel{background:linear-gradient(145deg,#22364b,#132139);border-left:1px solid #b5d2eb29;color:#e7edf5}.friends-head h2,.challenge-heading h2{font-family:var(--ui-font);font-weight:900;letter-spacing:-.03em}.friends-section h3{font-family:var(--ui-font)}.challenge-detail{background:#1d3249;border:1px solid #a9c5de22;border-radius:12px}.challenge-groups button{font-family:var(--ui-font);border-radius:8px}.challenge-legend{font-family:var(--ui-font)!important;font-size:10px!important}.tournament-card{border-radius:12px}
/* Gameplay information stays legible while competing less with the tower. */
.climb-card,.standings-card,#training-live,#training{background:linear-gradient(145deg,#172b40e8,#112135e8);border:1px solid #b4d2ec24;border-radius:14px;color:#eaf2f6;box-shadow:0 8px 24px #0002;backdrop-filter:blur(12px)}.climb-card{width:180px!important;padding:16px!important}.climb-card .label{font:700 10px var(--ui-font);color:#a5bdd1;letter-spacing:.08em}.floor-line strong{font:900 64px/1 var(--ui-font);letter-spacing:-.06em;color:#fff0d4}.floor-line>span{color:#ffb286;font-family:var(--ui-font)}.rank-line{font:700 11px var(--ui-font);color:#bed0e0}.climb-card .speed-track{height:4px;border-radius:8px;background:#b4d1e21c;overflow:hidden}.climb-card .speed-caption{font:700 9px/1.5 var(--ui-font);color:#a3b8cb}.climb-card .speed-caption>span{font:10px var(--ui-font);color:#d7e7ee}.standings-title{font-family:var(--ui-font);color:#b9ccdd}.standing,.standing span,.standings-card #victory-rule{font-family:var(--ui-font)}.standings-card #victory-rule{font-size:10px;color:#99b2c8}.bottom-controls>div,.bottom-controls #strike-indicator{background:#14283bdc;border:1px solid #accce324;border-radius:10px;color:#bdd2df;font-family:var(--ui-font);box-shadow:none}.bottom-controls kbd{background:#314b63;border:0;border-radius:5px;color:#eaf1ed;font-family:var(--ui-font)}#training-live{padding:15px;width:240px}.training-live-heading{font:700 10px var(--ui-font);color:#bbd4e2}.training-live-heading button{font-size:10px}.is-training #training{width:230px;padding:16px;right:24px}.is-training #training h3{font:800 21px/1.1 var(--ui-font);letter-spacing:-.03em;color:#fff0d7}.is-training #training p{font:12px/1.6 var(--ui-font);color:#afc5d6}.training-top{font:700 10px var(--ui-font);color:#abc4d8}#lesson-number{color:#a9dfcf}#training-live>small{font:11px/1.5 var(--ui-font);color:#a6bdcf}.training-readout{width:min(420px,calc(100vw - 48px));gap:0;padding:8px;border:1px solid #abcce322;background:#13273ce8;border-radius:13px;box-shadow:0 8px 24px #0002;backdrop-filter:blur(10px)}.training-readout .metric{background:none;border:0;padding:6px 10px}.training-readout .metric span{font:10px/1.4 var(--ui-font);color:#9eb7cb}.training-readout .metric strong{font:800 16px/1.4 var(--ui-font);color:#e9f2f4}.radar-label{font-family:var(--ui-font)!important}.radar-score{font-family:var(--ui-font)!important}.radar-grid{stroke:#a1c6df2c;fill:#b3d6ec03}#event-message{font-family:var(--ui-font);font-weight:900}#countdown strong{font-family:var(--ui-font);font-weight:900}#toast{background:#253b51;border:1px solid #bdd4e32b;border-radius:12px;color:#f3efdf;font:13px var(--ui-font)}
/* Login is a game title screen, with the same art and a single entry action. */
.account-gate{display:block;background:#101b30;padding:0;overflow-y:auto}.account-scene,.account-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.account-shade{background:linear-gradient(90deg,#0d172bf7,#0d172bd9 30%,#10203a20 75%),linear-gradient(0deg,#0d172bc9,transparent 30%)}.account-shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(1280px,100%);margin:auto;padding:85px 8vw 110px}.title-kicker{display:flex;gap:10px;align-items:center;color:#c1d2e7;font:700 11px var(--ui-font);letter-spacing:.24em}.title-kicker i{width:18px;height:3px;border-radius:5px;background:#ffb184}.account-brand h1{font:900 italic clamp(65px,8vw,112px)/.88 var(--ui-font);letter-spacing:-.065em;color:#fff1d7;margin:24px 0;text-shadow:0 4px 0 #30415b,0 12px 32px #0004}.account-brand h1>span{color:#ffb48c}.account-brand h1>b{font:800 .6em var(--ui-font);color:#ffbf91;margin-left:12px}.account-brand>p{font:16px/1.5 var(--ui-font);color:#c4d0e0;margin:0 0 35px}.account-card{width:min(355px,100%);background:none;border:0;padding:0;color:#d1dfeb}.account-card .account-message{font:13px/1.6 var(--ui-font);color:#b5c6db;min-height:22px;margin:0 0 12px}.account-card .button{width:100%;height:55px;min-height:55px;background:linear-gradient(120deg,#ffdaa4,#ffad83);color:#253348;border:1px solid #ffe4b65c;border-radius:12px;box-shadow:0 4px 0 #946048,0 12px 32px #ffad8312;font:800 14px var(--ui-font);letter-spacing:0;text-decoration:none}.account-card .button:hover{background:#ffdab0;box-shadow:0 4px 0 #946048,0 16px 35px #ffad8320}.account-card .account-google{display:flex;align-items:center;justify-content:center;gap:13px}.account-google .google-mark{display:grid;place-items:center;width:24px;height:24px;background:#fff7e9;border-radius:50%;font:800 15px Arial;color:#3d5273}.account-google>span:nth-child(2){font:800 14px var(--ui-font)}.account-google b{margin-left:auto;font-size:19px}.account-save-note{display:block;font:11px/1.5 var(--ui-font);color:#8fa9c3;margin-top:15px;text-align:center}.account-card label{font:700 10px var(--ui-font);letter-spacing:.12em;color:#b8cde2;margin-bottom:8px}.account-card input{height:49px;border-radius:9px;background:#12263c;border:1px solid #b5ccdf38;color:#f1f5f6;font:15px var(--ui-font);margin-bottom:6px}.account-card form>small{display:block;font:11px var(--ui-font);color:#9db6cb;margin-bottom:20px}.account-footer{position:absolute;z-index:1;left:8vw;right:8vw;bottom:27px;display:flex;justify-content:space-between;gap:20px;font:700 10px var(--ui-font);letter-spacing:.11em;color:#a6bad0}.account-footer i{font-style:normal;color:#728ca7;margin:0 8px}
@media(min-width:761px) and (max-height:760px){.is-home #home{padding-top:85px;padding-bottom:60px}.is-home .hero h1{font-size:84px}.title-tagline{margin:17px 0 23px}.character-showcase{height:260px}#menu-character{width:290px;height:266px}.showcase-ring{width:240px;height:240px}.loadout-panel{margin-top:20px}.game-menu .menu-button{min-height:65px}.game-menu .menu-primary{min-height:76px}}
@media(max-width:900px) and (min-width:761px){.is-home #home{padding-left:6vw;padding-right:6vw;gap:5vw}.is-home .hero h1{font-size:72px}.menu-copy strong{font-size:14px}.is-home #color-picker{gap:7px}.is-home .swatch{width:18px;height:18px}.is-home .menu-loadout{max-width:300px}.loadout-panel{padding-left:15px;padding-right:15px}}
@media(max-width:760px){.is-home #home{display:flex;padding:95px 7vw 85px;gap:34px}.is-home .hero{max-width:480px}.is-home .hero h1{font-size:clamp(64px,14vw,94px)}.title-tagline{margin:20px 0 26px}.game-menu{max-width:none}.is-home .header-label{font-size:9px}.is-home .header{padding:0 7vw}.is-home .menu-loadout{display:grid;grid-template-columns:100px 1fr;gap:14px;max-width:480px}.character-showcase{width:100px;height:160px}.showcase-ring{width:120px;height:120px;top:20px}.showcase-platform{width:100px}#menu-character{width:150px;height:138px}.loadout-panel{margin:0;padding:0 14px 12px}.is-home .character-trigger strong{font-size:21px}.is-home .character-trigger{padding-top:14px}.is-home .palette-row>span{display:none}.is-home .swatch{width:18px;height:18px}.is-home #color-picker{gap:6px}.is-home .game-footer{font-size:9px;bottom:22px}.dialog{border-radius:16px;padding:24px 18px}.dialog h2,#bots-dialog h2,#result-dialog h2,.character-dialog h2{font-size:29px}.account-shell{padding:70px 7vw 100px;justify-content:center}.account-brand h1{font-size:clamp(65px,13vw,92px)}.account-brand>p{font-size:14px;max-width:250px}.account-card{width:min(330px,100%)}.account-shade{background:linear-gradient(90deg,#0d172bef,#0d172bb5 60%,#10203a55),linear-gradient(0deg,#0d172bd9,transparent 45%)}.account-footer{left:7vw;right:7vw;font-size:9px}.account-footer>span+span{display:none}.account-scene{opacity:.8}.climb-card{width:145px!important;padding:12px!important}.floor-line strong{font-size:49px}#training-live{width:190px;padding:12px}.training-readout{width:220px;grid-template-columns:repeat(2,minmax(0,1fr))}.training-readout .metric{padding:5px 7px}.training-readout .metric span{font-size:9px}.training-readout .metric strong{font-size:13px}.is-training #training{width:190px;right:12px}.header .wordmark{font-size:18px}.header-actions{gap:4px}.header-actions>.text-button{padding:9px 7px;font-size:9px}.header .header-label{display:none}}
@media(max-width:500px){.is-home .hero h1{font-size:67px}.menu-copy strong{font-size:14px}.game-menu .menu-primary .menu-copy strong{font-size:24px}.game-menu .menu-button{padding:14px;min-height:65px}.is-home .menu-loadout{grid-template-columns:70px 1fr;gap:10px}.character-showcase{width:70px}.showcase-platform{width:80px}.showcase-ring{width:90px;height:90px}#menu-character{width:110px;height:110px}.is-home .character-trigger strong{font-size:18px}.is-home #color-picker{gap:5px}.is-home .swatch{width:17px;height:17px}.loadout-change{font-size:9px}.title-overline{font-size:10px}.cosmetic-grid{gap:9px}.cosmetic-card{padding:10px}.cosmetic-card h3{font-size:15px}.cosmetic-card .item-tier{font-size:8px}.store-tabs button,.inventory-tabs button{font-size:10px;padding:10px 6px}.account-brand h1{font-size:64px}.account-shell{padding-top:65px;padding-bottom:95px}.account-scene{opacity:.5}.account-brand>p{margin-bottom:30px}.account-footer{bottom:23px}.header .wordmark{font-size:16px}.header{padding:0 14px;gap:6px}.header .logo{width:26px;height:28px;font-size:23px}.climb-card{left:10px!important;top:16px!important;width:128px!important}.floor-line strong{font-size:42px}#training-live{width:168px;right:10px!important;top:16px!important}.training-readout{width:190px;left:10px;bottom:65px}.is-training #training{width:155px;right:10px;padding:12px}.is-training #training h3{font-size:17px}.is-training #training p{font-size:11px}.mode-grid{grid-template-columns:1fr}.mode-grid .menu-button{min-height:78px}.account-footer>span{letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.menu-button:hover,.menu-button:focus-visible{transform:none}}

.is-training .training-readout:not(.is-expanded){display:none}#training-details-toggle{width:100%;text-align:left;margin-top:9px;border-top:1px solid #a8c5df1a;padding-top:12px;color:#b6dace}#training-details-toggle[aria-expanded=true]{color:#ffe0b6}#training-live>small{display:none}


.diamond-panel{padding:0 15px}.diamond-drawer>summary{padding:15px 0;font:700 13px var(--ui-font);color:#b4e8e4}.diamond-drawer>summary>span{float:right;font:11px var(--ui-font);color:#8faec2;padding:2px 0}.diamond-drawer>div{padding:0 0 15px}.diamond-drawer .text-button{float:right}.seasonal-set li span{display:inline;color:#91aabe;font:10px var(--ui-font);margin-right:4px}.seasonal-set li{font:11px/1.5 var(--ui-font);margin:6px 0}.seasonal-set ul{margin:4px 0 10px}.seasonal-set p.set-price{font-size:12px}.seasonal-set .button{font-size:10px}
.game-menu:has(#leaderboard-button[hidden]) #modes-button{grid-column:1/-1}.ranked-mode-card strong{font:900 26px var(--ui-font);letter-spacing:-.03em}.ranked-mode-card span,.ranked-mode-card b,.ranked-mode-card small{font-family:var(--ui-font)}.ranked-mode-card:hover{background:#34506a;border-color:#f0c49d66}.dialog.statistics-dialog,.dialog.challenges-dialog{background:linear-gradient(145deg,#22334afc,#142239fc)}.statistics-cards>div{border:1px solid #b9d0e41a;border-radius:11px;background:#2d475a55;padding:15px}.statistics-cards small{font:10px var(--ui-font);color:#abc0d0}.statistics-cards strong{font:800 25px var(--ui-font);color:#f3d7b1}.statistics-layout h3{font:800 17px var(--ui-font);color:#dde7ec}.statistics-legend button{border:1px solid #a9c6dc25;border-radius:20px;background:#314b6366;font-family:var(--ui-font);padding:8px 10px}.statistics-graph{border:1px solid #bad0e51c;border-radius:12px;background:#101f33}.statistics-detail{background:#1c3148;border-radius:12px}.statistics-history button{background:#233c5066;border-bottom:1px solid #adcbdf14;border-radius:7px;margin-bottom:3px}.statistics-history button[aria-pressed=true]{background:#3c5c6e;border-left:3px solid #f0c494}.statistics-basics,.statistics-page,.statistics-placements table,.statistics-pagination button{font-family:var(--ui-font)}.statistics-pagination button{border:1px solid #a4c1d62b;border-radius:8px;background:#294158}.challenge-groups button{border:1px solid #b6cee325;background:#243f55;color:#d6e1e8}.challenge-groups button[aria-pressed=true]{background:#426275;border-color:#afdccc77}.challenge-map{border-radius:12px;overflow:hidden;border:1px solid #a2c1d421;background:#12273c}.challenge-scroll{background:#102238}.challenge-tools{background:#193148;border-color:#b6cde31a}.challenge-tools button{font:700 11px var(--ui-font);border-radius:6px;background:#34536a;border:1px solid #bdd9ec25}.challenge-node{border-radius:10px;font-family:var(--ui-font);box-shadow:0 3px 10px #0002}.challenge-node .node-copy strong{font-family:var(--ui-font);letter-spacing:0}.challenge-node .node-copy small,.challenge-node .node-copy>span{font-family:var(--ui-font)}.leaderboard-tabs button{border:0}.leaderboard-scroll{border:1px solid #b5d0e41a;border-radius:12px;background:#112338}.leaderboard-row{font-family:var(--ui-font);border-bottom-color:#b2cde515}.leaderboard-points,.leaderboard-name,.leaderboard-rank,.leaderboard-you{font-family:var(--ui-font)}.leaderboard-you{border-radius:10px;background:#294b5b;border:1px solid #92d8c94d}.leaderboard-scope button,.leaderboard-page{font-family:var(--ui-font);border-radius:7px}.friends-dock,.is-home .friends-dock,.tournaments-dock{background:#a8c6e310;border:1px solid #aec7dd1c;border-radius:9px;color:#c1d1e0}.friends-add input{border-radius:8px;background:#102438;border-color:#acc8dd33;color:#e7eff2}.friend-primary,.friend-secondary{font-family:var(--ui-font);border-radius:7px}.friends-section h3{color:#b0c7db;font-size:11px}.friends-offline{font-family:var(--ui-font)}.tournament-card{background:#213a5066;border:1px solid #b2cde327;border-radius:12px}.tournament-card:hover{background:#2f4c64}.tournament-card-main strong,.tournament-card small,.tournament-card b,.tournament-card-state,.tournaments-heading{font-family:var(--ui-font)}.tournament-banner{border-radius:9px;border:1px solid #e7c9934d;background:#483c3f99}.tournament-banner-text,.tournament-banner-action{font-family:var(--ui-font)}


.climb-card .label{font-size:11px}.climb-card .speed-caption{font-size:10px}.climb-card .speed-caption>span{font-size:11px}.rank-line span{font:700 11px var(--ui-font)}#training-radar .radar-label{font-size:13px}#training-radar .radar-score{font-size:16px}


#dialog-backdrop{inset:72px 0 0;padding:18px 20px}.dialog,.dialog.challenges-dialog,.dialog.statistics-dialog{max-height:calc(100dvh - 108px)}.dialog.challenges-dialog{position:relative}.dialog.challenges-dialog .dialog-close{position:absolute;top:18px;right:18px;float:none;margin:0}.challenge-heading{padding-right:40px}.challenge-detail h3{font:800 22px/1.2 var(--ui-font);letter-spacing:-.02em}.challenge-detail>.eyebrow{display:none}.challenge-node:disabled .node-copy small,.challenge-node:disabled .node-copy>span{display:none}.challenge-node:disabled .node-copy strong{font-size:15px;color:#8198ad}.challenge-legend{color:#8aa5bd!important}.statistics-layout>div>p.statistics-basics{font-size:11px}@media(max-width:500px){#dialog-backdrop{padding:12px}.dialog,.dialog.challenges-dialog,.dialog.statistics-dialog{max-height:calc(100dvh - 96px)}.dialog.challenges-dialog{padding:20px 14px}.challenge-detail h3{font-size:19px}}