:root{--r-common:#c9d3dc;--r-rare:#5082fa;--r-epic:#a07cff;--r-legendary:#3fe0d0;--iri:linear-gradient(115deg, #3fe0d0 0%, #5082fa 25%, #a07cff 50%, #ff7955 75%, #3fe0d0 100%);--r3-blue:#004bc8;--r3-off:#f9f8f6}@keyframes iri-shift{to{background-position:200%}}.rarity-chip{font-family:var(--display);letter-spacing:.22em;color:#0b1220;background:var(--r-common);border-radius:999px;padding:3px 10px;font-size:11px;display:inline-block}.rarity-chip.rarity-rare{background:var(--r-rare);color:#fff}.rarity-chip.rarity-epic{background:var(--r-epic);color:#fff}.rarity-chip.rarity-legendary{background:var(--iri);color:#0b1220;background-size:200% 100%;animation:3s linear infinite iri-shift}.find-swatch{--a:#9fb3c8;--b:#3a4a5c;background:radial-gradient(circle at 32% 28%, #ffffff8c 0 8%, transparent 30%), linear-gradient(135deg, var(--a) 0 56%, var(--b) 57% 100%);border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40,0 2px 8px #00000059}.find-swatch.large{width:132px;height:132px;box-shadow:inset 0 0 0 2px #ffffff4d,0 18px 40px #00000073}.find-swatch.finish-flip,.find-swatch.finish-aurora,.find-swatch.finish-pearl,.find-swatch.finish-chrome,.find-swatch.rarity-legendary{position:relative;overflow:hidden}.find-swatch.finish-flip:after,.find-swatch.finish-aurora:after,.find-swatch.finish-pearl:after,.find-swatch.finish-chrome:after,.find-swatch.rarity-legendary:after{content:"";background:var(--iri);mix-blend-mode:soft-light;opacity:.85;background-size:200% 100%;border-radius:50%;animation:2.4s linear infinite iri-shift;position:absolute;inset:0}.find-swatch.finish-pearl:after{opacity:.45}.find-swatch.finish-chrome:after{mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffffe6 45%,#0000 60%) 0 0/200% 100%}.plate{--plate:#f9f8f6;max-width:100%;font-family:var(--display);letter-spacing:.06em;color:var(--plate);white-space:nowrap;background:#ffffff0f;border-radius:8px;align-items:center;padding:4px 12px;font-size:14px;display:inline-flex;position:relative;overflow:hidden}.plate-text{text-overflow:ellipsis;overflow:hidden}.plate.plate-large{border-radius:12px;padding:10px 20px;font-size:22px}.plate-frame-line{box-shadow:inset 0 0 0 1.5px var(--plate)}.plate-frame-double{box-shadow:inset 0 0 0 1.5px var(--plate), inset 0 0 0 4px #0006, inset 0 0 0 5.5px var(--plate)}.plate-frame-location{border-left:6px solid var(--plate);background:linear-gradient(90deg, color-mix(in srgb, var(--plate) 22%, transparent), #ffffff0a)}.plate-frame-neon{box-shadow:inset 0 0 0 1.5px var(--plate), 0 0 14px color-mix(in srgb, var(--plate) 70%, transparent), inset 0 0 10px color-mix(in srgb, var(--plate) 40%, transparent);text-shadow:0 0 8px var(--plate)}.plate-frame-carbon{background:repeating-linear-gradient(45deg,#1a1d22 0 4px,#24282f 4px 8px),#1a1d22;box-shadow:inset 0 0 0 1px #ffffff2e}.plate-frame-chrome{color:#11161d;text-shadow:0 1px #fff9;background:linear-gradient(#f2f6fa 0%,#9aa6b2 48%,#dfe6ec 52%,#7d8893 100%)}.plate-frame-silver{background:linear-gradient(90deg,#d7dce82e,#d7dce80a);box-shadow:inset 0 0 0 2px #d7dce8,0 0 0 1px #0006}.plate-frame-schillernd{background:linear-gradient(#0b1220, #0b1220) padding-box, var(--iri) border-box;background-size:100% 100%,200% 100%;border:2px solid #0000;animation:3s linear infinite iri-shift}.plate-frame-xray{color:#c9f3ff;background:repeating-linear-gradient(0deg,#9be8ff14 0 2px,#0000 2px 4px),#0a0f1a;box-shadow:inset 0 0 0 1px #9be8ff,0 0 12px #9be8ff59}.plate-frame-karneval{background:linear-gradient(#0b1220,#0b1220) padding-box padding-box,linear-gradient(90deg,#004bc8,#ff7955,#7e57c5,#00a6ce,#008692) border-box;border:2px dashed #0000}.plate-frame-advent{background:radial-gradient(circle at 10% 0,#ffdc8c59 0 3px,#0000 4px) 0 0/18px 100%,#ffffff0d;box-shadow:inset 0 0 0 1.5px #ffe7b0,0 0 10px #ffd27880}.plate-color-aurora .plate-text{background:var(--iri);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite iri-shift}.medal{width:26px;height:26px;font-family:var(--display);color:#0000008c;border-radius:50%;flex:none;place-items:center;font-size:12px;display:inline-grid;box-shadow:inset 0 -2px #00000040,inset 0 0 0 2px #ffffff59,0 3px 10px #00000059}.medal-bronze{background:radial-gradient(circle at 35% 30%,#f4c6a2,#c9845a 55%,#8a4f2e)}.medal-silver{background:radial-gradient(circle at 35% 30%,#fff,#d8dee6 55%,#8e98a6)}.medal-gold{background:radial-gradient(circle at 35% 30%,#fff4c2,#f2c94c 55%,#b07d14)}.medal-author{background:radial-gradient(circle at 35% 30%, #ffffffd9, transparent 40%), var(--iri);color:#0b1220;background-size:100% 100%,200% 100%;animation:3s linear infinite iri-shift}.medal.dim{filter:grayscale()brightness(.45);opacity:.55;box-shadow:inset 0 0 0 1px #fff3}.medal.big{width:64px;height:64px;font-size:28px}.medal.pop{animation:medal-pop .7s var(--ease-pop) both}@keyframes medal-pop{0%{filter:brightness(3);transform:scale(0)rotate(-180deg)}60%{transform:scale(1.35)rotate(10deg)}to{transform:none}}.envelope-overlay{z-index:60;pointer-events:auto;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.envelope-overlay.hidden{display:none}.envelope-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(60% 60% at 50% 45%,#0a1a30bf,#030810f0);animation:.35s both fade-in;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.envelope-counter{font-family:var(--display);letter-spacing:.4em;color:var(--ink-dim);z-index:2;font-size:13px;position:absolute;top:2.2vh}.envelope-stage{--rc:var(--r-common);perspective:1400px;z-index:1;justify-content:center;align-items:flex-end;width:100%;height:70vh;padding-bottom:6vh;display:flex;position:relative}.envelope-stage.rarity-rare{--rc:var(--r-rare)}.envelope-stage.rarity-epic{--rc:var(--r-epic)}.envelope-stage.rarity-legendary{--rc:var(--r-legendary)}.envelope{perspective:900px;width:min(380px,80vw);height:250px;animation:env-drop .7s var(--ease-pop) both;position:relative}@keyframes env-drop{0%{transform:translateY(-80vh)rotate(-14deg)}}.envelope.shake{animation:.9s ease-in-out infinite env-shake}@keyframes env-shake{0%,to{transform:rotate(0)}10%{transform:rotate(-3deg)translateY(-3px)}20%{transform:rotate(3deg)}30%{transform:rotate(-2deg)}40%,90%{transform:rotate(0)}}.envelope-back,.envelope-front,.envelope-flap{border-radius:10px;position:absolute}.envelope-back{z-index:0;background:linear-gradient(#d9d5ce,#c8c3ba);inset:0}.envelope-front{z-index:3;color:#1d1d1b;background:linear-gradient(#fbfaf8 0%,#efece6 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:22px;display:flex;inset:0;overflow:hidden;box-shadow:0 30px 60px #00000080}.envelope-front:before{content:"";clip-path:polygon(0 0,50% 54%,100% 0,100% 1.5px,50% calc(54% + 1.5px),0 1.5px);pointer-events:none;background:linear-gradient(#ece8e1,#f4f1ec);position:absolute;inset:0}.envelope-front:after{content:"";clip-path:polygon(0 0,50% 54%,100% 0);pointer-events:none;background:linear-gradient(#0000000d,#0000);position:absolute;inset:0}.envelope-stamp{border:2.5px solid var(--r3-blue);font-family:var(--display);letter-spacing:.24em;color:var(--r3-blue);opacity:.85;border-radius:6px;padding:4px 12px;font-size:18px;position:absolute;bottom:70px;right:26px;transform:rotate(-9deg)}.envelope-label{font-family:var(--display);letter-spacing:.12em;font-size:13px}.envelope-from{letter-spacing:.18em;text-transform:uppercase;color:#1d1d1b99;margin-top:4px;font-size:11px}.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;height:58%;transition:transform .45s var(--ease-out), z-index 0s .22s;background:linear-gradient(#f3f0eb,#e2ded6);border-radius:10px 10px 0 0;top:0;left:0;right:0}.envelope-stage.opening .envelope{animation:none}.envelope-stage.opening .envelope-flap{z-index:0;transform:rotateX(178deg)}.envelope-hint{letter-spacing:.3em;color:var(--ink-faint);font-size:12px;animation:1.6s ease-in-out infinite pulse-hint;position:absolute;bottom:-1vh}@keyframes pulse-hint{50%{opacity:.35}}.envelope-stage.opening .envelope-hint{display:none}.find-card{z-index:1;transform-origin:50% 100%;width:250px;height:330px;transition:transform .75s var(--ease-out) .3s;transform-style:preserve-3d;margin-left:-125px;position:absolute;bottom:14px;left:50%;transform:scale(.64)}.envelope-stage.opening .find-card{transform:translateY(-140px)scale(1)}.envelope-stage.revealed .find-card{z-index:6;transition:transform .6s var(--ease-pop);transform:translateY(-88px)scale(1.08)}.envelope-stage.revealed .envelope-front,.envelope-stage.revealed .envelope-back,.envelope-stage.revealed .envelope-flap{opacity:0;transition:opacity .4s,transform .5s;transform:translateY(80px)}.find-card-inner{transform-style:preserve-3d;transition:transform .7s var(--ease-out);position:absolute;inset:0;transform:rotateY(180deg)}.envelope-stage.revealed .find-card-inner{transform:rotateY(0)}.find-card-back,.find-card-face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0}.find-card-back{background:repeating-linear-gradient(45deg, #ffffff0f 0 6px, transparent 6px 12px), linear-gradient(160deg, #0d2a5a, var(--r3-blue));transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #ffffff40}.find-card-face{text-align:center;box-shadow:inset 0 0 0 2px var(--rc), 0 0 40px color-mix(in srgb, var(--rc) 55%, transparent), 0 30px 60px #00000080;background:linear-gradient(#102034fa,#07121efa);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 18px;display:flex}.rarity-legendary .find-card-face{background:linear-gradient(#0a1422f7, #0a1422f7) padding-box, var(--iri) border-box;background-size:100% 100%,200% 100%;border:3px solid #0000;animation:3s linear infinite iri-shift;box-shadow:0 0 60px #3fe0d073,0 0 120px #a07cff4d}.find-art{place-items:center;height:150px;display:grid}.find-name{font-family:var(--display);color:#fff;font-size:26px;line-height:1.05}.find-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.find-note{color:var(--ink-faint);font-size:11px}.envelope-rays,.envelope-glow,.envelope-sparks{pointer-events:none;position:absolute;top:34%;left:50%}.envelope-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 55%, transparent) 0deg 6deg, transparent 6deg 18deg);opacity:0;width:1100px;height:1100px;transition:opacity .6s ease, transform 1.2s var(--ease-out);border-radius:50%;margin:-550px 0 0 -550px;transform:scale(.4);-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}.rarity-legendary .envelope-rays{background:repeating-conic-gradient(#3fe0d099 0deg 5deg,#0000 5deg 12deg,#a07cff99 12deg 17deg,#0000 17deg 24deg,#ff795580 24deg 29deg,#0000 29deg 36deg)}.envelope-stage.revealed .envelope-rays{opacity:1;animation:14s linear infinite rays-spin;transform:scale(1)}.envelope-stage.rarity-common.revealed .envelope-rays{opacity:.35}@keyframes rays-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.envelope-glow{background:radial-gradient(circle, color-mix(in srgb, var(--rc) 70%, transparent) 0%, transparent 65%);opacity:0;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:opacity .5s}.envelope-stage.opening .envelope-glow{opacity:.55;animation:1.1s ease-in-out infinite glow-pulse}.envelope-stage.revealed .envelope-glow{opacity:1;animation:none}@keyframes glow-pulse{50%{opacity:.85;transform:scale(1.15)}}.envelope-sparks .spark{width:6px;height:6px;box-shadow:0 0 10px var(--rc), 0 0 18px var(--rc);opacity:0;background:#fff;border-radius:50%;position:absolute}.envelope-stage.revealed .spark{animation:spark-fly 1.4s var(--ease-out) both}@keyframes spark-fly{0%{opacity:1;transform:translate(0)scale(1.4)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.envelope-actions{z-index:3;min-height:52px;margin-top:0;position:relative}.panel-hub{--col:min(57vw, 940px);justify-content:flex-start;align-items:flex-start}.hub-top{width:100%;animation:fade-up .5s var(--ease-out) both;justify-content:space-between;gap:16px;display:flex}.hub-who,.hub-season{pointer-events:auto;border-radius:14px;align-items:center;gap:14px;padding:10px 16px;display:flex}.hub-rank{letter-spacing:.08em;color:var(--ink-dim);font-size:13px}.hub-season{flex-direction:column;align-items:stretch;gap:6px;min-width:300px}.hub-season-text{letter-spacing:.12em;color:var(--ink-dim);font-size:12px}.hub-season-bar,.season-bar,.results-xp-track,.archive-bar-track,.location-bar{background:#ffffff1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.hub-season-fill,.season-fill,.results-xp-fill,.archive-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--r-rare), var(--r-epic));height:100%;transition:width .6s var(--ease-out)}.hub-body{width:var(--col);flex-direction:column;gap:1.2vh;margin-top:1vh;display:flex}.hub-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important;font-size:clamp(24px,3.2vw,44px)!important}.hub-banner{--occ:#9be8ff;pointer-events:auto;background:linear-gradient(100deg, color-mix(in srgb, var(--occ) 28%, #071e26eb), #071e26eb 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--occ) 60%, transparent), 0 0 30px color-mix(in srgb, var(--occ) 25%, transparent);animation:fade-up .5s .1s var(--ease-out) both;border-radius:16px;grid-template-columns:1fr auto;align-items:center;column-gap:18px;padding:14px 20px;display:grid}.hub-banner.hidden{display:none}.hub-banner-kicker{font-family:var(--display);letter-spacing:.3em;color:var(--occ);grid-column:1;font-size:11px}.hub-banner-title{font-family:var(--display);grid-column:1;font-size:22px}.hub-banner-text{color:var(--ink-dim);grid-column:1;font-size:13px}.hub-banner .btn{grid-area:1/2/span 3}.hub-grid{pointer-events:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);display:grid}.hub-tile,.glass.hub-tile{--tile:#5082fa;--art:none;text-align:left;cursor:pointer;background:linear-gradient(180deg, #07141e1a 0%, #07141ec7 42%, #07141ef2 85%), var(--art) center / cover, var(--glass-bg);min-height:clamp(110px,15vh,180px);transition:transform .25s var(--ease-out), box-shadow .25s ease, border-color .25s ease;animation:fade-up .5s var(--ease-out) both;border:1px solid #ffffff1f;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.hub-tile:nth-child(2){animation-delay:40ms}.hub-tile:nth-child(3){animation-delay:80ms}.hub-tile:nth-child(4){animation-delay:.12s}.hub-tile:nth-child(5){animation-delay:.16s}.hub-tile:nth-child(6){animation-delay:.2s}.hub-tile:before{content:"";background:var(--tile);height:3px;position:absolute;inset:0 0 auto}.hub-tile.focused,.hub-tile:hover{border-color:color-mix(in srgb, var(--tile) 70%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--tile) 70%, transparent), 0 18px 40px #00000073, 0 0 40px color-mix(in srgb, var(--tile) 25%, transparent);transform:translateY(-4px)scale(1.015)}.hub-tile-kicker{font-family:var(--display);letter-spacing:.26em;color:var(--tile);font-size:10.5px}.hub-tile-title{font-family:var(--display);-webkit-hyphens:manual;hyphens:manual;font-size:clamp(18px,1.8vw,26px);line-height:1}.hub-tile-sub{color:var(--ink-dim);font-size:12.5px;line-height:1.3}.hub-tile-badge{font-family:var(--display);letter-spacing:.16em;background:var(--tile);color:#fff;border-radius:999px;padding:3px 9px;font-size:10.5px;animation:1.8s ease-in-out infinite badge-glow;position:absolute;top:12px;right:12px}.hub-tile-badge.hidden{display:none}@keyframes badge-glow{50%{box-shadow:0 0 16px var(--tile)}}.hub-foot{pointer-events:auto;align-items:center;gap:16px;display:flex}.hub-hint{color:var(--ink-faint);font-size:12px}.btn.pulse{animation:1.6s ease-in-out infinite btn-pulse}@keyframes btn-pulse{50%{box-shadow:0 0 0 4px #5082fa59,0 0 30px #5082fa73}}.panel-meta{--col:min(62vw, 1000px);align-items:flex-start}.panel-meta .select-header,.panel-meta .select-footer{width:var(--col);margin:0}.season-body,.archive-body,.team-body{pointer-events:auto;width:var(--col);flex-direction:column;flex:1;gap:1.4vh;min-height:0;display:flex}.archive-body,.team-body{padding:16px 18px;overflow:hidden}.season-head{--theme:#3fe0d0;box-shadow:inset 0 3px 0 var(--theme), var(--glass-shadow);border-radius:16px;padding:16px 20px}.season-name{font-family:var(--display);font-size:20px}.season-row{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:8px;display:grid}.season-level{font-family:var(--display);color:var(--theme);font-size:30px}.season-fill{background:linear-gradient(90deg, var(--theme), var(--r-epic))}.season-next,.season-meta{color:var(--ink-dim);font-size:12.5px}.season-meta{margin-top:6px}.season-prizes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.season-prize{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.season-prize .find-swatch.large{width:84px;height:84px}.season-prize-level{font-family:var(--display);letter-spacing:.24em;color:var(--ink-dim);font-size:11px}.season-prize-name{font-family:var(--display);font-size:17px}.season-prize-state{letter-spacing:.14em;color:var(--ink-faint);font-size:11px}.season-prize.owned{box-shadow:inset 0 0 0 2px var(--r-legendary), var(--glass-shadow)}.season-prize.owned .season-prize-state{color:var(--r-legendary)}.season-track{scrollbar-width:thin;border-radius:16px;gap:10px;padding:14px;display:flex;overflow-x:auto}.season-node{background:#ffffff0d;border-radius:12px;flex:none;width:112px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff14}.season-node.major{background:linear-gradient(160deg,#a07cff40,#ffffff0a);box-shadow:inset 0 0 0 1px #a07cff99}.season-node.reached{background:linear-gradient(160deg,#3fe0d038,#ffffff0a);box-shadow:inset 0 0 0 1px #3fe0d08c}.season-node.next{box-shadow:inset 0 0 0 2px #fff,0 0 18px #ffffff40}.season-node-num{font-family:var(--display);font-size:22px}.season-node-reward{color:var(--ink-dim);font-size:11.5px;line-height:1.3}.archive-stats{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.archive-count{font-family:var(--display);font-size:54px;line-height:1}.archive-of{color:var(--ink-dim);font-size:12px}.archive-bars{gap:6px;display:grid}.archive-bar{grid-template-columns:128px 1fr 54px;align-items:center;gap:10px;font-size:12px;display:grid}.archive-bar.rarity-common .archive-bar-fill{background:var(--r-common)}.archive-bar.rarity-rare .archive-bar-fill{background:var(--r-rare)}.archive-bar.rarity-epic .archive-bar-fill{background:var(--r-epic)}.archive-bar.rarity-legendary .archive-bar-fill{background:var(--iri);background-size:200% 100%;animation:3s linear infinite iri-shift}.archive-pity{color:var(--ink-faint);gap:4px;font-size:11.5px;display:grid}.archive-stats>.btn{grid-column:1/-1;justify-self:start}.archive-grid{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.archive-group{font-family:var(--display);letter-spacing:.3em;margin:14px 0 8px;font-size:12px}.archive-group.rarity-rare{color:var(--r-rare)}.archive-group.rarity-epic{color:var(--r-epic)}.archive-group.rarity-legendary{background:var(--iri);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite iri-shift}.archive-row{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;display:grid}.archive-card{--rc:var(--r-common);text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 45%, transparent);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex}.archive-card.rarity-rare{--rc:var(--r-rare)}.archive-card.rarity-epic{--rc:var(--r-epic)}.archive-card.rarity-legendary{--rc:var(--r-legendary)}.archive-card.found{background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 18%, transparent), #ffffff08)}.archive-card.sealed{opacity:.6}.archive-seal{width:26px;height:26px;font-family:var(--display);color:var(--rc);box-shadow:inset 0 0 0 1.5px var(--rc);border-radius:50%;place-items:center;display:grid}.archive-name{font-family:var(--display);font-size:13.5px}.archive-kind{letter-spacing:.06em;color:var(--ink-faint);font-size:10.5px}.team-content{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.plate-editor{flex-direction:column;gap:10px;display:flex}.plate-preview{align-items:center;gap:14px;padding:10px 0 6px;display:flex}.plate-real,.board-real{color:var(--ink-faint);font-size:11.5px}.plate-free{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plate-input{pointer-events:auto;min-width:240px;color:var(--ink);font:inherit;background:#0000004d;border:1px solid #fff3;border-radius:10px;padding:9px 12px}.plate-status{color:var(--ink-dim);font-size:12px}.garage-option .plate{padding:3px 9px;font-size:12px}.board-rank{width:28px;font-family:var(--display);color:var(--ink-dim)}.board-who{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.board-extra{color:var(--ink-faint);margin-right:12px;font-size:11.5px}.location-cup{gap:10px;margin-top:10px;display:grid}.location-row{--loc:#004bc8;box-shadow:inset 4px 0 0 var(--loc);background:#ffffff0a;border-radius:12px;grid-template-columns:110px 1fr 110px 80px;align-items:center;gap:12px;padding:10px 14px;display:grid}.location-row.lead{background:linear-gradient(90deg, color-mix(in srgb, var(--loc) 25%, transparent), #ffffff08)}.location-name{font-family:var(--display)}.location-bar{height:12px}.location-fill{border-radius:inherit;background:var(--loc);height:100%;box-shadow:0 0 12px var(--loc);transition:width .8s var(--ease-out)}.location-cme{font-family:var(--display);text-align:right}.location-players{color:var(--ink-faint);font-size:11.5px}.daily-grid{pointer-events:auto;width:var(--col);flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(130px,1fr);align-content:center;gap:12px;display:grid}.daily-card,.glass.daily-card{--art:none;--card-accent:#ff7955;text-align:left;cursor:pointer;background:linear-gradient(180deg, #07141e1a, #07141eeb 75%), var(--art) center / cover, var(--glass-bg);transition:transform .25s var(--ease-out), box-shadow .25s ease;border:1px solid #ffffff1f;flex-direction:column;justify-content:flex-end;gap:3px;padding:14px;display:flex;position:relative}.daily-card.today{grid-area:span 2/span 2}.daily-card.today .daily-track{font-size:clamp(26px,2.8vw,40px)}.daily-card.focused,.daily-card:hover{box-shadow:0 0 0 2px var(--card-accent), 0 16px 36px #00000073;transform:translateY(-3px)}.daily-day{font-family:var(--display);letter-spacing:.24em;color:var(--card-accent);font-size:11px}.daily-track{font-family:var(--display);font-size:18px;line-height:1}.daily-mod{color:#fff;font-size:13px}.daily-best{color:var(--ink-dim);font-size:12px}.daily-badge{letter-spacing:.16em;background:var(--r-rare);border-radius:999px;padding:3px 8px;font-size:10px;position:absolute;top:10px;right:10px}.track-medals{gap:4px;margin-left:auto;display:inline-flex}.track-medals .medal{width:18px;height:18px;font-size:9px}.ghost-choice .segmented{flex-wrap:wrap}.difficulty.hidden{display:none}.results-bigtime{margin:4px 0 10px}.results-bigtime.hidden,.standings.hidden{display:none}.bigtime-value{font-family:var(--display);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,80px)}.bigtime-delta{font-family:var(--display);font-size:20px}.bigtime-delta.ahead{color:var(--r-legendary)}.bigtime-delta.behind{color:#ff9d7a}.results-meta{gap:12px;margin-top:14px;display:grid}.results-meta:empty{display:none}.results-medals{justify-content:center;gap:18px;display:flex}.results-medal{justify-items:center;gap:4px;display:grid}.results-medal-name{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.results-medal-time{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.results-medal-next{color:var(--ink-dim);font-size:12.5px}.results-xp{text-align:left;background:#ffffff0a;border-radius:14px;padding:12px 14px}.results-xp-head{letter-spacing:.1em;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.results-xp-level{font-family:var(--display)}.results-xp-fill{transition:width .55s var(--ease-out)}.results-xp-lines,.results-xp-rewards{color:var(--ink-faint);margin-top:6px;font-size:11.5px}.results-xp-rewards{color:var(--r-legendary)}.results-xp.level-up .results-xp-level{animation:level-pop .6s var(--ease-pop);color:var(--r-legendary)}@keyframes level-pop{40%{transform:scale(1.6)}}.envelope-button{justify-self:center}.results-panel.solo:before{background:var(--iri);background-size:200% 100%;animation:3s linear infinite iri-shift}.hud.solo .hud-item,.hud.solo .hud-ability,.hud.solo .hud-place,.hud.solo .hud-effects{display:none}.hud-solo{top:var(--hud-pad);left:var(--hud-pad);border-radius:14px;max-width:36vw;padding:10px 16px;position:absolute}.hud-solo-label{font-family:var(--display);letter-spacing:.2em;font-size:14px}.hud-solo-sub{color:var(--ink-dim);font-size:12px}.hud-targets{justify-items:end;gap:4px;display:grid}.hud-target{font-variant-numeric:tabular-nums;background:#071e26bf;border-radius:10px;padding:4px 10px;font-size:12px}.hud-split{font-family:var(--display);opacity:0;border-radius:10px;padding:4px 12px;font-size:22px}.hud-split.ahead{color:var(--r-legendary)}.hud-split.behind{color:#ff9d7a}.hud-split.split-in{animation:2.6s both split-in}@keyframes split-in{0%{opacity:0;transform:translateY(-8px)scale(.9)}10%,80%{opacity:1;transform:none}to{opacity:0}}.occasion-deco{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.deco-bit{width:var(--size);height:var(--size);opacity:.8;background:#fff;border-radius:50%;animation:linear infinite deco-fall;position:absolute;top:-5vh}@keyframes deco-fall{to{transform:translate(var(--drift), 110vh) rotate(540deg)}}.deco-snow .deco-bit{filter:blur(.6px);box-shadow:0 0 6px #ffffffb3}.deco-confetti .deco-bit{width:calc(var(--size) * 1.6);background:hsl(calc(var(--hue) * 60 + 200) 80% 62%);border-radius:1px}.deco-sparks .deco-bit{background:#fff3c8;width:3px;height:3px;animation-name:deco-rise;top:auto;bottom:-5vh;box-shadow:0 0 8px #ffb36b,0 0 14px #ffb36b}@keyframes deco-rise{to{transform:translate(var(--drift), -110vh);opacity:0}}.deco-scan{background:repeating-linear-gradient(0deg,#9be8ff09 0 2px,#0000 2px 5px);position:absolute;inset:0}.deco-scan:after{content:"";background:linear-gradient(#0000,#9be8ff1f,#0000);height:18vh;animation:6s linear infinite scan-sweep;position:absolute;left:0;right:0}@keyframes scan-sweep{0%{top:-20vh}to{top:110vh}}.menu>section{z-index:1}.results-panel{scrollbar-width:none;max-height:96vh;overflow-y:auto}.results-panel.solo .results-title{font-size:clamp(34px,5vw,60px)}.results-panel.solo .bigtime-value{font-size:clamp(42px,6vw,68px)}.garage-option.rarity-common{box-shadow:inset 0 0 0 1px #c9d3dc99}.garage-option.rarity-rare{box-shadow:inset 0 0 0 1.5px var(--r-rare), 0 0 10px #5082fa40}.garage-option.rarity-epic{box-shadow:inset 0 0 0 1.5px var(--r-epic), 0 0 12px #a07cff4d}.garage-option.rarity-legendary{background:linear-gradient(#0a1422e6, #0a1422e6) padding-box, var(--iri) border-box;background-size:100% 100%,200% 100%;border:1.5px solid #0000;animation:3s linear infinite iri-shift}.results-medals.compact{gap:12px}.results-medals.compact .results-medal{grid-template-columns:auto auto;align-items:center;column-gap:6px}.results-medals.compact .results-medal-name{display:none}.person{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.person-dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1.5px #ffffff80}.board-who{flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.plate.plate-small{opacity:.9;padding:1px 8px;font-size:.78em}:root{--bg:#071a22;--bg-2:#0c2630;--ink:#f4f6ff;--ink-dim:#f4f6ffcc;--ink-faint:#f4f6ff94;--blue:#3fe0d0;--magenta:#8f8bff;--orange:#ffb36b;--teal:#3fe0d0;--gold:#ffd23f;--silver:#d7dce8;--bronze:#e08a4a;--green:#5cff8a;--red:#ff4d5e;--accent-grad:linear-gradient(100deg, var(--blue) 0%, var(--magenta) 55%, var(--orange) 100%);--glass-bg:#071e26e6;--glass-border:#ffffff1f;--glass-shadow:0 24px 60px #00000073, inset 0 1px 0 #ffffff14;--display:"ABC Whyte Inktrap", "ABC Whyte", system-ui, sans-serif;--body:"ABC Whyte", system-ui, sans-serif;--radius:18px;--radius-sm:10px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;overflow:hidden}button{font:inherit;color:inherit}#app{background:var(--bg);position:fixed;inset:0}.game-canvas{outline:none;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.game-canvas.turnable{cursor:grab;touch-action:none}.game-canvas.turning{cursor:grabbing}#ui{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.hidden{display:none!important}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:var(--radius)}.panel{pointer-events:auto;min-width:320px;max-width:min(92vw,760px);padding:clamp(20px,3vh,36px) clamp(24px,3.5vw,48px);position:relative;overflow:hidden}.panel:before{content:"";background:var(--accent-grad);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.panel-kicker{font-family:var(--display);letter-spacing:.32em;color:var(--ink-dim);text-transform:uppercase;font-size:clamp(11px,1.2vw,13px)}.panel-title{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#fff 0%,#d7e3ff 60%,#9cb8ff 100%);color:#0000;filter:drop-shadow(0 4px #00000059)drop-shadow(0 10px 24px #37a8ff40);-webkit-background-clip:text;background-clip:text;margin:4px 0 6px;font-size:clamp(34px,5vw,60px);font-weight:400;line-height:.95}.panel-hint{letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase;margin-top:18px;font-size:12px}.actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.actions.column{flex-direction:column;align-items:stretch;gap:10px}.btn{pointer-events:auto;appearance:none;color:var(--ink);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .2s var(--ease-out);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;outline:none;padding:13px 26px;font-size:clamp(15px,1.4vw,19px);position:relative}.btn:hover,.btn.focused{background:#ffffff1f;border-color:#fff6;transform:translateY(-2px);box-shadow:0 0 0 2px #37a8ff59,0 12px 30px #37a8ff38}.btn.focused{border-color:#fff;transform:translateY(-2px)scale(1.04);box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px #37a8ff73,0 12px 30px #37a8ff4d}.btn:active{transform:translateY(0)scale(.98)}.btn:focus-visible{box-shadow:0 0 0 3px #ffffff8c}.btn.primary{background:var(--accent-grad);color:#fff;text-shadow:0 1px #00000059;border-color:#0000;box-shadow:0 10px 30px #ff3ab847}.btn.primary:hover,.btn.primary.focused{filter:brightness(1.08);box-shadow:0 0 0 2px #ffffff80,0 16px 40px #ff3ab866}.btn.primary.focused{box-shadow:0 0 0 3px #fffffff2,0 0 0 6px #ff3ab880,0 16px 40px #ff3ab873}.btn.ghost{background:0 0;border-color:#ffffff2e}.btn.danger:hover,.btn.danger.focused{border-color:#ff4d5eb3;box-shadow:0 0 0 2px #ff4d5e73,0 12px 30px #ff4d5e40}.btn.start{background:linear-gradient(100deg, var(--blue) 0%, var(--magenta) 30%, var(--orange) 55%, var(--magenta) 78%, var(--blue) 100%);background-size:260% 100%;padding:15px 42px;font-size:clamp(18px,1.8vw,24px);animation:4.5s linear infinite start-gradient;overflow:hidden}.btn.start:after{content:"";width:45%;animation:start-sheen 2.8s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff0d 35%,#fff9 50%,#ffffff0d 65%,#0000 100%);position:absolute;top:-40%;bottom:-40%;left:-30%;transform:translate(-120%)skew(-18deg)}@keyframes start-gradient{to{background-position:260% 0}}@keyframes start-sheen{0%{transform:translate(-120%)skew(-18deg)}45%,to{transform:translate(420%)skew(-18deg)}}kbd{font-family:var(--body);letter-spacing:.08em;text-align:center;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:6px;min-width:34px;padding:3px 8px;font-size:12px;font-weight:500;box-shadow:inset 0 -2px #00000059}.pill{font-family:var(--body);letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;padding:4px 9px 3px;font-size:12.5px;font-weight:500;display:inline-block}.pill.weight-light{color:#9be7ff;border-color:#9be7ff66}.pill.weight-medium{color:#ffe08a;border-color:#ffe08a66}.pill.weight-heavy{color:#ff9d7a;border-color:#ff9d7a66}.screen{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-in{animation:panel-in .55s var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}.menu{background:radial-gradient(120% 80% at 50% 110%,#0b0b1ab3 0%,#0b0b1a00 60%)}.menu>section{display:none;position:absolute;inset:0}.menu>section.active{flex-direction:column;display:flex}.panel-title-screen{pointer-events:auto;cursor:pointer;justify-content:flex-start;align-items:center;gap:6px;padding:clamp(18px,4.5vh,48px) 4vw 0}.logo{line-height:.82;font-family:var(--display);text-transform:uppercase;animation:logo-in .9s var(--ease-out) both;flex-direction:column;align-items:center;display:flex}.logo-word{letter-spacing:.04em;color:#0000;-webkit-text-stroke:8px #1a0a2e;filter:drop-shadow(0 5px #4a1140)drop-shadow(0 10px #00000073)drop-shadow(0 18px 36px #ff3ab859);font-size:clamp(52px,7.4vw,104px);display:block;position:relative;transform:skew(-6deg)}.logo-word:after{content:attr(data-text);-webkit-text-stroke:0;color:#0000;background:linear-gradient(#fff 0%,#ffe9a8 35%,#ff9a3c 65%,#ff3ab8 100%);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.logo-word-1{filter:drop-shadow(0 6px #0d2a5a)drop-shadow(0 12px #00000073)drop-shadow(0 22px 40px #37a8ff59)}.logo-word-1:after{background:linear-gradient(#fff 0%,#bfe6ff 35%,#37a8ff 70%,#6a3cff 100%);-webkit-background-clip:text;background-clip:text}.logo-word-2{font-size:clamp(44px,5.8vw,82px)}.logo-word-2:after{background:linear-gradient(#fff 0%,#ffd7f2 30%,#ff3ab8 70%,#ff7a2f 100%);-webkit-background-clip:text;background-clip:text}@keyframes logo-in{0%{opacity:0;filter:blur(8px);transform:translateY(-40px)scale(1.15)}60%{filter:blur()}to{opacity:1;transform:none}}.logo-sub{font-family:var(--display);letter-spacing:.6em;color:var(--ink-dim);animation:fade-up .8s .25s var(--ease-out) both;margin-top:10px;padding-left:.6em;font-size:clamp(12px,1.3vw,17px)}.r3-presents{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;gap:.6em;font-size:13px;display:flex}.r3-presents .r3-label{color:var(--ink-dim)}.r3-mark{color:#fff;display:inline-flex}.r3-mark svg{width:auto;height:1.9em}.r3-title{animation:fade-up .8s .35s var(--ease-out) both;margin-top:18px;font-size:clamp(13px,1.2vw,16px)}.r3-loading{justify-content:flex-start;margin-top:16px}.press-start{width:-moz-fit-content;width:fit-content;font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;animation:fade-up .8s .4s var(--ease-out) both;margin:0 auto;font-size:clamp(13px,1.25vw,18px);position:absolute;bottom:clamp(28px,7vh,70px);left:0;right:0}.press-start-text{-webkit-backdrop-filter:blur(10px);text-shadow:0 2px 8px #0009;background:#1011268c;border:1px solid #ffffff4d;border-radius:999px;padding:12px 34px;animation:1.5s ease-in-out infinite press-pulse;display:inline-block}@keyframes press-pulse{0%,to{opacity:.62;border-color:#ffffff38;transform:scale(.985);box-shadow:0 0 #37a8ff00}50%{opacity:1;border-color:#fff9;transform:scale(1.03);box-shadow:0 0 44px 6px #37a8ff66,inset 0 0 18px #37a8ff40}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.controls-legend{color:var(--ink-dim);animation:fade-up .8s .55s var(--ease-out) both;grid-template-columns:auto auto;gap:8px 14px;padding:16px 18px;font-size:12.5px;display:grid;position:absolute;bottom:3vh;left:3vw}.legend-row{display:contents}.legend-row span{align-self:center}.version{letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase;font-size:12px;position:absolute;bottom:3vh;right:3vw}.panel-select{justify-content:space-between;gap:1.6vh;padding:3vh 3.5vw 2.5vh}.select-header{text-align:left;animation:fade-up .5s var(--ease-out) both}.select-header .panel-title{font-size:clamp(28px,3.8vw,50px)}.card-grid{pointer-events:auto;flex:1;align-content:center;gap:clamp(8px,1vw,14px);display:grid}.panel-chars{--col:min(60vw, 980px);align-items:flex-start}.panel-chars .select-header,.panel-chars .card-grid,.panel-chars .select-footer{width:var(--col);margin:0}.panel-tracks{justify-content:flex-end;align-items:center}.panel-tracks .select-header{position:absolute;top:3vh;left:3.5vw}.panel-tracks .card-grid{flex:none;width:min(93vw,1240px)}.card{border-radius:var(--radius);cursor:pointer;transition:transform .2s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);animation:card-in .5s var(--ease-out) backwards;outline:none;padding:12px 12px 10px;position:relative;overflow:hidden}.card:first-child{animation-delay:20ms}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.14s}.card:nth-child(5){animation-delay:.18s}.card:nth-child(6){animation-delay:.22s}.card:nth-child(7){animation-delay:.26s}.card:nth-child(8){animation-delay:.3s}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.card:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--card-accent,var(--blue)), transparent 60%);opacity:0;transition:opacity .25s var(--ease-out);pointer-events:none;mix-blend-mode:screen;position:absolute;inset:-1px}.card:hover{border-color:#ffffff4d;transform:translateY(-4px)}.card:hover:after{opacity:.16}.card.selected,.card.focused{border-color:var(--card-accent,var(--blue));box-shadow:0 0 0 2px var(--card-accent,var(--blue)), 0 18px 50px var(--card-glow,#37a8ff80), var(--glass-shadow);transform:translateY(-6px)scale(1.02)}.card.selected:after{opacity:.28}.card.focused,.card.selected.focused{box-shadow:0 0 0 2px var(--card-accent,var(--blue)), 0 0 0 5px #ffffffd9, 0 18px 50px var(--card-glow,#37a8ff80), var(--glass-shadow);animation:card-in .5s var(--ease-out) backwards, focus-breathe 1.4s ease-in-out infinite}.card.focused:before{content:"▼";color:#fff;text-shadow:0 0 10px var(--card-accent,var(--blue));z-index:2;font-size:12px;animation:.9s ease-in-out infinite chevron-bob;position:absolute;top:6px;right:10px}.card.selected:not(.focused):before{content:"✓";color:#fff;z-index:2;font-size:13px;position:absolute;top:6px;right:10px}@keyframes focus-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes chevron-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.card:active{transform:translateY(-2px)scale(.99)}.card-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px #0006;margin-top:8px;font-size:clamp(16px,1.45vw,22px)}.card-tag{color:var(--ink-dim);min-height:2.6em;margin:3px 0 6px;font-size:12.5px;line-height:1.3}.char-swatch{border-radius:12px;height:clamp(48px,8vh,78px);position:relative;overflow:hidden;box-shadow:inset 0 -20px 40px #00000059,inset 0 1px #ffffff59}.char-swatch:before{content:"";background:repeating-linear-gradient(-45deg,#ffffff12 0 6px,#0000 6px 14px);position:absolute;inset:0}.char-helmet{aspect-ratio:1;border-radius:50%;width:34%;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000073,inset 0 -6px 12px #00000059}.char-wheel{background:#14141c;border-radius:40%;width:18%;height:26%;position:absolute;bottom:8%;box-shadow:inset 0 0 0 3px #2a2a36,0 4px 10px #00000080}.char-wheel-l{left:12%}.char-wheel-r{right:12%}.stats{gap:4px;margin-top:6px;display:grid}.stat{grid-template-columns:30px 1fr;align-items:center;gap:8px;display:grid}.stat-label{font-family:var(--body);letter-spacing:.08em;color:var(--ink-faint);font-size:12.5px;font-weight:500}.stat-bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.stat-fill{background:var(--accent-grad);transform-origin:0;height:100%;animation:stat-grow .7s var(--ease-out) both;border-radius:3px;box-shadow:0 0 10px #37a8ff80}@keyframes stat-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.track-art{border-radius:12px;height:clamp(56px,9.5vh,92px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.track-art-road{border-top:4px solid;border-bottom:4px solid;height:34%;position:absolute;bottom:6%;left:-10%;right:-10%;transform:perspective(200px)rotateX(38deg)skew(-8deg);box-shadow:0 -10px 30px #00000059}.track-art-road:after{content:"";background:repeating-linear-gradient(90deg,#ffffffd9 0 18px,#0000 18px 34px);height:3px;margin-top:-1.5px;position:absolute;top:50%;left:0;right:0}.track-theme-pill{color:#fff;background:#00000073;position:absolute;top:10px;left:10px}.track-name-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.stars{letter-spacing:1px;color:#ffffff2e;white-space:nowrap;font-size:15px}.star.on{color:var(--gold);text-shadow:0 0 10px #ffd23fb3}.track-meta{flex-wrap:wrap;gap:6px;display:flex}.select-footer{pointer-events:auto;width:min(93vw,1240px);animation:fade-up .5s .15s var(--ease-out) both;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:12px 20px;display:flex}.select-footer .actions{flex-wrap:nowrap;justify-content:flex-end;margin:0}.select-info-name{font-family:var(--display);letter-spacing:.06em;font-size:clamp(22px,2.4vw,32px)}.select-info-tagline{color:var(--ink-dim);font-size:13px}.difficulty{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.difficulty-label{font-family:var(--body);letter-spacing:.3em;color:var(--ink-dim);font-size:13px;font-weight:500}.segmented{background:#00000059;border:1px solid #ffffff1f;border-radius:999px;padding:4px;display:inline-flex}.seg{appearance:none;color:var(--ink-dim);font-family:var(--body);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;padding:8px 18px;font-size:14px;font-weight:500;transition:background .18s,color .18s,box-shadow .18s}.seg:hover{color:var(--ink)}.seg.focused{box-shadow:0 0 0 2px #fff6}.seg.selected{color:#fff;background:var(--accent-grad);box-shadow:0 6px 18px #ff3ab859}.difficulty-blurb{color:var(--ink-faint);min-width:200px;font-size:12.5px}.loading{background:radial-gradient(90% 90% at 50% 40%, #171736 0%, var(--bg) 70%);pointer-events:auto}.loading-panel{border-radius:var(--radius);background:var(--glass-bg);border:1px solid var(--glass-border);width:min(88vw,720px);box-shadow:var(--glass-shadow);animation:panel-in .5s var(--ease-out) both;overflow:hidden}.loading-band{background:var(--accent-grad);height:10px;position:relative;overflow:hidden}.loading-band:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.6s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.loading-inner{padding:28px 36px 30px}.loading-kicker{font-family:var(--body);letter-spacing:.4em;color:var(--ink-dim);font-size:12px;font-weight:500}.loading-title{font-family:var(--display);letter-spacing:.03em;text-shadow:0 4px #00000059,0 10px 30px #37a8ff4d;margin:4px 0;font-size:clamp(40px,6vw,68px);font-weight:400;line-height:.95}.loading-subtitle{font-family:var(--body);letter-spacing:.08em;color:var(--ink-dim);font-size:13px;font-weight:500}.loading-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;height:12px;margin-top:22px;overflow:hidden}.loading-bar{background:var(--accent-grad);transform-origin:0;border-radius:6px;width:100%;height:100%;transition:transform .12s linear;position:relative;overflow:hidden;transform:scaleX(0)}.loading-bar-shimmer{background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.1s linear infinite shimmer;position:absolute;inset:0}.loading-tip{color:var(--ink-dim);align-items:baseline;gap:12px;min-height:2.8em;margin-top:18px;font-size:14px;line-height:1.4;display:flex}.loading-tip.tip-in .loading-tip-text{animation:fade-up .45s var(--ease-out) both}.loading-tip-label{font-family:var(--body);letter-spacing:.3em;color:var(--orange);flex:none;font-size:12px;font-weight:500}.pause{-webkit-backdrop-filter:blur(10px)saturate(120%);pointer-events:auto;background:#06061073;animation:.25s ease-out both fade-in}.pause-panel{text-align:center;min-width:360px;animation:panel-in .4s var(--ease-out) both}.pause-panel .actions .btn{width:100%}.results{pointer-events:auto;background:radial-gradient(80% 80%,#0b0b1a40 0%,#0b0b1acc 100%)}.results-panel{text-align:center;width:min(92vw,720px)}.results-panel.gold:before{background:linear-gradient(90deg,#ffd23f,#fff2b0,#ffd23f)}.results-title{font-size:clamp(44px,7vw,84px)}.results-panel.gold .results-title{background:linear-gradient(#fffbe6 0%,#ffd23f 55%,#ff9a3c 100%);filter:drop-shadow(0 4px #00000059)drop-shadow(0 10px 30px #ffd23f59);-webkit-background-clip:text;background-clip:text}.results-sub{color:var(--ink-dim);margin-bottom:18px;font-size:14px}.standings{text-align:left;gap:6px;max-height:46vh;padding-right:4px;display:grid;overflow:auto}.standing-row{animation:row-in .5s var(--ease-out) both;background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;grid-template-columns:58px 16px 1fr auto;align-items:center;gap:12px;padding:9px 14px;display:grid}@keyframes row-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.standing-row.you{background:linear-gradient(90deg,#37a8ff47,#ff3ab82e);border-color:#ffffff47;box-shadow:0 0 0 1px #ffffff1f,0 10px 30px #37a8ff33}.standing-place{font-family:var(--display);letter-spacing:.04em;color:var(--ink-dim);font-size:22px}.podium-1 .standing-place{color:var(--gold);text-shadow:0 0 14px #ffd23fb3}.podium-2 .standing-place{color:var(--silver)}.podium-3 .standing-place{color:var(--bronze)}.standing-chip{border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff59,0 2px 6px #00000080}.standing-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:19px}.standing-time{font-variant-numeric:tabular-nums;font-family:var(--display);letter-spacing:.06em;color:var(--ink-dim);font-size:17px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:.9;border-radius:2px;animation:linear infinite confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{transform:translateY(-5vh)rotate(0)translate(0)}25%{transform:translateY(25vh)rotate(180deg)translate(30px)}50%{transform:translateY(50vh)rotate(360deg)translate(-30px)}75%{transform:translateY(75vh)rotate(540deg)translate(30px)}to{transform:translateY(110vh)rotate(720deg)translate(0)}}.fatal{background:radial-gradient(80% 80% at 50% 40%, #1a1030, var(--bg));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fatal-panel{text-align:center;max-width:560px}.fatal-body{color:var(--ink-dim);margin:12px 0 20px;line-height:1.5}.hud{pointer-events:none;--hud-pad:clamp(16px, 2.4vw, 34px);position:absolute;inset:0}.hud.hit-shake{animation:.4s ease-out both hud-shake}@keyframes hud-shake{0%,to{transform:none}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.hud-item{top:var(--hud-pad);left:var(--hud-pad);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.item-frame{aspect-ratio:1;background:radial-gradient(120% 120% at 30% 20%,#ffffff29,#101126bf 60%);border:3px solid #ffffff59;border-radius:26px;place-items:center;width:clamp(84px,8.5vw,118px);transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:visible;box-shadow:0 12px 30px #00000073,inset 0 1px #ffffff59}.item-frame:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, var(--blue), var(--magenta), var(--orange), var(--blue));z-index:-1;opacity:0;transition:opacity .3s;position:absolute;inset:-3px}.item-frame.has-item:before{opacity:.9}.item-frame.spinning:before{opacity:1;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.item-frame.pop{animation:item-pop .45s var(--ease-pop) both}@keyframes item-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:scale(1)}}.item-icon{filter:drop-shadow(0 6px 10px #0000008c);place-items:center;width:72%;height:72%;display:grid}.item-icon-canvas{image-rendering:auto;width:100%;height:100%}.item-frame.spinning .item-icon{animation:90ms linear infinite alternate icon-flick}@keyframes icon-flick{0%{opacity:.85;transform:translateY(-4px)scale(.92)}to{opacity:1;transform:translateY(4px)scale(1)}}.item-count{font-family:var(--display);letter-spacing:.04em;background:var(--accent-grad);color:#fff;text-align:center;border:2px solid #fff;border-radius:999px;min-width:30px;padding:4px 9px 3px;font-size:18px;position:absolute;bottom:-8px;right:-8px;box-shadow:0 6px 14px #00000080}.item-count:empty{display:none}.item-label{font-family:var(--body);letter-spacing:.08em;color:var(--ink-dim);text-shadow:0 2px 6px #000000b3;min-height:1em;font-size:13px;font-weight:500}.hud-topright{top:var(--hud-pad);right:var(--hud-pad);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-lap,.hud-timer{font-family:var(--display);letter-spacing:.08em;text-shadow:0 2px #0006;border-radius:14px;padding:8px 16px}.hud-lap{align-items:baseline;gap:10px;display:flex}.hud-lap-label{letter-spacing:.3em;color:var(--ink-dim);font-size:15px}.hud-lap-value{font-size:clamp(28px,2.8vw,38px)}.hud-timer{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:clamp(20px,2vw,26px)}.hud-timer .digit{text-align:center;width:.62em;display:inline-block}.hud-timer .digit-sep{text-align:center;width:.38em;display:inline-block}.hud-place{left:var(--hud-pad);bottom:var(--hud-pad);font-family:var(--display);color:#fff;transform-origin:0 100%;filter:drop-shadow(0 6px #00000073)drop-shadow(0 14px 30px #00000080);align-items:baseline;line-height:.85;display:flex;position:absolute}.place-num{letter-spacing:-.02em;-webkit-text-stroke:3px #00000059;background:linear-gradient(#fff 0%,#e6ecff 55%,#b8c6ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(96px,13vw,168px)}.place-suffix{letter-spacing:.02em;color:#ffffffd9;margin-left:4px;font-size:clamp(26px,3.2vw,42px)}.hud-place.gold .place-num{background:linear-gradient(#fffbe6 0%,#ffd23f 55%,#ff9a3c 100%);-webkit-background-clip:text;background-clip:text}.hud-place.silver .place-num{background:linear-gradient(#fff 0%,#d7dce8 55%,#97a2ba 100%);-webkit-background-clip:text;background-clip:text}.hud-place.bronze .place-num{background:linear-gradient(#ffe4cf 0%,#e08a4a 55%,#a2561f 100%);-webkit-background-clip:text;background-clip:text}.hud-place.punch{animation:punch .5s var(--ease-pop) both}@keyframes punch{0%{transform:scale(.8)rotate(-4deg)}55%{transform:scale(1.14)rotate(2deg)}to{transform:none}}.hud-speed{left:50%;bottom:calc(var(--hud-pad) * .6);aspect-ratio:1;place-items:center;width:clamp(120px,12vw,170px);display:grid;position:absolute;transform:translate(-50%)}.gauge{filter:drop-shadow(0 6px 14px #00000080);width:100%;height:100%;position:absolute;inset:0;transform:rotate(150deg)}.gauge circle{fill:none;stroke-width:7px;stroke-linecap:round}.gauge-bg{stroke:#ffffff29}.gauge-fill{stroke:var(--blue);transition:stroke .3s}.hud.boosting .gauge-fill{stroke:var(--orange);filter:drop-shadow(0 0 8px #ff7a2fe6)}.speed-inner{text-align:center;font-family:var(--display);text-shadow:0 3px #00000073,0 8px 20px #00000080;transform:translateY(6%)}.speed-value{font-variant-numeric:tabular-nums;font-size:clamp(34px,3.6vw,52px);line-height:1}.speed-unit{letter-spacing:.3em;color:var(--ink-dim);font-size:12px}.hud-minimap{right:var(--hud-pad);bottom:var(--hud-pad);border-radius:20px;padding:6px;position:absolute}.minimap-canvas{border-radius:14px;display:block}.hud-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.hud-msg{width:-moz-fit-content;width:fit-content;font-family:var(--display);text-transform:uppercase;text-align:center;white-space:nowrap;--ttl:1s;margin:0 auto;position:absolute;left:0;right:0}.hud-count{color:#fff;-webkit-text-stroke:6px #1a0a2e;paint-order:stroke fill;filter:drop-shadow(0 10px #00000059)drop-shadow(0 20px 50px #37a8ff73);height:-moz-fit-content;height:fit-content;animation:count-in var(--ttl) var(--ease-out) both;margin:auto;font-size:clamp(120px,20vw,260px);line-height:1;inset:0}.hud-go{color:#0000;background:linear-gradient(#fffbe6 0%,#ffd23f 45%,#ff7a2f 100%);-webkit-text-stroke:0;filter:drop-shadow(0 10px #4a1140)drop-shadow(0 20px 50px #ff7a2f80);-webkit-background-clip:text;background-clip:text}@keyframes count-in{0%{opacity:0;transform:scale(2.4)}18%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.3)}}.hud-banner{letter-spacing:.12em;color:#fff;-webkit-text-stroke:3px #1a0a2e;paint-order:stroke fill;filter:drop-shadow(0 6px #0006);animation:banner-in var(--ttl) var(--ease-out) both;padding:10px 40px;font-size:clamp(44px,7vw,96px);top:22%}.hud-banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000,#ff3ab88c,#ff7a2f8c,#0000);position:absolute;inset:8% -40vw;transform:skew(-12deg)}.hud-banner.lap:before{background:linear-gradient(90deg,#0000,#37a8ff80,#0000)}@keyframes banner-in{0%{opacity:0;transform:translate(-60vw)skew(-10deg)}15%{opacity:1;transform:translate(0)skew(0)}82%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60vw)skew(10deg)}}.hud-posflash{letter-spacing:.2em;animation:pos-in var(--ttl) var(--ease-out) both;background:#101126b3;border:1px solid #fff3;border-radius:999px;padding:6px 22px;font-size:clamp(28px,3.6vw,48px);top:34%}.hud-posflash.up{color:var(--green);text-shadow:0 0 20px #5cff8a99}.hud-posflash.down{color:var(--red);text-shadow:0 0 20px #ff4d5e99}@keyframes pos-in{0%{opacity:0;transform:translateY(20px)scale(.8)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.hud-finish{color:#0000;background:linear-gradient(#fff 0%,#ffe9a8 35%,#ff9a3c 65%,#ff3ab8 100%);filter:drop-shadow(0 8px #4a1140)drop-shadow(0 20px 50px #ff3ab873);animation:finish-in var(--ttl) var(--ease-out) both;-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;font-size:clamp(80px,13vw,180px);line-height:1;display:flex;top:18%}.hud-finish-place{letter-spacing:.3em;color:#fff;-webkit-text-fill-color:#fff;filter:none;text-shadow:0 3px #00000073;background:0 0;-webkit-background-clip:border-box;background-clip:border-box;margin-top:4px;font-size:clamp(26px,3.4vw,46px)}@keyframes finish-in{0%{opacity:0;transform:scale(.5)rotate(-6deg)}12%{opacity:1;transform:scale(1.05)rotate(1deg)}20%{transform:scale(1)}88%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.hud-wrongway{color:#fff;font-family:var(--display);letter-spacing:.2em;opacity:0;visibility:hidden;background:#ff4d5e2e;border:2px solid #ff4d5ecc;border-radius:14px;align-items:center;gap:14px;padding:10px 26px;font-size:clamp(26px,3vw,40px);transition:opacity .2s;display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.hud-wrongway.visible{opacity:1;visibility:visible;animation:.7s ease-in-out infinite wrongway-pulse}.wrongway-arrow{color:var(--red);font-size:1.3em;animation:1.6s linear infinite reverse spin;display:inline-block}@keyframes wrongway-pulse{0%,to{background:#ff4d5e2e;box-shadow:0 0 #ff4d5e80}50%{background:#ff4d5e52;box-shadow:0 0 30px 6px #ff4d5e59}}.hud-vignette{opacity:0;pointer-events:none;background:radial-gradient(70% 70%,#ff1e3c00 40%,#ff1e3c8c 100%);position:absolute;inset:0}.hud-boostglow{opacity:0;pointer-events:none;background:radial-gradient(80% 80%,#ff8c2800 55%,#ff8c2847 100%);transition:opacity .25s;position:absolute;inset:0}.hud-boostglow.on{opacity:1;animation:.25s ease-in-out infinite alternate boost-flicker}@keyframes boost-flicker{0%{opacity:.75}to{opacity:1}}.mute-indicator{font-family:var(--body);letter-spacing:.08em;color:var(--ink-dim);opacity:0;transition:opacity .2s, transform .25s var(--ease-out);pointer-events:none;background:#101126cc;border:1px solid #ffffff2e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500;position:absolute;top:14px;left:50%;transform:translate(-50%,-20px)}.mute-indicator.visible{opacity:1;transform:translate(-50%)}.toast-host{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.toast{color:var(--ink);opacity:0;max-width:70vw;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);background:#101126eb;border:1px solid #ffffff29;border-radius:12px;padding:10px 18px;font-size:13px;transform:translateY(12px);box-shadow:0 12px 30px #00000073}.toast-error{border-color:#ff4d5e99;box-shadow:0 12px 30px #ff4d5e33}.toast-in{opacity:1;transform:none}.toast-out{opacity:0;transform:translateY(8px)}@media (max-height:720px){.card{padding:10px 10px 8px}.card-tag{display:none}.char-swatch{height:56px}.track-art{height:64px}.stats{gap:3px}.stat-bar{height:4px}.select-header .panel-title{font-size:30px}.select-footer{padding:10px 16px}.controls-legend{display:none}.logo-word{font-size:clamp(44px,6.4vw,84px)}.logo-word-2{font-size:clamp(38px,5vw,66px)}.hud-place .place-num{font-size:96px}.hud-speed{width:110px}}@media (max-width:1100px){.difficulty-blurb{display:none}.select-footer{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand{font-family:var(--display);letter-spacing:.01em;animation:logo-in .9s var(--ease-out) both;align-items:flex-end;gap:0;padding-top:.08em;font-size:clamp(72px,10vw,148px);line-height:.95;display:flex;transform:skew(-8deg)}.brand-word{color:#0000;-webkit-text-stroke:9px #04161c;filter:drop-shadow(0 6px #0a3a44)drop-shadow(0 12px #00000073)drop-shadow(0 22px 44px #3fe0d059);position:relative}.brand-word:after{content:attr(data-text);-webkit-text-stroke:0;color:#0000;background:linear-gradient(#fff 0%,#e6fffb 40%,#9ff2ea 75%,#3fe0d0 100%);-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.brand-racer:after{background:linear-gradient(#fff 0%,#fff1e2 38%,#ffcf9c 72%,#ff9a6b 100%);-webkit-background-clip:text;background-clip:text}.brand-cube{color:var(--teal);-webkit-text-stroke:6px #04161c;paint-order:stroke fill;filter:drop-shadow(0 0 18px #3fe0d0cc);font-size:.55em;position:absolute;top:-.05em;right:-.5em}.brand-small{font-size:28px}.legend-title{font-family:var(--body);letter-spacing:.08em;color:var(--ink);text-transform:uppercase;grid-column:1/-1;font-size:13px;font-weight:500}.legend-foot{color:var(--ink-faint);grid-column:1/-1;margin-top:4px;font-size:12.5px}.quality{pointer-events:auto;animation:fade-up .8s .6s var(--ease-out) both;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:calc(3vh + 30px);right:3vw}.quality-label{font-family:var(--body);letter-spacing:.08em;color:var(--ink-dim);font-size:12px;font-weight:500}.panel-chars{--col:min(56vw, 900px)}.char-layout{width:var(--col);flex:1;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(10px,1.2vw,18px);min-height:0;display:grid}.char-layout .card-grid{width:auto}.char-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.char-card{flex-direction:column;gap:6px;padding:12px;display:flex}.char-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.card-specialty{font-family:var(--display);letter-spacing:.06em;color:var(--card-accent,var(--teal));text-shadow:0 2px 10px #00000080;font-size:clamp(15px,1.35vw,20px)}.char-card .card-name{font-family:var(--body);letter-spacing:.01em;text-transform:none;font-size:13px;font-weight:500}.char-card .card-tag{min-height:0;font-size:12.5px}.pill.beta{color:#d6d4ff;background:#8f8bff2e;border-color:#8f8bff80;font-size:12px}.char-card .stats{margin-top:2px}.char-card .stat-label{letter-spacing:.04em;width:70px;font-size:12px}.char-detail{pointer-events:auto;border-radius:var(--radius);animation:fade-up .5s .1s var(--ease-out) both;flex-direction:column;align-self:center;gap:6px;padding:18px 18px 16px;display:flex}.detail-specialty{font-family:var(--display);letter-spacing:.05em;color:var(--teal);font-size:clamp(22px,2.2vw,32px)}.detail-name{font-size:17px;font-weight:500}.detail-vehicle{color:var(--ink-dim);font-size:13px}.detail-bio{color:var(--ink-dim);margin:6px 0 8px;font-size:13px;line-height:1.45}.detail-ability-name{font-family:var(--display);letter-spacing:.06em;color:var(--orange);font-size:18px}.detail-ability-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:12.5px}.detail-ability-text{margin:4px 0 0;font-size:13px;line-height:1.45}.select-hint{color:var(--ink-dim);align-self:center;font-size:13px}.panel-garage{align-items:flex-end}.panel-garage .select-header{text-align:right;align-self:flex-end}.garage-body{pointer-events:auto;border-radius:var(--radius);width:min(44vw,640px);animation:fade-up .5s var(--ease-out) both;flex-direction:column;gap:16px;padding:18px 20px;display:flex}.panel-garage .select-footer{flex-wrap:wrap;justify-content:center;width:min(44vw,640px)}.panel-garage .select-footer .actions{justify-content:center;gap:10px;width:100%}.panel-garage .select-footer .btn{letter-spacing:.12em;padding:11px 18px}.garage-note{color:var(--ink-dim);font-size:12.5px}.garage-label{font-family:var(--body);letter-spacing:.2em;color:var(--ink-dim);margin-bottom:8px;font-size:13px;font-weight:500}.garage-options{flex-wrap:wrap;gap:8px;display:flex}.garage-option{border:1px solid var(--glass-border);cursor:pointer;transition:transform .15s var(--ease-out), border-color .15s, background .15s;background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:13px;display:flex}.garage-option:hover{border-color:#ffffff59;transform:translateY(-1px)}.garage-option.selected{border-color:var(--teal);background:#3fe0d024;box-shadow:0 0 18px #3fe0d040}.garage-option.focused{outline-offset:2px;outline:2px solid #fff}.garage-swatch{background:#888;border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 2px #ffffff59}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pill.record{color:var(--teal)}.key-hint{min-width:22px;height:22px;font-family:var(--body);text-align:center;color:var(--ink);background:#04161ce6;border:1px solid #ffffff59;border-radius:6px;padding:0 5px;font-size:13px;font-weight:500;line-height:21px;position:absolute;bottom:-6px;right:-6px}.hud-ability{border-radius:999px;align-items:center;gap:10px;min-width:190px;padding:8px 14px 8px 8px;display:flex;position:absolute;top:calc(clamp(14px,2vw,28px) + clamp(84px,9vw,116px) + 34px);left:clamp(14px,2vw,28px)}.ability-ring{flex:none;width:44px;height:44px;transform:rotate(-90deg)}.ability-ring-bg{fill:#00000059;stroke:#ffffff1f;stroke-width:4px}.ability-ring-fill{fill:none;stroke:var(--teal);stroke-width:4px;stroke-linecap:round;transition:stroke .2s}.hud-ability .ability-key{flex:none;position:static}.ability-name{font-family:var(--body);letter-spacing:.06em;font-size:16px;font-weight:500}.ability-state{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:12.5px}.hud-ability.mode-cooldown .ability-ring-fill{stroke:#ffffff73}.hud-ability.mode-ready{box-shadow:0 0 0 1px #3fe0d099,0 0 26px #3fe0d059}.hud-ability.mode-ready .ability-state{color:var(--teal)}.hud-ability.mode-active .ability-ring-fill{stroke:var(--orange)}.hud-ability.mode-windup .ability-ring-fill{stroke:#fff;animation:.12s steps(2,end) infinite windup-blink}@keyframes windup-blink{50%{stroke:var(--orange)}}.hud-ability.pop{animation:pop .45s var(--ease-pop)}.hud-effects{flex-wrap:wrap;gap:6px;max-width:260px;display:flex;position:absolute;top:calc(clamp(14px,2vw,28px) + clamp(84px,9vw,116px) + 96px);left:clamp(14px,2vw,28px)}.effect-chip{letter-spacing:.06em;text-transform:uppercase;background:#04161cbf;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:500}.effect-chip.shield,.effect-chip.magnet,.effect-chip.magnetTow,.effect-chip.siren{border-color:var(--teal);color:#c9fff8}.effect-chip.sedated,.effect-chip.neural,.effect-chip.casted{color:#ffd9e0;border-color:#ff9fb0}.hud-banner.effect:before{background:linear-gradient(90deg,#ff9fb000,#ff9fb08c,#ff9fb000)}.hud-banner.ability:before,.hud-banner.shield:before{background:linear-gradient(90deg,#3fe0d000,#3fe0d08c,#3fe0d000)}.hud-banner.warn:before{background:linear-gradient(90deg,#8f8bff00,#8f8bff99,#8f8bff00)}.pause-controls{color:var(--ink-dim);grid-template-columns:auto auto auto auto;gap:6px 10px;margin-top:14px;font-size:12px;display:grid}.standing-specialty{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-left:10px;font-size:12.5px;font-weight:500}.standing-lap{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.standing-row{grid-template-columns:58px 16px 1fr auto auto}.panel-title,.detail-specialty,.card-specialty{padding-top:.14em;line-height:1.05}.char-card .stat{grid-template-columns:66px 1fr;gap:6px}.char-card .stat-label{width:auto;font-family:var(--body);letter-spacing:.02em;white-space:nowrap;font-size:12px}.card-specialty{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(12px,1.02vw,16px);overflow:hidden}@media (max-height:720px){.controls-legend{gap:3px 10px;padding:10px 12px;font-size:12.5px;display:grid;bottom:2vh}.controls-legend kbd{padding:1px 6px}.legend-foot{display:none}.quality{bottom:calc(2vh + 26px)}}.char-card{position:relative}.char-card .pill.beta{background:#2a2856;padding:2px 7px;position:absolute;top:-8px;right:10px}.card-specialty{text-overflow:clip;letter-spacing:.03em;font-size:clamp(11px,.98vw,15px);overflow:visible}.hud-banner.effect,.hud-banner.ability,.hud-banner.shield,.hud-banner.warn{letter-spacing:.1em;-webkit-text-stroke:2px #04161c;padding:6px 26px;font-size:clamp(22px,3vw,40px);top:30%}.brand{text-transform:none}.quality,.quality{top:max(3vh, env(safe-area-inset-top,0px));bottom:auto}.quality{left:max(3vw, env(safe-area-inset-left,0px));top:auto;left:auto;right:auto;right:max(3vw, env(safe-area-inset-right,0px));gap:8px;padding:6px 10px;bottom:calc(3vh + 24px)}.quality .seg{padding:5px 10px;font-size:12.5px}:root{--tier-rare:#5b9dff;--tier-epic:#b98cff;--tier-golden:#ffc94a}.item-frame.tier-rare{border-color:var(--tier-rare);box-shadow:0 12px 30px #00000073,0 0 22px #5b9dff8c}.item-frame.tier-epic{border-color:var(--tier-epic);box-shadow:0 12px 30px #00000073,0 0 26px #b98cffa6}.item-frame.tier-golden{border-color:var(--tier-golden);animation:.9s ease-in-out infinite alternate golden-pulse;box-shadow:0 12px 30px #00000073,0 0 34px #ffc94ad9}.item-frame.tier-rare:before,.item-frame.tier-epic:before,.item-frame.tier-golden:before{opacity:0}@keyframes golden-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.hud-posflash.tier-rare{color:var(--tier-rare);text-shadow:0 0 18px #5b9dffb3}.hud-posflash.tier-epic{color:var(--tier-epic);text-shadow:0 0 18px #b98cffb3}.hud-banner.golden{color:#fff6d8;-webkit-text-stroke:2px #4a3106;white-space:normal;max-width:90vw;font-size:clamp(24px,3.1vw,46px);top:26%}.hud-banner.golden:before{background:linear-gradient(90deg,#ffc94a00,#ffc94a99,#ffc94a00)}.hud-banner.golden.warn{font-size:clamp(20px,2.6vw,36px);top:30%}.hud-banner-sub{font-family:var(--body);letter-spacing:.02em;text-transform:none;-webkit-text-stroke:0;color:#fff;text-shadow:0 2px 6px #000c;max-width:min(720px,86vw);margin-top:6px;margin-left:auto;margin-right:auto;font-size:clamp(13px,1.2vw,17px);font-weight:500}.hud-count.golden{color:#ffe9a8;-webkit-text-stroke:6px #4a3106;filter:drop-shadow(0 10px #00000059)drop-shadow(0 20px 50px #ff5c8a99)}.effect-chip.golden{border-color:var(--tier-golden);color:#fff1c4}.effect-chip.stamped,.effect-chip.timeout{color:#ffd9e0;border-color:#ff9fb0}.tier-badge{font-family:var(--body);letter-spacing:.08em;color:var(--tier,var(--ink-dim));border:1px solid var(--tier,transparent);background:#0000004d;border-radius:999px;padding:2px 8px 1px;font-size:12px;font-weight:500}.tier-badge:empty{display:none}.info-box{--info-top:calc(var(--hud-pad) + clamp(112px, 10.5vw, 156px));--info-bottom:calc(var(--hud-pad) + clamp(170px, 16vw, 240px));right:var(--hud-pad);top:var(--info-top);width:clamp(250px,21vw,320px);max-height:calc(100vh - var(--info-top) - var(--info-bottom));pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute}.info-box>.info-card:first-child{scrollbar-width:thin;flex:0 auto;min-height:min(150px,100%);overflow-y:auto}.info-box>.info-card{flex:none}.info-card{pointer-events:auto;border-radius:14px;padding:9px 12px 10px;font-size:12px;line-height:1.38}.info-card.golden{box-shadow:var(--glass-shadow), 0 0 24px #ffc94a4d;border-color:#ffc94ab3}.info-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.info-title{font-family:var(--body);letter-spacing:.08em;color:var(--ink-dim);font-size:12px;font-weight:500}.info-close{appearance:none;width:24px;height:24px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#0000004d;border:1px solid #fff3;border-radius:50%;margin-left:auto;font-size:16px;line-height:1}.info-close:hover{background:#ffffff26}.info-title-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.info-icon{flex:none;width:40px;height:40px}.info-name{font-size:15px;font-weight:500}.info-name.muted{color:var(--ink-dim)}.info-row strong{color:#fff6d8}.info-row{border-top:1px solid #ffffff12;grid-template-columns:64px 1fr;gap:8px;padding:3px 0;display:grid}.info-label{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);padding-top:1px;font-size:12px;font-weight:500}.info-text{color:var(--ink);margin:0}.info-ability{border-top:1px solid #ffffff24;margin-top:8px;padding-top:8px}.info-ability-head{align-items:center;gap:8px;margin-bottom:3px;display:flex}.info-ability-name{color:var(--orange);font-weight:500}.info-ability-state{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-left:auto;font-size:12.5px}.info-ability .info-text{color:var(--ink-dim)}.info-controls{color:var(--ink-dim);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:5px 8px;display:grid}.info-controls kbd{min-width:34px;padding:2px 5px;font-size:12px}.info-controls span{font-size:12.5px;line-height:1.2}.info-sep{background:#ffc94a73;height:1px;margin:8px 0}@media (max-width:900px),(max-height:560px){.info-box{width:230px;font-size:12.5px}}.detail-row{grid-template-columns:70px 1fr;gap:8px;padding-top:4px;font-size:12.5px;line-height:1.4;display:grid}.detail-row-label{letter-spacing:.06em;text-transform:uppercase;color:var(--teal);padding-top:2px;font-size:12px;font-weight:500}.detail-golden-name{font-family:var(--body);letter-spacing:.06em;color:var(--tier-golden);margin-top:8px;font-size:15px;font-weight:500}.detail-golden-text{color:var(--ink-dim);font-size:12.5px}.glossary-open{top:max(3vh, env(safe-area-inset-top,0px));right:max(3vw, env(safe-area-inset-right,0px));pointer-events:auto;white-space:nowrap;position:absolute}.panel-select>.glossary-open{top:3vh;right:3.5vw}.controls-legend{gap:5px 12px;max-width:min(330px,30vw);padding:12px 14px;font-size:12px}.controls-legend kbd{padding:2px 6px;font-size:12.5px}.char-detail{scrollbar-width:thin;max-height:calc(100vh - 250px);overflow-y:auto}.glossary{pointer-events:auto;-webkit-backdrop-filter:blur(6px);z-index:30;background:#030e128c}.glossary-panel{background:#06181ef7;flex-direction:column;gap:12px;width:min(94vw,980px);max-width:min(94vw,980px);height:min(90vh,860px);display:flex}.glossary-head{flex-direction:column;gap:2px;display:flex;position:relative}.glossary-head .panel-title{margin:0}.glossary-close{width:34px;height:34px;font-size:20px;position:absolute;top:0;right:0}.glossary-tabs{border-radius:18px;flex-wrap:wrap}.glossary-tabs .seg{letter-spacing:.1em;white-space:nowrap;padding:7px 12px;font-size:12px}.glossary-body{scrollbar-width:thin;flex:1;padding-right:8px;overflow-y:auto}.gl-section{margin:4px 0 14px}.gl-title{font-family:var(--display);letter-spacing:.08em;color:var(--teal);margin:0 0 6px;font-size:20px}.gl-lead{color:var(--ink-dim);margin:4px 0 8px;font-size:13px}.gl-list{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}.gl-list li{margin:3px 0}.gl-controls{grid-template-columns:auto auto 1fr;align-items:center;gap:6px 14px;font-size:13px;display:grid}.gl-col{letter-spacing:.16em;color:var(--ink-faint);font-size:12px}.gl-pad{color:var(--ink-dim)}.gl-tiers{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.gl-tier{border:1px solid var(--tier);background:#00000040;border-radius:12px;padding:10px 12px;font-size:12.5px}.gl-tier p{color:var(--ink-dim);margin:4px 0 0}.gl-tier-name{font-family:var(--body);letter-spacing:.1em;color:var(--tier);font-size:16px;font-weight:500}.gl-tier-odds{font-size:12px;font-weight:500}.gl-entry{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin:0 0 10px;padding:12px 14px}.gl-entry-head{align-items:center;gap:12px;margin-bottom:6px;display:flex}.gl-icon{flex:none;width:46px;height:46px}.gl-names{flex:1;min-width:0}.gl-name{font-size:15.5px;font-weight:500}.gl-meta{letter-spacing:.04em;color:var(--ink-faint);font-size:12.5px}.gl-rows{grid-template-columns:minmax(110px,170px) 1fr;gap:4px 14px;margin:0;font-size:13px;line-height:1.45;display:grid}.gl-rows dt{letter-spacing:.05em;text-transform:uppercase;color:var(--teal);padding-top:2px;font-size:12.5px;font-weight:500}.gl-rows dd{margin:0}.gl-flavor{color:var(--ink-faint);margin:8px 0 0;font-size:12.5px;font-style:normal}@media (max-width:640px){.gl-rows{grid-template-columns:1fr}.gl-rows dt{padding-top:6px}}.shop-head{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.shop-balance{font-family:var(--display);letter-spacing:.08em;color:var(--tier-golden);font-size:18px}.garage-price{letter-spacing:.04em;color:var(--tier-golden);margin-left:6px;font-size:12px;font-weight:500}.garage-option.locked{opacity:.72}.garage-option.locked .garage-name:before{content:"🔒 "}.garage-option:not(.locked) .garage-price{display:none}.shop-box{background:#ffc94a14;border:1px solid #ffc94a99;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.shop-text{flex:1;min-width:180px;max-width:300px;font-size:13px}.select-footer:has(.shop-box:not(.hidden)) .select-hint{display:none}.shop-box .btn:disabled{opacity:.5;cursor:not-allowed}.results-reward{text-align:center;margin:12px 0 4px}.results-reward:empty{display:none}.reward-total{font-family:var(--display);letter-spacing:.08em;color:var(--tier-golden);font-size:22px}.reward-lines{color:var(--ink-dim);font-size:12.5px}.reward-balance{color:var(--ink-faint);font-size:12px}.garage-body{scrollbar-width:thin;gap:10px;width:min(52vw,700px);max-height:calc(100vh - 230px);padding:14px 18px;overflow-y:auto}.garage-options{gap:6px}.hud-banner.grid{top:auto;bottom:24%}.shop-head{justify-content:space-between;align-items:center}.rank-chip{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.rank-name{letter-spacing:.03em;font-size:12.5px;font-weight:500}.rank-bar{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.rank-fill{background:var(--accent-grad);height:100%;transition:width .4s var(--ease-out);border-radius:99px}.account-chip{color:var(--ink-dim);border:1px solid var(--glass-border);border-radius:99px;padding:3px 10px;font-size:12.5px}.garage-tabs{flex-wrap:wrap;align-self:flex-start}.garage-tabs .seg.focused,.collection-filter.focused{outline-offset:2px;outline:2px solid #fff}.collection-filter{border-radius:12px;flex-wrap:wrap;gap:6px;display:flex}.filter-chip{--chip:var(--ink-dim);border:1px solid color-mix(in srgb, var(--chip) 55%, transparent);color:var(--ink);cursor:pointer;background:#ffffff08;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.filter-chip.selected{background:color-mix(in srgb, var(--chip) 24%, transparent);border-color:var(--chip)}.chip-count{color:var(--ink-dim);font-size:12px}.chip-count.complete{color:var(--chip);font-weight:500}.garage-content{flex-direction:column;gap:10px;display:flex}.garage-option.tier-premium{border-color:#b98cff8c}.garage-option.tier-meister{background:linear-gradient(100deg,#3fe0d01f,#8f8bff1f);border-color:#3fe0d0bf}.garage-empty{color:var(--ink-faint);font-size:12px}.exam-block{flex-direction:column;gap:8px;display:flex}.rank-list{flex-wrap:wrap;gap:6px;display:flex}.rank-step{border:1px solid var(--glass-border);color:var(--ink-faint);border-radius:99px;padding:3px 10px;font-size:12.5px}.rank-step.reached{color:var(--ink);border-color:var(--teal);background:#3fe0d01f}.exam{background:#ffffff08;border-radius:10px;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:12px;padding:7px 10px;display:grid}.exam.done{background:#3fe0d01a}.exam-name{font-size:13px;font-weight:500}.exam.done .exam-name:after{content:"  ✓";color:var(--teal)}.exam-task{color:var(--ink-dim);font-size:12.5px}.exam-bar{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.exam-fill{background:var(--teal);height:100%}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.badge{--chip:var(--ink-dim);border:1px dashed color-mix(in srgb, var(--chip) 50%, transparent);border-radius:12px;padding:8px 10px}.badge.complete{border-style:solid;border-color:var(--chip);background:color-mix(in srgb, var(--chip) 16%, transparent)}.badge-name{font-size:12.5px;font-weight:500}.badge-count{color:var(--ink-dim);font-size:12.5px}.board-opt{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.board-tracks{flex-wrap:wrap;align-self:flex-start}.board-list{flex-direction:column;gap:4px;margin:0;padding-left:24px;display:flex}.board-row{justify-content:space-between;gap:12px;font-size:13px;display:flex}.board-row.you{color:var(--teal);font-weight:500}.board-time{font-variant-numeric:tabular-nums}.board-empty{color:var(--ink-faint);margin-left:-24px;font-size:12.5px;list-style:none}.reward-notes{color:var(--teal);font-size:12px}.reward-notes:empty{display:none}.item-frame.in-range{border-color:#5cff8a;box-shadow:0 0 0 3px #5cff8a8c,0 0 26px #5cff8a8c}.item-frame.in-range:after{content:"IN REICHWEITE";letter-spacing:.08em;color:#5cff8a;white-space:nowrap;text-shadow:0 1px 3px #000c;font-size:12.5px;font-weight:500;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.garage-teaser{color:var(--ink-dim);border:1px dashed #ffffff47;border-radius:999px;align-items:center;padding:5px 12px;font-size:12.5px;display:inline-flex}.garage-option{padding:6px 12px 6px 8px;font-size:13.5px}.filter-chip{font-size:12.5px}.garage-label{color:var(--ink);opacity:.85;font-size:12.5px}.select-hint,.garage-note,.detail-row-text,.info-text{font-size:13.5px;line-height:1.45}.explain-off .select-hint,.explain-off .garage-note,.explain-off .detail-row,.explain-off .detail-golden-text,.explain-off .difficulty-blurb,.explain-off .controls-legend,.explain-off .exam-task,.explain-off .info-box{display:none!important}.explain-pill{left:50%;top:max(10px, env(safe-area-inset-top,0px));z-index:40;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--ink);font:700 12.5px/1 var(--body);letter-spacing:.04em;cursor:pointer;opacity:.85;border-radius:999px;padding:6px 12px;position:fixed;transform:translate(-50%)}.explain-pill:hover{opacity:1}.garage-tabs .seg{padding-inline:12px;font-size:12.5px}.hud-mirror{aspect-ratio:3.2;pointer-events:none;z-index:5;box-sizing:border-box;border:3px solid #141c2ceb;border-radius:12px;width:min(24vw,320px);position:fixed;top:48px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff59,0 8px 24px #00000059}#ui.photo-mode .screen.menu,#ui.photo-mode .explain-pill{opacity:0;pointer-events:none;transition:opacity .3s}.photo-overlay{z-index:40;cursor:pointer;color:#e9fbff;text-shadow:0 1px 6px #000000b3;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:28px;display:flex;position:fixed;inset:0}.photo-overlay .photo-title{letter-spacing:.32em;color:var(--teal);font-size:13px}.photo-overlay .photo-status{font-size:18px;font-weight:500}.photo-overlay .photo-hint{opacity:.7;font-size:12px}.track-art.has-render{height:clamp(84px,14vh,136px);background-position:50% 45%!important;background-repeat:no-repeat!important;background-size:cover!important}.track-art.has-render .track-art-road{display:none}.char-card{position:relative;overflow:hidden}.char-portrait{opacity:.55;pointer-events:none;background-position:50%;background-size:cover;width:92px;height:92px;position:absolute;top:-6px;right:-14px;-webkit-mask-image:radial-gradient(circle at 55%,#000 45%,#0000 72%);mask-image:radial-gradient(circle at 55%,#000 45%,#0000 72%)}.char-card>:not(.char-portrait){position:relative}.screen.loading.has-render{background-position:50%;background-size:cover}.screen.loading.has-render:before{content:"";background:radial-gradient(#040c1259,#040c12d9);position:absolute;inset:0}.screen.loading.has-render>*{position:relative}.boot-splash{z-index:100;background-color:#071a22;background-position:50%;background-size:cover;transition:opacity .8s;position:fixed;inset:0}.boot-splash.gone{opacity:0;pointer-events:none}.quality .seg.auto-pick{box-shadow:inset 0 -2px 0 var(--teal)}.fps-meter{z-index:60;color:#c9fff8;pointer-events:none;background:#041218b3;border-radius:6px;padding:3px 8px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:8px;left:10px}.results-panel{flex-direction:column;max-height:min(94vh,1000px);padding-bottom:clamp(14px,2vh,22px);display:flex;overflow:hidden}.results-head{flex:none}.results-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:auto;min-height:0;margin:0 -8px;padding:0 8px 4px;overflow-y:auto}.results-body .standings{max-height:none;padding-right:0;overflow:visible}.results-actions{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.results-actions .btn{letter-spacing:.12em;min-width:0;padding:12px 10px;font-size:clamp(13px,1.15vw,16px)}.standing-row{grid-template-columns:34px 14px minmax(0,1fr) auto auto;gap:12px;padding:8px 14px}.standing-place{font-size:20px}.standing-chip{border-radius:4px;width:14px;height:14px}.standing-name{flex-direction:column;gap:2px;min-width:0;font-size:17px;line-height:1.15;display:flex}.standing-who{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.standing-specialty{font-family:var(--body);letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;margin-left:0;font-size:10.5px;overflow:hidden}.standing-lap{white-space:nowrap}.standing-time{text-align:right;white-space:nowrap;min-width:5.6em}.btn.envelope-button.done{color:var(--ink-faint);letter-spacing:.16em;box-shadow:none;cursor:default;background:0 0;border-color:#ffffff1f;padding:8px 18px;font-size:12px;transform:none}#ui[data-state=results]>.explain-pill,#ui[data-state=loading]>.explain-pill{display:none}.help-cluster{top:max(2.4vh, env(safe-area-inset-top,0px));right:max(2.4vw, env(safe-area-inset-right,0px));z-index:40;gap:8px;display:flex;position:fixed}.help-cluster .explain-pill{position:static;transform:none}.help-btn{pointer-events:auto;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);color:var(--ink-dim);font:500 11.5px/1 var(--body);letter-spacing:.14em;white-space:nowrap;cursor:pointer;border-radius:999px;padding:8px 14px;transition:color .15s,border-color .15s}.help-btn:hover{color:var(--ink);border-color:#ffffff59}#ui:not([data-state=title]):not([data-state=characterSelect]):not([data-state=garage]):not([data-state=trackSelect])>.help-cluster{display:none}#ui[data-state=garage]>.help-cluster{right:auto;left:max(2.4vw, env(safe-area-inset-left,0px))}.panel-title-screen .quality{top:max(2.4vh, env(safe-area-inset-top,0px));left:max(2.4vw, env(safe-area-inset-left,0px));bottom:auto;right:auto}.panel-hub .hub-top{width:var(--col)}.panel-hub .hub-season{flex:1;min-width:0}.hub-season-text{white-space:nowrap;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;display:flex}.hub-season-level{color:var(--ink)}.glass.hub-tile{padding-top:40px}.hub-tile-title{overflow-wrap:anywhere;font-size:clamp(16px,1.35vw,20px)}.hub-tile-kicker,.hub-tile-title,.hub-tile-sub{text-shadow:0 1px 2px #000000d9,0 0 14px #0009}.char-card .card-name{min-height:2.5em;line-height:1.25}.detail-beta{letter-spacing:.12em;color:var(--ink-dim);background:#ffffff14;border-radius:999px;align-self:flex-start;margin:2px 0 4px;padding:3px 9px;font-size:10.5px;display:inline-block}.detail-beta.hidden{display:none}.detail-row{grid-template-columns:1fr;gap:2px;padding-top:8px}.detail-row-label{letter-spacing:.16em;font-size:10.5px}.garage-content,.archive-grid,.team-content,.char-detail,.results-body{padding-bottom:18px;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.panel-garage .select-footer{align-self:flex-end;width:min(52vw,700px);margin:0}.track-name-row{gap:8px;min-width:0}.track-card .card-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(14px,1.2vw,18px);overflow:hidden}.track-name-row .stars{flex:none}.controls-legend kbd{white-space:nowrap}@media (max-height:820px){.hub-body{gap:1vh}.hub-title{font-size:clamp(22px,2.8vw,36px)!important}.hub-banner{padding:10px 16px}.hub-banner-title{font-size:18px}.hub-banner-text{display:none}.glass.hub-tile{min-height:0;padding:34px 14px 12px}.hub-tile-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.hub-foot .btn{padding:9px 18px}}.char-portrait{opacity:.32;-webkit-mask-image:radial-gradient(circle at 70% 45%,#000 30%,#0000 68%);mask-image:radial-gradient(circle at 70% 45%,#000 30%,#0000 68%)}.char-card.selected .char-portrait,.char-card.focused .char-portrait{opacity:.55}.seg.off{opacity:.4;cursor:default}.archive-stats{grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);align-items:start;gap:10px 24px}.archive-total{grid-area:1/1}.archive-bars{grid-area:1/2/span 2}.archive-pity{grid-area:3/2}.archive-stats>.btn{grid-area:2/1/span 2;place-self:end start;padding:10px 18px;font-size:13px}.season-track-wrap{border-radius:16px;position:relative;overflow:hidden}.season-track-wrap:before,.season-track-wrap:after{content:"";z-index:1;pointer-events:none;width:48px;position:absolute;top:0;bottom:0}.season-track-wrap:before{background:linear-gradient(90deg,#071e26,#071e2600);left:0}.season-track-wrap:after{background:linear-gradient(270deg,#071e26,#071e2600);right:0}.season-track-wrap .season-track{box-shadow:none;background:0 0;border:0;padding-inline:40px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:6vh 8%;display:flex}.empty-kicker{font-family:var(--display);letter-spacing:.3em;color:var(--teal);font-size:11px}.empty-title{font-family:var(--display);font-size:clamp(24px,2.4vw,34px)}.empty-text{max-width:46ch;color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.5}.empty-locations{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.empty-location{--loc:#004bc8;color:var(--ink-dim);background:radial-gradient(circle at 11px 50%, var(--loc) 0 4px, transparent 5px), #ffffff0d;border-radius:999px;padding:4px 10px 4px 22px;font-size:11.5px}.team-content{flex-direction:column;display:flex}.team-content>*{flex:none}.team-content>.empty-state{flex:1}.glossary-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.glossary-tabs .seg{letter-spacing:.08em;flex:none;padding:7px 10px;font-size:11.5px}:is(#ui:has(>.glossary:not(.hidden))>.help-cluster,#ui:has(>.envelope-overlay:not(.hidden))>.help-cluster){display:none}.find-art .plate.plate-large{max-width:100%;padding:8px 14px;font-size:17px}.panel-select.panel-hub{justify-content:flex-start}.panel-hub .hub-body{margin-block:auto}.panel-hub .hub-season-text{font-size:11px}.daily-day{color:var(--ink);text-shadow:0 1px 3px #000000e6}.daily-day:before{content:"";background:var(--card-accent);width:8px;height:8px;box-shadow:0 0 8px var(--card-accent);vertical-align:1px;border-radius:50%;margin-right:7px;display:inline-block}.daily-track,.daily-mod,.daily-best{text-shadow:0 1px 3px #000000e6}.board-opt{color:var(--ink-dim);background:#ffffff0a;border-radius:12px;justify-content:space-between;padding:8px 12px;font-size:13px}.board-opt .btn{letter-spacing:.12em;padding:7px 14px;font-size:12px}.board-tracks{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.board-tracks .seg{flex:none;padding:7px 12px;font-size:12px}.board-list{gap:6px;padding-left:0;list-style:none}.board-row{background:#ffffff0a;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto 92px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:grid}.board-row.you{color:var(--ink);background:linear-gradient(90deg,#3fe0d02e,#5082fa1a);box-shadow:inset 0 0 0 1px #3fe0d073}.board-rank{width:auto;font-size:15px}.board-who{min-width:0}.board-who .plate{flex:0 auto;min-width:0}.board-real{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-extra{white-space:nowrap;margin-right:0}.board-time{text-align:right;font-family:var(--display);font-size:14px}.board-row.you .board-time{color:var(--teal)}.board-empty{margin-left:0;padding:10px 12px}.info-box{--info-bottom:calc(var(--hud-pad) + 244px)}.hud-speed{bottom:max(10px, calc(var(--hud-pad) * .6));width:clamp(112px,11vw,170px)}.hud{z-index:10}.screen.pause,.screen.results{z-index:30}.screen.glossary{z-index:50}@media (max-height:820px){.results-panel .results-title{margin:0 0 2px;font-size:clamp(34px,5vw,56px)}.results-sub{margin-bottom:10px}.results-body .standings{gap:4px}.results-body .standing-row{padding:5px 12px}.results-body .standing-name{font-size:15px}.results-body .standing-specialty{font-size:9.5px}.results-meta{gap:8px;margin-top:10px}}@media (max-aspect-ratio:1){.panel-select{padding-top:calc(3vh + 44px)}.panel-hub,.panel-meta,.panel-chars{--col:93vw}.char-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.char-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.char-detail{align-self:stretch;min-height:0;max-height:none;overflow-y:auto}.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-hub .hub-top{flex-wrap:wrap}.panel-hub .hub-season{flex:100%}.panel-garage .garage-body,.panel-garage .select-footer{width:93vw}.panel-garage .garage-body{max-height:46vh;margin-top:auto}.panel-tracks{justify-content:flex-start}.panel-tracks .select-header{align-self:flex-start;position:static}.panel-tracks .card-grid{flex:auto;align-content:start;min-height:0;padding:6px 4px 18px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card .card-tag{display:none}.track-grid{grid-auto-rows:max-content}.track-card{min-height:max-content}.track-card .track-art.has-render{height:clamp(84px,11vh,120px)}.panel-title-screen{padding-top:calc(3vh + 56px)}.panel-title-screen .controls-legend{display:none}.panel-title-screen .quality{width:-moz-fit-content;width:fit-content;margin-inline:auto;inset:auto 0 calc(4vh + 96px)}}.hud.solo .info-box>.info-card:first-child{display:none}.hub-tile.tile-season .hub-tile-title{overflow-wrap:normal;white-space:nowrap;font-size:clamp(14px,1.15vw,18px)}.hud-count.hud-breath{letter-spacing:.04em;font-size:clamp(54px,8vw,120px)}.hud-count-sub{letter-spacing:.24em;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:2px #1a0a2e;margin-top:.12em;font-size:.3em;display:block}.hud-go .hud-count-sub{letter-spacing:.3em;font-size:.16em}.hud-banner.lap,.hud-banner.final{font-size:clamp(26px,3.8vw,56px)}.wrongway-text{flex-direction:column;align-items:center;line-height:1.1;display:flex}.wrongway-sub{letter-spacing:.12em;opacity:.85;font-size:.45em}.effect-chip.softTissue{color:#e4f5c8;border-color:#b0d678b3}.results-procedere{color:var(--ink-dim);letter-spacing:.02em;margin-top:2px;font-size:12.5px}.loading-briefing{text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:18px;padding:12px 16px}.loading-briefing-label{letter-spacing:.24em;color:var(--teal);margin-bottom:6px;font-size:11px}.loading-briefing-list{color:var(--ink);margin:0;padding-left:18px;font-size:14px;line-height:1.45}.hud-center{z-index:4}.loading-go{width:100%;color:var(--ink);font:inherit;letter-spacing:.18em;cursor:pointer;animation:fade-up .35s var(--ease-out) both;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;margin-top:16px;padding:12px 16px;font-size:13px;display:block;position:relative;overflow:hidden}.loading-go[hidden]{display:none}.loading-go-label{z-index:1;position:relative}.loading-go-fill{background:var(--accent-grad);transform-origin:0;height:3px;position:absolute;inset:auto 0 0;transform:scaleX(0)}.loading-go:hover,.loading-go:focus-visible{background:#ffffff24}.screen.loading.ready .loading-track{opacity:.35}.screen.loading.ready{cursor:pointer}.mode-rules{flex-wrap:wrap;justify-content:flex-start;gap:6px 8px;margin-top:8px;display:flex}.mode-rules:empty{display:none}.mode-rule{color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:baseline;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.mode-rule-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:10.5px}@media (max-aspect-ratio:1){.panel-tracks .mode-rules{display:none}}