*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#2f3f2a;--bg-2:#36482f;--bg-3:#2a3825;--surface:#f0e4c80a;--surface-hover:#f0e4c812;--surface-strong:#f0e4c81a;--border:#f0e4c81a;--border-subtle:#f0e4c80d;--text-bright:#f0e4c8;--text:#c9bb95;--text-dim:#8a7e5e;--leaf:#a3c97b;--leaf-soft:#a3c97b1f;--berry:#d6776a;--berry-soft:#d6776a1f;--gold:#d4b06a;--gold-soft:#d4b06a24;--bluebird:#7fb3d6;--bronze:#b8853d;--silver:#a0a8b3;--rank-gold:#d4b06a;--platinum:#88b897;--diamond:#6fb6c2;--champion:#c084ad;--grand-champion:#d09a66;--top-rank:#f0e4c8;--font-display:"Fredoka", "Nunito", system-ui, -apple-system, sans-serif;--font-sans:"Nunito", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--radius:6px;--radius-sm:4px;--radius-pill:999px}:root[data-theme=night]{--bg:#151817;--bg-2:#202520;--bg-3:#101211;--surface:#ebe7d80b;--surface-hover:#ebe7d813;--surface-strong:#ebe7d81c;--border:#ebe7d81f;--border-subtle:#ebe7d80f;--text-bright:#ebe7d8;--text:#bbb6a3;--text-dim:#7f7a69;--leaf:#8dbb6a;--leaf-soft:#8dbb6a21;--berry:#d07468;--berry-soft:#d074681f;--gold:#cda65a;--gold-soft:#cda65a24;--bluebird:#74a7ca;--bronze:#b27f38;--silver:#9aa2ad;--rank-gold:#cda65a;--platinum:#77ad87;--diamond:#69aebb;--champion:#bd7fa7;--grand-champion:#c88e5b;--top-rank:#ebe7d8}:root[data-theme=ocean]{--bg:#16313a;--bg-2:#1f4852;--bg-3:#10242b;--surface:#e0f4f10b;--surface-hover:#e0f4f114;--surface-strong:#e0f4f11f;--border:#e0f4f121;--border-subtle:#e0f4f10f;--text-bright:#e0f4f1;--text:#b8d6d2;--text-dim:#789895;--leaf:#93d4a3;--leaf-soft:#93d4a324;--berry:#df806e;--berry-soft:#df806e1f;--gold:#d7c06e;--gold-soft:#d7c06e24;--bluebird:#83c5dd;--bronze:#bd8e4d;--silver:#a7b5bc;--rank-gold:#d7c06e;--platinum:#86c5a5;--diamond:#7bc2da;--champion:#b692d1;--grand-champion:#d29676;--top-rank:#e0f4f1}:root[data-theme=plum]{--bg:#332739;--bg-2:#42304c;--bg-3:#261d2d;--surface:#f4e2ee0b;--surface-hover:#f4e2ee14;--surface-strong:#f4e2ee1f;--border:#f4e2ee21;--border-subtle:#f4e2ee0f;--text-bright:#f4e2ee;--text:#cfbad0;--text-dim:#947c98;--leaf:#a9cf86;--leaf-soft:#a9cf8621;--berry:#dc777b;--berry-soft:#dc777b21;--gold:#d8b56d;--gold-soft:#d8b56d24;--bluebird:#8bb6d8;--bronze:#b98551;--silver:#aaa0b7;--rank-gold:#d8b56d;--platinum:#8bbd95;--diamond:#7ab9c8;--champion:#c28ac4;--grand-champion:#d09272;--top-rank:#f4e2ee}html{font-size:15px}[hidden]{display:none!important}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;background:var(--bg);background-image:radial-gradient(ellipse 90% 60% at 50% -10%, var(--bg-2) 0%, transparent 60%), radial-gradient(ellipse 120% 70% at 50% 110%, var(--bg-3) 0%, transparent 60%);background-attachment:fixed;min-height:100vh;font-weight:500;overflow-x:hidden}#snake-bg{z-index:0;pointer-events:none;opacity:.32;filter:blur(6px);width:100vw;height:100vh;position:fixed;inset:0}body.in-match #snake-bg,body.snake-bg-disabled #snake-bg{display:none}#app{z-index:1;width:100%;max-width:1080px;margin:0 auto;padding:0 24px 64px;position:relative}.nav{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:36px;padding:22px 0 18px;display:flex}.logo{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.3px;font-size:1.15rem;font-weight:600;text-decoration:none}.logo-dot{color:var(--gold)}.nav-right{align-items:center;gap:22px;display:flex}.auth-slot{justify-content:flex-end;min-width:32px;display:flex}.user-button{justify-content:center;align-items:center;min-width:32px;min-height:32px;display:flex}.nav-link{font-family:var(--font-display);color:var(--text-dim);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s;position:relative}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--gold)}.nav-link.active:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;bottom:-7px;left:0;right:0}.nav-link.disabled{opacity:.35;pointer-events:none}.shop-balance{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);border-radius:var(--radius-pill);background:var(--gold-soft);min-width:58px;min-height:30px;color:var(--text-bright);font-family:var(--font-display);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.shop-balance span{line-height:1}.btn{font-family:var(--font-display);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0;padding:8px 16px}.btn-ghost:hover:not(:disabled){color:var(--text-bright);border-color:var(--text-dim);background:var(--surface)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--leaf);color:#1f2c1c;border-color:var(--leaf);padding:10px 22px;font-size:.9rem;font-weight:600}.btn-primary:hover:not(:disabled){background:#b3d489;border-color:#b3d489}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-hero{letter-spacing:.3px;justify-content:center;width:100%;margin-top:24px;padding:16px 28px;font-size:1rem;display:flex}.btn-play-icon{font-size:.72rem}.btn-play{justify-content:center;align-self:center;min-width:160px;min-height:48px;padding:10px 22px;font-size:.9rem}.profile-detail{border-top:1px solid var(--border);padding-top:18px}.profile-back{margin-bottom:14px}.profile-card{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:26px;padding:28px 0}.profile-header{align-items:flex-start;gap:22px;margin-bottom:14px;display:flex}.avatar{flex-shrink:0;position:relative}.avatar-inner{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:60px;height:60px;font-family:var(--font-display);color:var(--text-bright);background-position:50%;background-size:cover;justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;display:flex}.avatar-inner.has-image{color:#0000}.snake-avatar{padding:0;overflow:hidden}.avatar-inner.snake-avatar{background:0 0;border:0;overflow:visible}.snake-headshot{color:#0000;--headshot-head:var(--bluebird);--headshot-body:#7fb3d6;place-items:center;width:100%;height:100%;display:inline-grid}.snake-headshot svg{filter:drop-shadow(0 8px 10px #00000038);width:100%;height:100%;display:block}.snake-headshot-large svg{filter:drop-shadow(0 18px 22px #0000004d)}.headshot-shadow{fill:var(--headshot-body);opacity:.28}.rank-badge{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text);padding:1px 6px;font-size:.65rem;font-weight:600;position:absolute;bottom:-4px;right:-4px}.profile-info{flex:1;min-width:0}.username{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.3px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:1.4rem;font-weight:600;line-height:1.15;display:flex}.admin-badge{border-radius:var(--radius-sm);background:var(--leaf-soft);color:var(--leaf);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.7px;border:1px solid #a3c97b80;padding:2px 7px;font-size:.64rem;font-weight:600;line-height:1}.player-tags{flex-wrap:wrap;gap:6px;display:flex}.profile-info>.player-tags{margin-top:8px}.player-tag-line{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.player-tag{border:1px solid color-mix(in srgb, var(--tag-color) 55%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tag-color) 12%, transparent);color:var(--tag-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;padding:3px 7px;font-size:.64rem;font-weight:700;line-height:1}.player-tag.compact{letter-spacing:.45px;padding:2px 5px;font-size:.56rem}.empty-tag{border-color:var(--border);color:var(--text-dim);background:0 0}.tag-edit-button{min-height:26px;padding:0 9px;font-size:.72rem}.profile-bio,.bio-editor,.admin-tag-panel{flex-direction:column;gap:8px;max-width:520px;margin:2px 0 0 82px;display:flex}.profile-bio{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.bio-text{max-width:min(100%,420px);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.92rem;line-height:1.45}.bio-empty{color:var(--text-dim);font-style:italic}.bio-edit-button{min-height:30px;padding:0 11px}.bio-label{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.68rem;font-weight:700}.bio-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text-bright);font-family:var(--font-sans);padding:10px 12px;font-size:.86rem;line-height:1.35}.bio-input:focus{border-color:var(--leaf);outline:none}.bio-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.bio-counter{color:var(--text-dim);font-family:var(--font-mono);margin-right:auto;font-size:.72rem;font-weight:600}.bio-counter.near-limit{color:var(--gold)}.bio-save-status{min-height:1em;color:var(--text-dim);font-family:var(--font-display);font-size:.74rem;font-weight:600}.public-bio{max-width:560px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0 82px;font-size:.9rem;line-height:1.45}.admin-tag-panel{align-items:flex-start}.profile-tag-equip{flex-direction:column;gap:8px;max-width:520px;margin-top:10px;display:flex}.tag-editor{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;width:min(100%,520px);padding:12px;display:flex}.tag-toggle-row,.tag-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-actions{justify-content:flex-end}.tag-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-display);cursor:pointer;background:0 0;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:.8rem;font-weight:600;display:inline-flex}.tag-toggle:hover,.tag-toggle.selected{border-color:color-mix(in srgb, var(--leaf) 58%, transparent);background:var(--leaf-soft);color:var(--leaf)}.tag-swatch{background:var(--tag-color);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in srgb, var(--tag-color) 18%, transparent);border-radius:50%;flex-shrink:0}.rank-title{font-family:var(--font-display);color:var(--text);align-items:center;gap:6px;margin-bottom:3px;font-size:.88rem;font-weight:500;display:flex}.profile-meta-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.profile-meta-row .rank-title,.profile-meta-row .elo,.profile-meta-row .player-number,.profile-meta-row .player-tags{margin:0}.profile-meta-row .elo,.profile-meta-row .player-number{line-height:1.2}.rank-icon{background:var(--text-dim);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:10px;height:10px;display:inline-block}.rank-icon-bronze{background:var(--bronze)}.rank-icon-silver{background:var(--silver)}.rank-icon-gold{background:var(--rank-gold)}.rank-icon-platinum{background:var(--platinum)}.rank-icon-diamond{background:var(--diamond)}.rank-icon-champion{background:var(--champion)}.rank-icon-grand-champion{background:var(--grand-champion)}.rank-icon-top{background:var(--top-rank)}.rank-text-unranked{color:var(--text-dim)}.rank-text-bronze{color:var(--bronze)}.rank-text-silver{color:var(--silver)}.rank-text-gold{color:var(--rank-gold)}.rank-text-platinum{color:var(--platinum)}.rank-text-diamond{color:var(--diamond)}.rank-text-champion{color:var(--champion)}.rank-text-grand-champion{color:var(--grand-champion)}.rank-text-top{color:var(--top-rank)}.rank-tier-bronze .avatar-inner{border-color:var(--bronze)}.rank-tier-silver .avatar-inner{border-color:var(--silver)}.rank-tier-gold .avatar-inner{border-color:var(--rank-gold)}.rank-tier-platinum .avatar-inner{border-color:var(--platinum)}.rank-tier-diamond .avatar-inner{border-color:var(--diamond)}.rank-tier-champion .avatar-inner{border-color:var(--champion)}.rank-tier-grand-champion .avatar-inner{border-color:var(--grand-champion)}.rank-tier-top .avatar-inner{border-color:var(--top-rank)}.elo{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem;font-weight:500}.player-number{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.2px;margin-top:3px;font-size:.7rem;font-weight:600}.stats-row{border-top:1px solid var(--border-subtle);align-items:center;gap:16px;margin-top:18px;padding-top:22px;display:flex}.stat{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.stat-value{font-family:var(--font-display);color:var(--text-bright);font-size:1.55rem;font-weight:600;line-height:1}.stat-value.win{color:var(--leaf)}.stat-value.loss{color:var(--berry)}.stat-value.streak{color:var(--gold)}.stat-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);font-size:.68rem;font-weight:500}.public-profile-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;padding-top:2px;display:flex}.public-inventory-button{white-space:nowrap;gap:10px}.public-inventory-count{border-radius:var(--radius-pill);min-width:28px;color:var(--gold);font-family:var(--font-mono);text-align:center;background:#0000003d;padding:2px 7px;font-size:.72rem;line-height:1.2}.public-inventory-dialog{border-color:var(--border);background:radial-gradient(circle at 18% 12%, #a3c97b1a, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 92%, #050607 8%), #050607f5);width:min(940px,100%)}.public-inventory-dialog .crate-dialog-header h2{font-size:clamp(1.8rem,4vw,3.2rem)}.public-inventory-tools{border-bottom:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding-bottom:12px;display:flex}.public-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.public-inventory-tile{cursor:default}.stat-divider{display:none}.card,.panel-section,.table-section{border-top:1px solid var(--border);padding:22px 0}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.1px;font-size:.95rem;font-weight:600}.card-link{font-family:var(--font-display);color:var(--text-dim);font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s}.card-link:hover{color:var(--leaf)}.trade-refresh{cursor:pointer;background:0 0;border:0;padding:0}.card-subtitle{font-family:var(--font-display);color:var(--text-dim);font-size:.74rem;font-weight:500}.grid-2col{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:36px;margin-bottom:24px;display:grid}.right-col{flex-direction:column;gap:24px;display:flex}.match-list{flex-direction:column;gap:2px;display:flex}.match{border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.match:hover{background:var(--surface)}.match-result{font-family:var(--font-display);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:600;display:flex}.match.win .match-result{background:var(--leaf-soft);color:var(--leaf)}.match.loss .match-result{background:var(--berry-soft);color:var(--berry)}.match-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.match-opponent{font-family:var(--font-display);color:var(--text-bright);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:.86rem;font-weight:600}.match-opponent:hover,.lb-name:hover,.table-player:hover,.race-player-name:hover{color:var(--leaf)}.match-meta{font-family:var(--font-sans);color:var(--text-dim);font-size:.72rem;font-weight:500}.match-score{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem;font-weight:500}.match-sr{font-family:var(--font-mono);text-align:right;width:50px;font-size:.82rem;font-weight:600}.match-sr.positive{color:var(--leaf)}.match-sr.negative{color:var(--berry)}.trade-list{flex-direction:column;display:flex}.trade-submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.trade-row{border:0;border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:11px 8px;transition:background .15s;display:flex}.trade-row:last-child{border-bottom:0}.trade-row:hover{background:var(--surface)}.trade-row-dir{border-radius:var(--radius-sm);width:26px;height:26px;font-family:var(--font-display);flex-shrink:0;place-items:center;font-size:.82rem;font-weight:600;display:grid}.trade-row-dir.in{background:var(--leaf-soft);color:var(--leaf)}.trade-row-dir.out{background:var(--gold-soft);color:var(--gold)}.trade-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trade-row-title{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.trade-row-title strong{color:var(--text-bright);font-weight:600}.trade-row-sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.trade-row-swap{color:var(--border);padding:0 2px}.trade-row-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.trade-status{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.62rem;font-weight:600}.trade-status-tag-pending{color:var(--gold)}.trade-status-tag-accepted{color:var(--leaf)}.trade-status-tag-declined,.trade-status-tag-cancelled,.trade-status-tag-canceled{color:var(--berry)}.trade-row-cta{font-family:var(--font-display);color:var(--leaf);font-size:.72rem;font-weight:600}.trade-side-label{color:var(--text-dim);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:600}.trade-empty{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);align-items:center;padding:6px 9px;font-size:.74rem;display:inline-flex}.trade-dialog{border:1px solid var(--border);background:radial-gradient(circle at 16% 8%, #a3c97b14, transparent 34%), linear-gradient(160deg, color-mix(in srgb, var(--bg-2) 92%, #000 8%), var(--bg-3));width:min(980px,100%);box-shadow:0 24px 70px #00000080}.trade-dialog .crate-dialog-header h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1}.trade-review{gap:16px;width:min(720px,100%)}.trade-review-sides{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.trade-review-side{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#00000029;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.trade-review-get{border-color:var(--border);background:color-mix(in srgb, var(--surface) 84%, transparent)}.trade-review-swap{color:var(--text-dim);align-self:center;font-size:1.3rem}.trade-review-grid{flex-direction:column;gap:7px;display:flex}.trade-review-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:9px;min-height:54px;padding:7px 9px;display:flex}.trade-review-item.unavailable{opacity:.45;text-decoration:line-through}.trade-review-art{flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.trade-review-art .shop-hat-preview,.trade-review-art .crate-svg{width:34px}.trade-review-item-copy{align-items:center;gap:6px;min-width:0;display:flex}.trade-review-item-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);color:var(--text-bright);font-size:.82rem;font-weight:600;overflow:hidden}.trade-review-coins{font-family:var(--font-display);color:var(--gold);font-size:.86rem;font-weight:600}.trade-review-actions{justify-content:flex-end}.trade-builder{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.trade-builder-side{gap:12px;min-width:0;display:grid}.trade-builder-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.trade-builder-head h3{font-family:var(--font-display);color:var(--text-bright);font-size:1.05rem}.trade-coin-field{gap:5px;min-width:124px;display:grid}.trade-coin-field span{color:var(--text-dim);font-family:var(--font-display);text-transform:uppercase;font-size:.66rem;font-weight:800}.trade-coin-field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:34px;color:var(--text-bright);font:inherit;background:#0000002e;padding:0 10px}.trade-item-picker{scrollbar-color:color-mix(in srgb, var(--leaf) 42%, var(--surface-strong)) transparent;scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:8px;max-height:430px;padding-right:4px;display:grid;overflow:auto}.trade-picker-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:8px;display:grid}.trade-picker-item.selected{border-color:var(--leaf);background:var(--leaf-soft)}.trade-picker-item input{opacity:0;pointer-events:none;position:absolute}.trade-picker-art{place-items:center;width:42px;height:42px;display:grid}.trade-picker-art .shop-hat-preview,.trade-picker-art .crate-svg{width:42px}.trade-picker-copy{gap:4px;min-width:0;display:grid}.trade-picker-copy strong,.trade-picker-copy span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trade-picker-copy strong{color:var(--text-bright);font-family:var(--font-display);font-size:.78rem}.empty-state{border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);font-family:var(--font-display);color:var(--text-dim);text-align:center;padding:22px 12px;font-size:.84rem;font-weight:500}.sr-graph{position:relative}#sr-chart,#public-sr-chart{outline:none;width:100%;height:100px}.sr-chart-tooltip{transition:opacity 80ms}.sr-chart-tooltip-guide{stroke:#f0e4c847;stroke-width:1px;stroke-dasharray:3 4}.sr-chart-tooltip-dot{fill:var(--leaf);stroke:var(--bg);stroke-width:2px}.sr-chart-tooltip-label rect{fill:#1f2c1cf0;stroke:#f0e4c838;stroke-width:1px}.sr-chart-tooltip-label text{fill:var(--text-bright);font-family:var(--font-mono);font-size:11px;font-weight:700}.sr-graph-labels{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-top:8px;font-size:.7rem;font-weight:500;display:flex}.leaderboard{flex-direction:column;gap:0;display:flex}.lb-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:42px minmax(0,1fr) 96px 76px;align-items:center;column-gap:2px;padding:10px 0;transition:background .15s;display:grid}.lb-row:hover{background:var(--surface)}.lb-row.self{background:var(--leaf-soft)}.lb-rank{font-family:var(--font-display);width:42px;font-size:.82rem;font-weight:600}.lb-name{font-family:var(--font-display);color:var(--text-bright);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:0 8px 0 2px;font-size:.86rem;font-weight:500;display:grid}.lb-headshot{grid-row:span 2;width:34px;height:34px}.lb-name-main{align-items:center;gap:0;min-width:0;display:inline-flex}.leaderboard-tags{flex-wrap:wrap;grid-column:2;align-items:center;gap:4px;max-width:100%;display:flex}.lb-tier{width:96px;font-family:var(--font-display);font-size:.74rem;font-weight:600}.lb-you{font-family:var(--font-display);color:var(--leaf);text-transform:uppercase;letter-spacing:.6px;margin-left:6px;font-size:.62rem;font-weight:600}.lb-sr{font-family:var(--font-mono);color:var(--text);text-align:right;padding-right:8px;font-size:.82rem;font-weight:600}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.page-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:-.3px;font-size:1.55rem;font-weight:600;line-height:1.1}.page-copy{max-width:360px;color:var(--text-dim);text-align:right;font-size:.86rem;font-weight:500}.rank-scale{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:22px;display:grid;overflow:hidden}.rank-scale-item{background:var(--surface);font-family:var(--font-display);text-align:center;white-space:nowrap;padding:10px 8px;font-size:.7rem;font-weight:600}.leaderboard-table{border-top:1px solid var(--border)}.leaderboard-chart-section{border-top:1px solid var(--border);margin-top:30px;padding-top:18px}.leaderboard-chart-header{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:14px;display:flex}.leaderboard-chart-shell{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);height:clamp(260px,38vw,420px);padding:16px;position:relative}.leaderboard-chart-shell .empty-state{border:0;place-items:center;height:100%;display:grid}#leaderboard-skill-chart{width:100%;height:100%}.settings-section{border-top:1px solid var(--border-subtle);padding:22px 0}.settings-grid{grid-template-columns:minmax(260px,.85fr) minmax(420px,1.15fr);align-items:start;gap:40px;display:grid}.settings-group{flex-direction:column;gap:18px;display:flex}.settings-group-label{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:1.1px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px;font-size:.7rem;font-weight:700}.settings-field{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;gap:10px;font-size:.7rem;font-weight:700;display:grid}.settings-row{font-family:var(--font-display);color:var(--text-bright);text-transform:none;letter-spacing:0;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;font-weight:600;display:flex}.settings-row input{width:16px;height:16px;accent-color:var(--leaf);cursor:pointer}.settings-option-grid,.settings-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.settings-option,.settings-swatch{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:38px;color:var(--text);font-family:var(--font-display);cursor:pointer;align-items:center;gap:9px;padding:0 10px;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.settings-option:hover,.settings-option.selected,.settings-swatch:hover,.settings-swatch.selected{background:var(--surface-hover);border-color:var(--text-dim);color:var(--text-bright)}.settings-option.selected,.settings-swatch.selected{box-shadow:inset 0 0 0 1px var(--leaf)}.settings-swatch-dot{border:1px solid var(--border);background:var(--swatch-color);border-radius:50%;flex-shrink:0;width:16px;height:16px}.settings-board-preview{aspect-ratio:17/15;border-radius:var(--radius);--preview-board:#262f22;--preview-grid:#f0e4c80f;--preview-snake:#7fb3d6;--preview-snake-head:#a8cee5;--preview-apple:#d6776a;--preview-apple-highlight:#ffffff8c;width:100%;display:block;overflow:hidden}.settings-board-preview .preview-bg{fill:var(--preview-board)}.settings-board-preview #settings-board-grid path{stroke:var(--preview-grid);stroke-width:.04px;fill:none}.settings-board-preview .preview-snake-body{fill:none;stroke:var(--preview-snake);stroke-width:.68px;stroke-linecap:round;stroke-linejoin:round}.settings-board-preview .preview-snake-head{fill:var(--preview-snake-head)}.settings-board-preview .preview-apple{fill:var(--preview-apple)}.settings-board-preview .preview-apple-highlight{fill:var(--preview-apple-highlight)}.settings-color-row{flex-wrap:wrap;gap:8px;display:flex}.settings-color-chip{border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-display);color:var(--text);text-transform:none;letter-spacing:0;background:0 0;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.78rem;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.settings-color-chip:hover{border-color:var(--text-dim);color:var(--text-bright)}.settings-color-chip input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:50%;width:22px;height:22px;padding:0;overflow:hidden}.settings-color-chip input[type=color]::-webkit-color-swatch-wrapper{border-radius:50%;padding:0}.settings-color-chip input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:50%}.settings-color-chip input[type=color]::-moz-color-swatch{border:1px solid var(--border);border-radius:50%}.shop-section{border-top:1px solid var(--border-subtle);padding:22px 0}.shop-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.shop-grid{display:block}.shop-arena{gap:18px;display:grid}.shop-stage{border:1px solid color-mix(in srgb, var(--border) 78%, var(--bluebird) 22%);border-radius:var(--radius);background:linear-gradient(135deg, #7fb3d63d, transparent 32%), radial-gradient(circle at 82% 42%, #d4b06a33, transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 82%, #0b1220 18%), color-mix(in srgb, var(--bg) 76%, #050607 24%));grid-template-columns:minmax(260px,.86fr) minmax(220px,.64fr);align-items:center;gap:28px;min-height:250px;padding:24px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.shop-stage-copy{gap:10px;display:grid}.shop-kicker,.shop-rarity{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:800}.shop-stage-copy h2{max-width:540px;font-family:var(--font-display);color:var(--text-bright);font-size:clamp(2rem,4vw,4.6rem);font-weight:800;line-height:.92}.shop-stage-copy p{max-width:430px;color:var(--text);font-size:1rem}.shop-loadout{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.shop-loadout span{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:28px;color:var(--text-bright);font-family:var(--font-display);background:#0000002e;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.shop-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.crate-panel{background:radial-gradient(circle at 18% 30%, #f05d5e3d, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 82%, #050607 18%), #050607eb);border:2px solid #f05d5eb8;border-radius:4px;gap:0;padding:0;display:grid;overflow:hidden}.crate-cover{width:100%;min-height:280px;color:inherit;text-align:left;cursor:pointer;background:radial-gradient(circle at 24% 52%,#f0d66f2e,#0000 28%),linear-gradient(135deg,#f05d5e38,#0000 44%);border:0;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);align-items:center;gap:24px;padding:24px;display:grid}.crate-cover:hover .crate-svg{transform:translateY(-3px)rotate(-1deg)}.crate-panel-footer{border-top:1px solid var(--border-subtle);color:var(--gold);font-family:var(--font-display);text-transform:lowercase;justify-content:space-between;gap:12px;padding:12px 18px;font-size:.78rem;font-weight:800;display:flex}.crate-cover h2,.crate-detail-header h2{font-family:var(--font-display);color:var(--text-bright);margin-top:4px;font-size:clamp(2rem,4vw,4.2rem);line-height:.9}.crate-cover p,.crate-detail-header p{color:var(--text);margin-top:8px}.crate-svg{aspect-ratio:7/5;filter:drop-shadow(0 16px 22px #00000061);width:min(248px,100%);transition:transform .18s;display:block}.crate-svg svg{width:100%;height:100%;display:block}.crate-body{fill:#463a2f;stroke:#261e18;stroke-width:2px}.crate-lid{fill:#51453a}.crate-seam{stroke:#261e18;stroke-width:3px;stroke-linecap:round}.crate-latch{fill:#d4b06a;stroke:#261e18;stroke-width:1.5px}.crate-emblem-ring{fill:none;stroke:#d4b06a;stroke-width:3px}.crate-emblem{fill:#d4b06a}.crate-stripe{fill:#d6776a}.crate-rivet{fill:#261e18}.crate-modal[hidden]{display:none}.crate-modal{z-index:100;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.crate-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050607c7;position:absolute;inset:0}.crate-dialog{z-index:1;background:radial-gradient(circle at 18% 12%, #f05d5e3d, transparent 28%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 88%, #050607 12%), #050607f5);scrollbar-color:color-mix(in srgb, var(--leaf) 42%, var(--surface-strong)) transparent;scrollbar-width:thin;border:2px solid #f05d5eb3;border-radius:6px;gap:18px;width:min(1060px,100%);max-height:min(860px,100vh - 44px);padding:20px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #0000008c}.crate-dialog::-webkit-scrollbar{width:9px;height:9px}.crate-dialog::-webkit-scrollbar-track{background:0 0}.crate-dialog::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--leaf) 42%, var(--surface-strong));background-clip:padding-box;border:2px solid #0000}.crate-dialog::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--leaf) 58%, var(--surface-strong));background-clip:padding-box}.crate-dialog-header,.crate-dialog-body,.crate-modal-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.crate-dialog-header h2{font-family:var(--font-display);color:var(--text-bright);margin-top:4px;font-size:clamp(2rem,5vw,4.6rem);line-height:.88}.crate-dialog-header p{color:var(--text);margin-top:8px}.crate-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-bright);font-family:var(--font-display);cursor:pointer;background:#0000003d;border-radius:50%;font-weight:900}.crate-dialog-body{align-items:stretch}.crate-case-card{border:1px solid var(--border-subtle);background:#0000002e;flex:0 0 240px;align-content:center;gap:14px;width:240px;padding:18px;display:grid}.crate-case-card strong{color:var(--text-bright);font-family:var(--font-display);margin-top:4px;font-size:1.2rem;display:block}.crate-spin-column{flex:1;gap:14px;min-width:0;display:grid}.crate-panel-open .crate-cover{border-bottom:1px solid var(--border-subtle);grid-template-columns:90px minmax(0,1fr);min-height:0;padding:14px 18px}.crate-panel-open .crate-cover h2{font-size:1.4rem}.crate-panel-open .crate-cover p{display:none}.crate-panel-open .crate-svg{width:78px}.crate-detail{gap:18px;padding:18px;display:grid}.crate-detail[hidden]{display:none}.crate-detail-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.crate-window{border-block:1px solid var(--border-subtle);background:#0000002e;align-items:center;min-height:138px;display:flex;position:relative;overflow:hidden}.crate-window:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#050607eb,#0000 16% 84%,#050607eb);position:absolute;inset:0}.crate-pointer{z-index:3;background:var(--gold);width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-1px);box-shadow:0 0 16px #d4b06ab3}.crate-pointer:before,.crate-pointer:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.crate-pointer:before{border-top:9px solid var(--gold);top:-1px}.crate-pointer:after{border-bottom:9px solid var(--gold);bottom:-1px}.crate-track{will-change:transform;align-items:center;gap:10px;padding:12px;display:flex;transform:translate(0)}.crate-track.rolling{transition:transform 7.2s cubic-bezier(.08,.72,.02,1)}.crate-roll-item{border:1px solid color-mix(in srgb, var(--shop-rarity) 76%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--shop-rarity) 34%, transparent), #0506076b);--shop-rarity:#a3c97b;flex:0 0 82px;place-items:center;height:92px;display:grid}.crate-roll-item .shop-hat-preview{width:64px}.crate-roll-item-won{outline:2px solid var(--text-bright);outline-offset:-2px;box-shadow:inset 0 0 24px color-mix(in srgb, var(--shop-rarity) 60%, transparent), 0 0 24px color-mix(in srgb, var(--shop-rarity) 50%, transparent)}.crate-odds{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.crate-odd{border-bottom:1px solid var(--border-subtle);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 0;display:grid}.crate-odd .shop-hat-preview{width:44px}.crate-odd span,.crate-odd strong{font-family:var(--font-display);line-height:1.1;display:block}.crate-odd span{color:var(--text-bright);font-size:.82rem}.crate-odd strong{color:var(--gold);margin-top:3px;font-size:.76rem}.crate-result{min-height:22px;font-family:var(--font-display);color:var(--text-bright);font-size:.86rem;font-weight:700}.crate-result.revealed{border:1px solid color-mix(in srgb, var(--shop-rarity) 70%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--shop-rarity) 18%, transparent);color:var(--text-bright);text-transform:lowercase;align-items:center;gap:8px;padding:6px 12px;animation:.3s both fade-up;display:inline-flex}.crate-error{color:var(--red);font-family:var(--font-display)}.crate-dialog.trade-dialog{border:1px solid color-mix(in srgb, var(--text-bright) 22%, transparent);background:radial-gradient(circle at 16% 8%, #f0e4c814, transparent 34%), linear-gradient(160deg, color-mix(in srgb, var(--bg-2) 92%, #000 8%), var(--bg-3))}.crate-dialog.trade-dialog .crate-error{border:1px solid color-mix(in srgb, var(--gold) 38%, transparent);border-radius:var(--radius-sm);color:var(--text-bright);background:#f0e4c80f;justify-self:stretch;padding:9px 11px;font-size:.86rem}.crate-result-shell{border-top:1px solid var(--border-subtle);align-items:center;min-height:124px;display:grid}.crate-result-placeholder{color:var(--text-dim);font-family:var(--font-display);text-align:center}.crate-reveal{border:2px solid color-mix(in srgb, var(--shop-rarity) 76%, transparent);background:radial-gradient(circle at 13% 50%, color-mix(in srgb, var(--shop-rarity) 34%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--shop-rarity) 18%, transparent), #00000029);--shop-rarity:#a3c97b;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;padding:18px;animation:.26s both fade-up;display:grid}.crate-reveal-art{place-items:center;display:grid}.crate-reveal-art .shop-hat-preview{width:112px}.crate-reveal-copy h3{font-family:var(--font-display);color:var(--text-bright);margin-top:4px;font-size:clamp(1.9rem,4vw,3.8rem);line-height:.9}.crate-reveal-copy p{color:var(--gold);font-family:var(--font-display);text-transform:lowercase;margin-top:8px;font-weight:800}.shop-shelf{gap:10px;display:grid}.shop-shelf-header{justify-content:space-between;align-items:end;gap:14px;padding-top:4px;display:flex}.shop-shelf-header h2{font-family:var(--font-display);color:var(--text-bright);font-size:1.28rem;font-weight:800;line-height:1}.shop-shelf-header span{color:var(--text-dim);font-size:.86rem}.shop-shelf-header .shop-reset{font-family:var(--font-display);letter-spacing:.3px;color:var(--gold);align-items:center;gap:7px;font-size:.78rem;font-weight:700;display:inline-flex}.shop-reset:before{content:"";background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:50%}.shop-card-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;display:grid}.shop-item{border:2px solid color-mix(in srgb, var(--shop-rarity) 72%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--shop-rarity) 54%, #fff 0%), color-mix(in srgb, var(--shop-rarity) 26%, #050607 74%) 62%, #050607eb 62%), var(--surface);--shop-rarity:#a3c97b;border-radius:4px;grid-template-rows:minmax(145px,1fr) auto auto;min-height:314px;display:grid;overflow:hidden;box-shadow:0 14px 26px #0000003d}.shop-item-common{--shop-rarity:#8f969c}.shop-item-uncommon{--shop-rarity:#65c45f}.shop-item-rare{--shop-rarity:#3f9fe5}.shop-item-epic{--shop-rarity:#b65ce7}.shop-item-legendary{--shop-rarity:#d4b06a}.shop-item-exotic{--shop-rarity:#f05d5e}.shop-item-featured{grid-template-rows:minmax(190px,1fr) auto auto;min-height:370px}.shop-item.equipped{box-shadow:inset 0 0 0 2px var(--text-bright), 0 16px 30px #00000047}.shop-art{background:radial-gradient(circle at 50% 48%,#ffffff38,#0000 34%),linear-gradient(135deg,#ffffff1f,#0000 48%);place-items:center;min-height:145px;padding:18px;display:grid}.shop-hat-preview{aspect-ratio:1;filter:drop-shadow(0 14px 18px #00000052);width:min(120px,80%);max-width:150px}.shop-hat-preview-large{justify-self:center;width:min(230px,72%);max-width:270px}.shop-hat-preview svg{width:100%;height:100%;display:block}.shop-preview-head{fill:var(--headshot-head,var(--bluebird))}.face-ink{fill:#111317}.face-line{fill:none;stroke:#111317;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.face-whiskers{stroke-width:2px}.face-mouth-fill{fill:#f0e4c8}.face-star{fill:#f0d66f;stroke:#111317;stroke-width:1.7px;stroke-linejoin:round}.face-eye-ring{fill:#f0e4c8;stroke:#111317;stroke-width:2.2px}.face-sleep{fill:none;stroke:#111317;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.face-text{fill:#111317;font-family:var(--font-display);text-anchor:middle;dominant-baseline:middle;font-size:15px;font-weight:900}.face-text-xd{letter-spacing:-1.5px;font-size:22px}.hat-dark{fill:#111317}.hat-light{fill:#3b4046}.hat-party{fill:#d677e8}.hat-party-stripe{fill:none;stroke:#f0e4c8;stroke-width:4px;stroke-linecap:round}.hat-cap{fill:#6fb6c2}.hat-cap-brim{fill:#4d8fa0}.hat-cap-seam{fill:none;stroke:#1113174d;stroke-width:2px;stroke-linecap:round}.hat-wizard{fill:#7866d9}.hat-wizard-band{fill:none;stroke:#d4b06a;stroke-width:4px;stroke-linecap:round}.hat-star,.hat-crown,.hat-crown-band{fill:#d4b06a}.hat-crown-band{fill:#b8853d}.hat-gem{fill:#f0e4c8}.hat-stem{fill:none;stroke:#5b3723;stroke-width:5px;stroke-linecap:round}.hat-leaf{fill:#87c96d}.hat-phone-band{fill:none;stroke:#27313d;stroke-width:5px;stroke-linecap:round}.hat-phone-cup{fill:#2f6f91}.hat-phone-wire{fill:none;stroke:#27313d;stroke-width:2px;stroke-linecap:round}.hat-halo{fill:none;stroke:#f0d66f;stroke-width:5px}.hat-halo-hole{fill:none;stroke:#f0d66f8c;stroke-width:1.5px}.hat-launch{fill:#f05d5e}.hat-launch-stripe{fill:none;stroke:#f0e4c8;stroke-width:4px;stroke-linecap:round}.hat-launch-pom{fill:#f0d66f}.hat-shades{fill:#111317}.hat-shades-arm{fill:none;stroke:#111317;stroke-width:3px;stroke-linecap:round}.shop-item-copy{background:#05060794;min-width:0;padding:12px 14px 10px}.shop-item-copy h2{font-family:var(--font-display);color:var(--text-bright);margin-bottom:4px;font-size:1.18rem;font-weight:800;line-height:1}.shop-item-copy p{min-height:38px;color:var(--text);font-size:.84rem;line-height:1.28}.shop-buy-row{background:#050607c7;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 12px 12px;display:grid}.shop-price{font-family:var(--font-display);color:var(--text-bright);white-space:nowrap;font-size:.88rem;font-weight:800}.shop-action{justify-content:center;min-width:92px;padding:0 12px;font-size:.78rem}.shop-empty{place-items:center;min-height:72px;display:grid}.inventory-section{border-top:1px solid var(--border-subtle);padding:22px 0}.code-form{gap:8px;max-width:420px;margin:18px 0;display:grid}.code-form label{color:var(--gold);font-family:var(--font-display);text-transform:uppercase;font-size:.78rem;font-weight:800}.code-form div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.code-form input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;min-height:38px;color:var(--text-bright);font:inherit;text-transform:uppercase;background:#0000002e;padding:0 12px}.inventory-shell{display:block}.inv-layout{grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:start;gap:28px;display:grid}.inv-main{gap:16px;min-width:0;display:grid}.inv-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.inv-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inv-tabs{flex-wrap:wrap;gap:4px;display:flex}.inv-tab{border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-display);letter-spacing:.3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 13px;font-size:.82rem;font-weight:700;transition:background .14s,color .14s;display:inline-flex}.inv-tab:hover{color:var(--text);background:var(--surface)}.inv-tab.active{color:var(--text-bright);background:var(--surface-strong)}.inv-tab-count{font-family:var(--font-mono);color:var(--text-dim);border-radius:var(--radius-pill);background:#00000038;padding:1px 7px;font-size:.68rem}.inv-tab.active .inv-tab-count{color:var(--gold)}.inventory-select-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);font-size:.68rem;font-weight:800}.inventory-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:34px;color:var(--text-bright);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-display);text-transform:lowercase;cursor:pointer;padding:0 34px 0 11px;font-size:.78rem;font-weight:700}.inventory-select option{color:var(--text-bright);font-family:var(--font-display);background:#101715}.inventory-select option:checked{background:color-mix(in srgb, var(--leaf) 42%, #101715 58%);color:var(--text-bright)}.inventory-select:focus{border-color:var(--leaf);outline:none}.inv-compact{color:var(--text-dim);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:6px 4px;font-size:.8rem;font-weight:700;transition:color .14s;display:inline-flex}.inv-compact:hover{color:var(--text)}.inv-compact-box{border:1.5px solid var(--border);background:0 0;border-radius:4px;place-items:center;width:16px;height:16px;transition:background .14s,border-color .14s;display:inline-grid}.inv-compact.on{color:var(--text-bright)}.inv-compact.on .inv-compact-box{border-color:var(--leaf);background:var(--leaf)}.inv-compact.on .inv-compact-box:after{content:"";border-bottom:2px solid #1c2417;border-left:2px solid #1c2417;width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;display:grid}.inv-preview{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:16px;padding:22px 18px;display:grid;position:sticky;top:18px}.inventory-headshot{aspect-ratio:1;width:min(190px,78%)}.inv-preview-meta{text-align:center;justify-items:center;gap:8px;display:grid}.inv-preview-meta h2{font-family:var(--font-display);color:var(--text-bright);font-size:1.55rem;font-weight:800;line-height:1}.inventory-tile{border:1px solid var(--border);border-top:2px solid color-mix(in srgb, var(--shop-rarity,var(--text-dim)) 70%, transparent);border-radius:var(--radius-sm);background:var(--surface);min-height:160px;color:inherit;text-align:center;cursor:pointer;grid-template-rows:82px minmax(36px,auto) 18px;align-items:center;gap:6px;padding:14px 10px 11px;transition:background .14s,border-color .14s;display:grid}.inventory-tile:hover:not(:disabled){background:var(--surface-hover)}.inventory-tile:disabled{cursor:default}.inventory-tile.equipped{border-color:color-mix(in srgb, var(--text-bright) 45%, transparent);background:var(--leaf-soft)}.inventory-tile-art{place-items:center;height:82px;min-height:82px;display:grid;position:relative}.inventory-tile .shop-hat-preview,.inventory-tile .crate-svg{width:74px}.inventory-qty{font-family:var(--font-display);color:var(--gold);font-size:.72rem;font-weight:800;position:absolute;bottom:0;right:2px}.inventory-tile-name{font-family:var(--font-display);color:var(--text-bright);overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:36px;font-size:.94rem;font-weight:700;line-height:1.05;display:flex}.inventory-tile-tag{letter-spacing:.7px;text-transform:uppercase;min-height:18px;color:var(--text-dim);font-size:.64rem;font-weight:700}.inventory-tile.equipped .inventory-tile-tag{color:var(--leaf)}.serial-tag{color:var(--text-dim)}.serial-tag-gold{color:#f2c86d;text-shadow:0 0 10px #f2c86d57}.serial-tag-silver{color:#d9e0e5;text-shadow:0 0 10px #d9e0e542}.serial-tag-bronze{color:#c98f4d;text-shadow:0 0 10px #c98f4d47}.serial-tag-teal{color:#8fe7de;text-shadow:0 0 10px #8fe7de4d}.inventory-empty{min-height:110px}.table-row{border-bottom:1px solid var(--border-subtle);min-height:62px;font-family:var(--font-display);color:var(--text);grid-template-columns:60px minmax(180px,1fr) 124px 80px 88px 104px;align-items:center;gap:14px;padding:0 14px;font-size:.9rem;font-weight:500;transition:background .14s;display:grid}.table-row:not(.table-row-head):hover{background:var(--surface)}.table-row-admin{grid-template-columns:60px minmax(180px,1fr) 124px 80px 88px 104px 124px}.admin-grid{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.4fr);align-items:start;gap:28px;display:grid}.admin-tag-form{gap:10px;display:grid}.field-label{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.68rem;font-weight:700}.admin-text-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:36px;color:var(--text-bright);font-family:var(--font-sans);padding:0 10px;font-size:.88rem}.admin-text-input:focus{border-color:var(--leaf);outline:none}.admin-color-row{grid-template-columns:44px 1fr;gap:10px;display:grid}.admin-color-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:44px;height:36px;padding:4px}.admin-form-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-tag-list,.admin-player-tag-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.admin-tag-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:fit-content;color:var(--text-bright);font-family:var(--font-display);align-items:center;gap:8px;padding:7px 9px;font-size:.82rem;font-weight:600;display:inline-flex}.admin-system-tag,.admin-tag-remove{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;background:0 0;padding:3px 6px;font-size:.62rem;font-weight:700}.admin-tag-remove{cursor:pointer}.admin-tag-remove:hover{border-color:color-mix(in srgb, var(--berry) 55%, transparent);color:var(--berry)}.admin-player-row{border-bottom:1px solid var(--border-subtle);gap:10px;padding:12px 0;display:grid}.admin-player-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-player-status{color:var(--text-dim);font-family:var(--font-display);text-align:right;min-width:44px;font-size:.74rem;font-weight:600}.table-row-head{min-height:38px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;font-size:.7rem;font-weight:600}.table-row.self{background:var(--leaf-soft);box-shadow:inset 3px 0 0 var(--leaf)}.table-rank{font-family:var(--font-display);font-weight:600}.rank-pill{border-radius:var(--radius-sm);text-align:center;width:38px;height:24px;color:var(--text-bright);line-height:1;font-family:var(--font-display);justify-content:center;align-items:center;font-size:.74rem;font-weight:600;display:inline-flex}.placement-gold{background:var(--gold);color:#2a2017}.placement-silver{background:var(--silver);color:#1f2528}.placement-bronze{background:var(--bronze);color:#2a1a0c}.placement-default{background:var(--surface-strong);color:var(--text)}.table-player{min-width:0;color:var(--text-bright);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:inline-flex}.table-player-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.table-player-copy>span:first-child{min-width:0;color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.table-avatar{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--border-subtle);background:#00000029;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.table-avatar .headshot-shadow{opacity:.5}.table-headshot{width:100%;height:100%}.table-tier{font-weight:600}.table-elo{color:var(--text-bright);font-variant-numeric:tabular-nums;font-weight:600}.table-wl{color:var(--text-dim);font-variant-numeric:tabular-nums}.table-winrate{flex-direction:column;gap:5px;min-width:0;display:flex}.winrate-bar{background:var(--surface-strong);border-radius:999px;height:4px;position:relative;overflow:hidden}.winrate-bar:after{content:"";width:var(--wr,0%);background:var(--leaf);border-radius:999px;position:absolute;inset:0 auto 0 0}.winrate-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.82rem}.admin-elo-control{align-items:center;gap:6px;display:inline-flex}.admin-elo-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:62px;height:30px;color:var(--text-bright);font-family:var(--font-mono);padding:0 7px;font-size:.74rem;font-weight:600}.admin-elo-save{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);height:30px;color:var(--text);font-family:var(--font-display);cursor:pointer;padding:0 8px;font-size:.68rem;font-weight:600}.admin-elo-save:disabled{opacity:.6;cursor:wait}.play-section{border-top:1px solid var(--border);padding:22px 0}.play-runtime-status{display:none}.play-header{align-items:center}.play-copy{text-align:left;margin-top:6px}.connection-pill{border:1px solid var(--border);border-radius:var(--radius-pill);min-width:110px;height:30px;font-family:var(--font-display);color:var(--text);background:var(--surface);justify-content:center;align-items:center;padding:0 12px;font-size:.72rem;font-weight:500;display:inline-flex}.freeplay-topbar{justify-content:flex-start;margin-bottom:10px;display:flex}.play-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(100%,520px);margin:18px auto 0;padding:10px 0 0;display:flex}.play-result strong{font-family:var(--font-display);color:var(--text-bright);font-size:clamp(2rem,7vw,3.1rem);font-weight:600;line-height:.95;display:block}.play-result.win strong{color:var(--leaf)}.play-result.loss strong{color:var(--berry)}.play-result-scores{font-family:var(--font-display);color:var(--text);gap:5px;font-size:.86rem;font-weight:600;display:grid}.play-result-scores span{display:block}.play-result-label,.play-label,.play-progress-text,.play-status{font-family:var(--font-display);color:var(--text-dim);font-size:.72rem;font-weight:500}.race-board{grid-template-columns:minmax(210px,.82fr) minmax(250px,1fr) minmax(210px,.82fr);align-items:stretch;gap:18px;padding:14px 0 16px;display:grid}.freeplay-mode .race-board{grid-template-columns:minmax(0,1fr) auto;width:min(100%,520px);margin:0 auto;padding-top:4px}.freeplay-mode .race-player.local,.freeplay-mode .race-avatar,.freeplay-mode .race-player-copy,.freeplay-mode .race-meter,.freeplay-mode #play-opponent-progress-text,.freeplay-mode #play-opponent-avatar{display:none}.freeplay-mode .race-player.local{justify-content:flex-start}.freeplay-mode .race-player.opponent{justify-content:flex-end}.race-board.local-winner{color:var(--bluebird)}.race-board.opponent-winner{color:var(--berry)}.race-player{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:4px 0;display:grid}.race-player.death-pulse .race-player-name,.race-player.death-pulse .play-status{animation:.82s ease-out both death-name-flash}.race-player.opponent{text-align:right;background:0 0;border-color:#0000;grid-template-columns:auto minmax(0,1fr)}.race-player-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.race-name-line{align-items:center;gap:6px;min-width:0;display:inline-flex}.race-player.opponent .race-name-line{justify-content:flex-end}.race-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);color:var(--text-bright);text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem;font-weight:600;transition:color .18s,opacity .18s;overflow:hidden}.play-win-streak{font-family:var(--font-display);color:#f09a3f;flex:none;align-items:center;gap:2px;font-size:.78rem;font-weight:700;line-height:1;display:inline-flex}.streak-fire{filter:saturate(1.1);font-size:.82rem}.race-player-name:disabled{cursor:default;color:var(--text-bright)}.play-rankline{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:.76rem;font-weight:700;overflow:hidden}.race-tags{flex-wrap:wrap;gap:4px;min-height:18px;display:flex}.race-player.opponent .race-tags{justify-content:flex-end}.race-statline{color:var(--text-dim);font-family:var(--font-mono);font-size:.68rem;font-weight:600}.race-avatar{width:58px;height:58px;color:var(--text);font-family:var(--font-display);background:50%/cover;border:0;border-radius:8px;flex:0 0 58px;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:opacity .18s,filter .18s,border-color .18s,box-shadow .18s;display:none}.race-avatar.has-image{color:#0000}.race-player.disconnected{opacity:.4}.race-player.disconnected .race-avatar{filter:grayscale()}.race-player.disconnected .play-status{color:var(--berry)}.race-player.winner .race-player-name,.race-player.winner .play-status{color:var(--leaf)}.race-player.winner .race-avatar{border-color:var(--leaf);box-shadow:0 0 0 2px var(--leaf-soft)}.race-player.loser .race-player-name,.race-player.loser .play-status{color:var(--berry)}.race-player.loser .race-avatar{border-color:var(--berry);filter:grayscale(.6)}.play-label{text-transform:uppercase;letter-spacing:.8px}.race-center{min-width:0}.play-progress-text{text-align:center;min-width:54px;font-family:var(--font-mono);color:var(--text);font-weight:600}.race-meter{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-strong);height:14px;position:relative;overflow:hidden}.race-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-bright);text-align:center;margin-bottom:8px;font-size:.92rem;font-weight:600}.freeplay-length{font-family:var(--font-display);color:var(--text);text-align:center;font-size:.82rem;font-weight:700}.race-fill{width:0%;transition:width .12s linear;position:absolute;top:0;bottom:0}.race-fill.local{background:var(--bluebird);left:0}.race-fill.opponent{background:var(--berry);right:0}.race-midline{background:var(--text-bright);opacity:.25;width:1px;position:absolute;top:0;bottom:0;left:50%}.race-target{z-index:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-width:28px;height:18px;color:var(--text-bright);font-family:var(--font-display);justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-frame{background:0 0;width:min(100%,720px);margin:18px auto 0;position:relative}.match-intro{z-index:2;border-radius:var(--radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:radial-gradient(60% 46% at 50% 42%,#151817c7,#15181747 58%,#15181714),#262f2285;place-items:center;padding:24px;animation:.22s ease-out both match-intro-in;display:grid;position:absolute;inset:0}.match-intro.match-intro-hiding{animation:.36s ease-in both match-intro-out}.match-intro-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-3) 97%, #000 3%);text-align:center;flex-direction:column;align-items:center;width:min(100%,620px);min-height:300px;padding:24px;display:flex;box-shadow:0 18px 60px #00000038}.match-intro-label{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.72rem;font-weight:700}.match-intro-duel{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;width:100%;margin-top:18px;display:grid}.match-intro-player{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.match-intro-player.local .match-intro-avatar{--intro-accent:var(--bluebird)}.match-intro-player.opponent .match-intro-avatar{--intro-accent:var(--berry)}.match-intro-vs{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;align-self:center;font-size:.8rem;font-weight:800}.match-intro-role{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin-top:8px;font-size:.68rem;font-weight:800}.match-intro-avatar{width:78px;height:78px;color:var(--text);font-family:var(--font-display);background:50%/cover;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;font-size:1rem;font-weight:700;display:inline-flex}.match-intro-avatar.has-image{color:#0000}.match-intro-name{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-display);color:var(--text-bright);margin-top:4px;font-size:1.15rem;font-weight:650;line-height:1.08}.match-intro-rank{color:var(--text);margin-top:5px;font-size:.82rem;font-weight:700}.match-intro-tags{justify-content:center;min-height:18px;margin-top:8px}.match-intro-stats{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:auto;padding-top:18px;display:grid}.match-intro-stats span{min-width:0;font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:.9px;flex-direction:column;gap:5px;font-size:.66rem;font-weight:700;display:flex}.match-intro-stats strong{color:var(--text-bright);letter-spacing:0;font-size:1.35rem;line-height:1}.freeplay-actions{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:18px auto 0;display:flex}.freeplay-queue-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.78rem;font-weight:600}.snake-game-canvas{aspect-ratio:17/15;border-radius:var(--radius);touch-action:none;width:100%;display:block}.mobile-dpad{display:none}.status-bar{font-family:var(--font-display);color:var(--text-dim);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:.74rem;font-weight:500;display:flex}.status-dot{background:var(--leaf);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 var(--leaf-soft)}50%{opacity:.7;box-shadow:0 0 0 4px #0000}}.status-sep{color:var(--border)}@media (width<=768px){.trade-builder,.trade-review-sides{grid-template-columns:1fr}.trade-review-swap{transform:rotate(90deg)}.trade-item-picker{max-height:320px}.trade-builder-head{flex-direction:column;align-items:stretch}#app{padding:0 16px 48px}.nav{margin-bottom:24px;padding:16px 0}.nav-right{gap:14px}.nav-link{display:none}.profile-header{flex-wrap:wrap;gap:16px}.btn-play{order:3;justify-content:center;width:100%}.profile-bio,.public-bio,.bio-editor,.admin-tag-panel{margin-left:0}.profile-bio{flex-wrap:wrap;align-items:flex-start}.stats-row{flex-wrap:wrap;gap:16px}.stat-divider{display:none}.stat{flex:0 0 calc(33.33% - 12px)}.grid-2col,.admin-grid{grid-template-columns:1fr}.page-header{display:block}.page-copy{text-align:left;margin-top:8px}.rank-scale{grid-template-columns:1fr}.play-header{display:block}.connection-pill{margin-top:12px}.play-result .btn{justify-content:center;width:100%}.race-board{grid-template-columns:1fr;gap:12px}.race-player,.race-player.opponent{text-align:left;grid-template-columns:minmax(0,1fr) auto}.race-avatar{flex-basis:54px;width:54px;height:54px}.race-player.opponent .race-tags,.race-player.opponent .race-name-line{justify-content:flex-start}.race-player.opponent .play-progress-text{order:3}.game-frame{margin-top:14px}.match-intro{padding:14px}.match-intro-card{padding:18px}.match-intro-duel{grid-template-columns:1fr;gap:14px}.match-intro-vs{line-height:1}.mobile-dpad{touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(3,54px);grid-template-columns:repeat(3,64px);justify-content:center;align-items:center;gap:8px;width:min(100%,220px);margin:16px auto 0;display:grid}.dpad-button,.dpad-center{border-radius:var(--radius);width:64px;height:54px}.dpad-button{border:1px solid var(--border);background:var(--surface-strong);color:var(--text-bright);font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;line-height:1;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:inline-flex}.dpad-button:active{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf);transform:translateY(1px)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-center{background:var(--surface);border:1px solid var(--border-subtle);grid-area:2/2}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.leaderboard-table{overflow-x:auto}.table-row{grid-template-columns:56px minmax(180px,1fr) 116px 78px 84px 104px;min-width:660px}.table-row-admin{grid-template-columns:56px minmax(180px,1fr) 116px 78px 84px 104px 124px;min-width:790px}.settings-grid{grid-template-columns:1fr;gap:28px}.shop-header{display:block}.shop-balance{margin-top:10px}.shop-stage{grid-template-columns:1fr;min-height:0;padding:22px}.shop-stage-copy h2{font-size:2rem;line-height:.96}.shop-stage .shop-hat-preview-large{width:140px}.shop-feature-grid{grid-template-columns:1fr}.shop-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-item{min-height:288px}.shop-buy-row{grid-template-columns:1fr;gap:7px}.shop-action{width:100%}.crate-cover{grid-template-columns:1fr;display:grid}.crate-dialog{padding:14px}.crate-dialog-header,.crate-dialog-body,.crate-modal-actions{display:grid}.crate-case-card{grid-template-columns:96px minmax(0,1fr);align-items:center;width:100%}.crate-case-card .crate-svg{width:96px}.crate-window{min-height:118px}.crate-reveal{text-align:center;grid-template-columns:1fr}.crate-action{justify-content:center;width:100%}.crate-odds{grid-template-columns:1fr}.shop-shelf-header{display:block}.shop-shelf-header span{margin-top:5px;display:block}.inv-layout{grid-template-columns:1fr}.inv-preview{order:-1;position:static}.inventory-headshot{width:150px}.match-score{display:none}}.race-headshot{width:100%;height:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes match-intro-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes match-intro-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}@keyframes death-name-flash{0%{color:var(--berry);text-shadow:0 0 #d6776a00}18%,62%{color:var(--berry);text-shadow:0 0 14px color-mix(in srgb, var(--berry) 58%, transparent)}to{color:var(--text-bright);text-shadow:none}}.profile-card{animation:.35s ease-out fade-up}.grid-2col>:first-child{animation:.5s ease-out .1s both fade-up}.right-col>:first-child{animation:.5s ease-out .2s both fade-up}.right-col>:last-child{animation:.5s ease-out .3s both fade-up}.status-bar{animation:.5s ease-out .4s both fade-up}