/* Title screen and menu shell. Gameplay keeps its existing HUD and geometry. */
.header{background:#10252e;color:#efe9d5;border-bottom-color:#40574f}
.header .wordmark{color:#efe9d5}.header .header-label,.is-playing .header-label,.is-lobby .header-label{color:#a0b4a8}
.menu-loadout,.game-footer{display:none}
.is-home{background:#10252e;overflow:hidden;color:#f5efd9}
.is-home .header{height:64px;padding:0 6vw;background:transparent;border:0;position:fixed;inset:0 0 auto;pointer-events:none}
.is-home .header-actions{pointer-events:auto;margin-left:auto}
.is-home .wordmark{display:none}
.is-home .header-label{display:block;margin-left:0;font:10px 'Courier New',monospace;letter-spacing:.16em;color:#a8bfb0}
.is-home .text-button{color:#dbdfcd}
.is-home #home{position:fixed;inset:0;max-width:none;margin:0;padding:80px 8vw 65px 9vw;height:100dvh;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center;isolation:isolate}
.is-home #stage{position:fixed;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none;z-index:-2}
.is-home #home::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a1b25f5 0%,#0b202aee 30%,#0b202a70 62%,#10252e44),linear-gradient(0deg,#091e29f2,transparent 30%,transparent 75%,#0a1b2599)}
.is-home .hero{display:block;position:relative;padding:0;max-width:470px;width:100%}
.title-overline{display:flex;align-items:center;gap:10px;font:700 10px 'Courier New',monospace;letter-spacing:.19em;color:#c1cdb5}
.title-overline>span{width:24px;height:3px;background:#f88753;box-shadow:0 0 14px #ef96554d}
.is-home .hero h1{position:relative;display:flex;align-items:center;font:900 clamp(90px,10.5vw,158px)/1 Impact,'Arial Narrow',sans-serif;letter-spacing:-.025em;margin:10px 0 0;color:#f0e9ce;transform:skew(-5deg);text-shadow:0 5px 0 #7e8b76,0 12px 30px #0008;white-space:nowrap}
.is-home .hero h1 .title-arrow{display:inline-block;font-size:.58em;margin-left:8px;color:#f78752;text-shadow:0 4px 0 #925b3f}
.title-tagline{font:700 13px 'Courier New',monospace;letter-spacing:.3em;color:#ec9b6e;margin:20px 0 30px}
.game-menu{display:flex;flex-direction:column;gap:8px;width:100%;max-width:410px}
.menu-button{position:relative;display:flex;align-items:center;gap:18px;width:100%;min-height:67px;padding:12px 22px 12px 16px;background:#152f39e8;border:1px solid #6f887450;border-left:3px solid #658473;border-radius:2px;color:#ecebd7;text-align:left;box-shadow:3px 4px 0 #07192280;transition:background .13s,transform .13s,border-color .13s}
.menu-button .menu-number{font:10px 'Courier New',monospace;opacity:.5;align-self:flex-start;margin-top:7px}
.menu-copy{display:flex;flex-direction:column;gap:3px}
.menu-copy strong{font:400 25px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
.menu-copy small{font:10px Arial,sans-serif;color:#b0c0b4}
.menu-arrow{margin-left:auto;color:#e4b374;font-size:15px;opacity:.5}
.menu-primary{background:#f18754;border-color:#f7b079;border-left-color:#ffe7b5;color:#1e3032;box-shadow:3px 5px 0 #8e5039}
.menu-primary .menu-copy small{color:#473f32}.menu-primary .menu-arrow{color:#203234;opacity:1}
.menu-button:hover,.menu-button:focus-visible{background:#f5b076;color:#152b31;border-color:#ffe1ac;transform:translateX(6px);outline:2px solid #f8deab;outline-offset:3px}
.menu-button:hover .menu-copy small,.menu-button:focus-visible .menu-copy small{color:#3c4539}
.menu-button:hover .menu-arrow,.menu-button:focus-visible .menu-arrow{color:#203234;opacity:1}
.is-home .menu-loadout{position:relative;display:flex;align-items:center;flex-direction:column;justify-self:center;width:100%;max-width:350px}
.character-showcase{position:relative;width:100%;height:290px;display:flex;align-items:flex-end;justify-content:center}
#menu-character{position:relative;width:320px;height:293px;max-width:100%;object-fit:contain;z-index:1;transform:translateY(calc(14% - 17px));filter:drop-shadow(0 8px 0 #0b24234d)}
.showcase-ring{position:absolute;width:240px;height:240px;border-radius:50%;top:4px;left:50%;transform:translateX(-50%);border:1px solid #bfd4a31a;background:radial-gradient(ellipse,#dfe6a424,transparent 68%);box-shadow:0 0 0 28px #c4d1a505,0 0 0 29px #c4d1a50d}
.showcase-platform{position:absolute;bottom:0;width:225px;height:17px;border-top:4px solid #eedab3;background:repeating-linear-gradient(90deg,#aa7658 0,#aa7658 29px,#8b5b44 30px,#8b5b44 32px);box-shadow:0 6px 0 #573e34,0 20px 35px #061923}
.loadout-panel{width:100%;margin-top:27px;padding:0 19px 15px;background:#0d2532ed;border:1px solid #94b99a44;border-top:2px solid #a9bea2;box-shadow:5px 7px 0 #071a2566}
.is-home .character-trigger{margin:0;padding:14px 0 12px;border:0;border-bottom:1px solid #92a78e33;background:transparent;color:#eff0d8;border-radius:0;gap:10px}
.is-home .character-trigger:hover{background:#aacaa90c}
.character-trigger small{display:block;font:8px 'Courier New',monospace;letter-spacing:.16em;color:#9bb6a5}
.is-home .character-trigger strong{display:block;margin:4px 0 0;font:400 29px Impact,'Arial Narrow',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.loadout-change{font:700 9px 'Courier New',monospace;letter-spacing:.06em;color:#f0b782}
.is-home .profile-form{margin-top:13px;max-width:none}
.is-home .profile-form label{font:8px 'Courier New',monospace;letter-spacing:.12em;color:#abc3af;margin-bottom:6px}
.is-home #display-name{width:100%;height:33px;color:#f4efd9;background:#071c27;border:1px solid #78958265;border-radius:1px;font:12px 'Courier New',monospace}
.is-home #display-name::placeholder{color:#b8c4b5}
.palette-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.palette-row>span{font:8px 'Courier New',monospace;color:#abc3af;letter-spacing:.12em}
.is-home #color-picker{width:auto;gap:8px;flex-wrap:nowrap}
.is-home .swatch{width:16px;height:16px;border-radius:2px}.is-home .swatch.active{outline-color:#f6eed3}
.is-home .game-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;bottom:22px;left:6vw;right:6vw;font:9px 'Courier New',monospace;letter-spacing:.06em;color:#a1b7a8}
.game-footer>span:first-child{display:flex;align-items:center;gap:7px}
.game-footer kbd{background:#24403f;color:#d4dfc6;border:1px solid #738e764d;font:9px/20px 'Courier New',monospace;border-radius:2px;padding:0 5px}
.game-footer kbd:nth-child(3){margin-left:13px}.game-footer i{font-style:normal;margin:0 12px;color:#e4ac79}
/* Menus and lobbies belong to the same game shell. */
#dialog-backdrop{inset:0;background:#061823bd;backdrop-filter:blur(7px)}
.dialog{background:#132e38;color:#ecebd7;border:1px solid #789482;border-top:3px solid #ec9b68;border-radius:3px;box-shadow:8px 10px 0 #061b2880,0 24px 100px #0008}
.dialog h2{color:#f1e8ce}.dialog .eyebrow{color:#edaa76}.dialog p,.dialog p.bot-setting-note{color:#b0c0b3}.dialog label{color:#c7d5bd}
.dialog-close{color:#d4d7bd}.dialog .text-button{color:#d0dac3}
.dialog input,.dialog select{color:#f1edd6;background:#0a222d;border-color:#718b766e;color-scheme:dark}
.dialog .button-dark{background:#f18d59;color:#193039;border-color:#f6b67f;box-shadow:0 3px 0 #8c5039}.dialog .button-dark:hover{background:#ffb87c}
.dialog .button-outline{background:#23443f;border-color:#739782;color:#e1e8ca}.dialog .button-outline:hover{background:#365c4e}
.dialog .button.ready{background:#456f51;color:#e2f5ce}.room-code-line{background:#09232f;border-color:#739680;color:#f6d795}.room-code-line small{color:#a0bbab}
.member,.empty-seat{border-bottom-color:#718d7438}.member small,.empty-seat{color:#a3b9a6}.member small.ready{color:#a5dfa4}
.character-option{background:#203e42;border-color:#71927b;color:#eef0d5}.character-option:hover{background:#2b4a48}.character-option[aria-pressed=true]{background:#455345;border-color:#eea777}
.character-description,.character-status{color:#b5cbb4}.character-option[aria-pressed=true] .character-status{color:#ffd0a1}.bot-rules{background:#0a2530;color:#b8cbb5}
.result-stat,.result-row,#result-table{border-color:#718c7255}.result-stat span,.result-row span:last-child{color:#b0c6af}
@media(max-height:760px) and (min-width:761px){
  .is-home #home{padding-top:65px;padding-bottom:55px}.is-home .hero h1{font-size:110px}.title-tagline{margin:14px 0 20px}.menu-button{min-height:58px;padding-top:9px;padding-bottom:9px}.menu-copy strong{font-size:23px}.character-showcase{height:235px}#menu-character{width:265px;height:243px}.showcase-ring{height:190px;width:190px}.loadout-panel{margin-top:20px}.is-home .game-footer{bottom:16px}
}
@media(max-width:1000px) and (min-width:761px){.is-home #home{padding-left:6vw;padding-right:6vw;gap:7vw;grid-template-columns:1.1fr 1fr}.is-home .hero h1{font-size:100px}.is-home .hero h1 .title-arrow{font-size:45px}.menu-button{gap:12px}.menu-copy strong{font-size:22px}.palette-row{gap:8px}.is-home #color-picker{gap:6px}.is-home .swatch{width:14px;height:14px}}
@media(max-width:760px){
  .is-home{overflow:auto}.is-home #home{position:relative;min-height:100dvh;height:auto;display:flex;flex-direction:column;gap:35px;padding:92px 8vw 85px}.is-home .header{padding:0 8vw}.is-home .header-label{font-size:8px;letter-spacing:.06em}.is-home .hero{max-width:440px}.is-home .hero h1{font-size:clamp(80px,17vw,120px)}.is-home .hero h1 .title-arrow{font-size:.5em}.title-overline{font-size:9px}.title-tagline{font-size:11px;margin:15px 0 25px}.game-menu{max-width:none}.menu-button{min-height:64px}.menu-copy strong{font-size:24px}.is-home .menu-loadout{max-width:440px;display:grid;grid-template-columns:95px 1fr;gap:16px;align-items:center}.character-showcase{height:140px;width:95px}#menu-character{width:130px;max-width:none;height:119px}.showcase-platform{width:100px;bottom:8px;height:10px}.showcase-ring{width:120px;height:120px;top:10px;box-shadow:none}.loadout-panel{margin:0;padding:0 12px 12px}.is-home .character-trigger{padding-top:10px}.is-home .character-trigger strong{font-size:24px}.palette-row>span{display:none}.is-home #color-picker{width:100%;gap:5px;justify-content:space-between}.is-home .swatch{width:14px;height:14px}.loadout-change{font-size:8px}.is-home .game-footer{bottom:20px;justify-content:center}.game-footer>span:first-child{display:none}.is-home #home::before{background:linear-gradient(90deg,#0a1b25ed,#0b202ac9),linear-gradient(0deg,#091e29,transparent)}
}
@media(max-height:560px) and (min-width:761px){.is-home{overflow:auto}.is-home #home{position:relative;height:auto;min-height:580px}.is-home .header{position:absolute}}
@media(prefers-reduced-motion:reduce){.menu-button{transition:none}.menu-button:hover,.menu-button:focus-visible{transform:none}}

/* Per-match ability report: SVG stays crisp at every dialog size. */
#result-dialog{width:820px;padding:28px 32px}
#result-dialog h2{font-size:44px;line-height:.96;margin:15px 0 12px}
#result-dialog #winner-name{margin-bottom:18px}
#result-abilities{border-top:1px solid #718d7455;border-bottom:1px solid #718d7455;padding:18px 0 14px;margin-bottom:22px}
.ability-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.ability-heading h3{font:400 25px Impact,'Arial Narrow',sans-serif;letter-spacing:.04em;margin:5px 0 0}
.ability-heading>span{font:8px 'Courier New',monospace;color:#a9c0ac;letter-spacing:.06em}
.ability-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px}
.ability-radar svg{display:block;width:100%;height:auto;overflow:visible}
.radar-grid{fill:#d5ecc305;stroke:#799b8145;stroke-width:1}.radar-axis{stroke:#799b8138;stroke-width:1}
.radar-shape{fill:#94daba40;stroke:#a8f0ca;stroke-width:2;stroke-linejoin:round}.radar-dot{fill:#e2ffd9}
.ability-radar text{text-anchor:middle;font-family:'Courier New',monospace}.radar-label{fill:#d7e2c7;font-size:10px;font-weight:bold;letter-spacing:.06em}.radar-score{fill:#a8f0ca;font-size:14px;font-weight:bold}.radar-origin{fill:#99b7a2;font-size:9px}
.ability-scores{display:grid;gap:10px;padding:16px 0}
.ability-score-row>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.ability-score-row strong{font-size:11px}.ability-score-row b{font:700 13px 'Courier New',monospace;color:#b5edc6}.ability-score-row b small{font-size:8px;font-weight:normal;color:#a3bda8;margin-left:3px}
.ability-score-row>span{display:block;font:10px/1.4 Arial;color:#aec3b0;margin-top:3px}.ability-score-row>i{display:block;height:3px;background:#6b92782c;margin-top:6px}.ability-score-row em{display:block;height:100%;background:#8bc5a6}
#result-dialog .ability-takeaway{font-size:12px;line-height:1.6;margin:6px 0 8px;color:#f0d8ae;background:#0b2530;padding:11px 13px;border-left:2px solid #e8ae77}
#result-dialog .ability-note{font:9px/1.6 'Courier New',monospace;color:#a5bfa9;margin:0}
#result-dialog .result-stat-grid{margin-bottom:12px}#result-dialog .result-stat strong{font-size:25px}
@media(max-width:600px){#result-dialog{padding:24px 18px}#result-dialog h2{font-size:34px}.ability-layout{grid-template-columns:1fr;gap:0}.ability-radar{max-width:340px;width:100%;justify-self:center}.ability-scores{grid-template-columns:1fr 1fr;gap:14px;padding:0 0 12px}.ability-heading{align-items:flex-start}.ability-heading>span{max-width:90px;line-height:1.6;text-align:right}.ability-heading h3{font-size:22px}}
/* Ranked queue and persistent ladder */
.ranked-menu{border-left-color:#e8c67b}.ranked-menu .menu-arrow{color:#f3cd78;opacity:1}
#ranked-dialog{text-align:center;max-width:530px}#ranked-status{font-size:40px;line-height:1.05}
.ranked-emblem{font-size:60px;color:#d8ab70;text-shadow:0 0 30px #edaa7644;margin:18px 0 8px}
#ranked-badge{font-size:20px;color:#f4dab1;margin:10px 0}#ranked-points{font:12px 'Courier New',monospace}
#ranked-progress{width:100%;height:8px;accent-color:#e5b570;margin-bottom:15px}
#ranked-dialog .ranked-rules{font:11px/1.8 'Courier New',monospace;color:#b8c9b5}
#ranked-result{margin:18px 0;padding:18px;background:#0b2530;border:1px solid #b99f6666}
#ranked-result strong{display:block;font:34px Impact,sans-serif;color:#f3cd78;margin-top:8px}#ranked-result p{margin:8px 0}#ranked-result small{color:#b8d8b9}
@media(min-width:701px) and (max-height:800px){.is-home .hero h1{font-size:100px}.title-tagline{margin:12px 0 18px}.menu-button{min-height:55px;padding-top:8px;padding-bottom:8px}.menu-copy strong{font-size:23px}}
#ranked-dialog .ranked-emblem,#ranked-dialog #ranked-badge{color:var(--rank-color,#d8ab70)}#ranked-progress{accent-color:var(--rank-color,#d8ab70)}#ranked-dialog details{margin:15px 0;text-align:left}#ranked-dialog summary{cursor:pointer}
/* Bespoke rank badges: tier emblem, stage ornaments and division lights. */
.rank-badge{display:block;width:100%;height:auto;overflow:visible}
#ranked-menu-icon{width:42px;flex:none;margin-left:auto;filter:drop-shadow(0 2px 3px #0006)}
#ranked-emblem{width:100px;margin:10px auto 0;font-size:initial;text-shadow:none;filter:drop-shadow(0 4px 12px #0005)}
#ranked-dialog #ranked-badge{margin-top:2px}
#ranked-result{display:flex;align-items:center;gap:18px}#ranked-result>.rank-badge{width:92px;flex:none}
.rank-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px;margin-top:15px}
.rank-gallery-tier{border:1px solid #6c8a7655;background:#091f29;padding:10px 5px;border-radius:3px;text-align:center}
.rank-gallery-tier>strong{font:10px 'Courier New',monospace;color:#d4dfc8}.rank-gallery-tier>div{display:flex;gap:3px;margin-top:8px}.rank-gallery-tier .rank-badge{width:calc((100% - 6px)/3)}
@media(max-width:500px){.rank-gallery{grid-template-columns:repeat(2,1fr)}#ranked-result{gap:10px}#ranked-result>.rank-badge{width:65px}}
.result-player-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.result-player-heading h3{font:22px Impact,sans-serif;margin:0;color:#efd7b4;overflow-wrap:anywhere}.result-player-heading>span{font:10px 'Courier New',monospace;color:#b6c5ad;white-space:nowrap}
#result-dialog .result-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#result-dialog .result-inspect-hint{font:10px 'Courier New',monospace;color:#b6c5ad;margin:20px 0 8px}
button.result-row{width:100%;background:transparent;border:0;border-bottom:1px solid #718d7433;color:#dce6cf;text-align:left;font-family:inherit;cursor:pointer;padding:13px 10px}
button.result-row:hover,button.result-row[aria-pressed="true"]{background:#294a4b;color:#ffe2b0}button.result-row:focus-visible{outline:2px solid #edaa76;outline-offset:-2px}button.result-row i{margin-left:8px;color:#edaa76;font-style:normal}
#result-profile{scroll-margin-top:72px}
@media(max-width:600px){#result-dialog .result-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}button.result-row{font-size:11px}}


.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mode-grid .menu-button{min-height:130px;display:flex;flex-wrap:wrap;background:#23443f;border:1px solid #71947f;padding:18px}.mode-grid .menu-copy strong{font-size:24px}.mode-grid .menu-number{font-size:28px;color:#edb97f}.mode-grid .menu-copy{flex-basis:75%}.mode-grid .menu-arrow{display:none}

#training-live{position:fixed;right:24px;top:94px;width:300px;background:#102b35eb;border:1px solid #648578;padding:14px;z-index:5;color:#dce8cb}#training-radar svg{width:100%;display:block}.training-live-heading{display:flex;justify-content:space-between;gap:8px;font:10px monospace}#training-decay{display:block;font:10px/1.5 monospace}.is-training .standings-card{display:none}@media(max-width:700px){#training-live{right:12px;top:205px;width:210px;padding:8px}.training-live-heading{font-size:8px}#training-live .text-button{font-size:8px}}

#character-dialog,#store-dialog{width:850px}.inventory-tabs{display:flex;gap:8px;margin:20px 0}.inventory-tabs button{flex:1;background:#173944;color:#dce8cb;border:1px solid #789482;padding:12px;font:11px monospace;cursor:pointer}.inventory-tabs button[aria-selected=true]{background:#edaa76;color:#132e38}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cosmetic-card{background:#0b2530;border:1px solid #557a6d;padding:12px;display:flex;flex-direction:column;min-width:0}.cosmetic-card canvas{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.cosmetic-card h3{font:26px Impact,sans-serif;margin:8px 0}.cosmetic-card small{font:9px monospace;color:#edaa76}.cosmetic-card p{font:11px/1.5 Arial;flex:1;min-height:35px}.cosmetic-card .button{font-size:10px;width:100%;padding:8px;height:40px}.cosmetic-card .button:disabled{opacity:.5;cursor:default}#coin-balance{color:#ffd387;font:bold 18px monospace}@media(max-width:620px){.cosmetic-grid{grid-template-columns:1fr 1fr}.cosmetic-card h3{font-size:22px}.inventory-tabs button{padding:10px 5px}}
.mode-grid .menu-button{aspect-ratio:1;min-height:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.mode-grid .menu-copy{flex-basis:auto}.mode-grid .menu-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #a8ba9180;border-radius:8px;background:#102c36;opacity:1;margin:0;font-size:27px}#modes-dialog{width:540px}.mode-grid .menu-copy small{line-height:1.5}

.cosmetic-card{border-top:3px solid var(--tier-color,#a9bca7)}.item-tier{color:var(--tier-color,#a9bca7);font:bold 9px/1.5 monospace;letter-spacing:.07em;margin-bottom:5px}.cosmetic-card:has(.item-tier){box-shadow:inset 0 1px 18px #ffffff04}

/* Quiet scrollbars and a close control that stays inside the viewport. */
*{scrollbar-width:thin;scrollbar-color:#65887e #112b35}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#112b35}::-webkit-scrollbar-thumb{background:#65887e;border:2px solid #112b35;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9db4a4}.dialog{scrollbar-gutter:stable;overscroll-behavior:contain}.dialog .dialog-close{position:sticky;top:0;right:auto;float:right;margin:-18px -12px 0 12px;width:36px;height:36px;display:grid;place-items:center;z-index:25;background:#132e38f5;border:1px solid #6b8d7f;border-radius:50%;box-shadow:0 3px 12px #061b2880}.dialog .dialog-close:hover{background:#315448;color:#fff}.store-tabs{display:flex;gap:8px;margin:20px 0}.store-tabs button{flex:1;background:#173944;color:#dce8cb;border:1px solid #789482;padding:12px;font:11px monospace;cursor:pointer}.store-tabs button[aria-selected=true]{background:#edaa76;color:#132e38}.dialog .tier-filter{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:10px monospace}.dialog .tier-filter select{width:170px;height:36px;font:12px monospace}.inventory-empty{grid-column:1/-1;padding:35px 10px;text-align:center;border:1px dashed #648477}

#ranked-modes-dialog{width:780px}.ranked-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.ranked-mode-card{display:flex;flex-direction:column;align-items:center;gap:15px;background:#0b2530;border:1px solid #739782;color:#e9ead3;padding:24px 18px;cursor:pointer;text-align:center}.ranked-mode-card:hover{background:#21463e;border-color:#e9ba79}.ranked-mode-card .rank-badge{width:100px;height:100px}.ranked-mode-card strong{font:36px Impact,sans-serif;text-transform:uppercase}.ranked-mode-card span{font:12px/1.5 Arial}.ranked-mode-card b,.ranked-mode-card small{font:11px monospace;color:#eac99b}.ranked-mode-card small{margin-top:auto}@media(max-width:540px){.ranked-mode-grid{grid-template-columns:1fr}.ranked-mode-card{gap:10px}}

.is-home .hero h1{font-size:clamp(58px,6.4vw,100px);line-height:.88;margin-top:18px;margin-bottom:14px}
@media(max-width:700px){.is-home .hero h1{font-size:clamp(46px,12vw,70px)}}