:root{--ink: #e8eef5;--dim: rgba(232, 238, 245, .52);--faint: rgba(232, 238, 245, .24);--bg: #0a0e14;--panel: rgba(10, 14, 20, .82);--edge: rgba(232, 238, 245, .14);--hot: #ff4d3d;--good: #2fd6a3;--purple: #a76bff;--amber: #ffb03d;--c0: #ff4d3d;--c1: #2f9bff;--c2: #2fd6a3;--c3: #a76bff;--c4: #f0e2c0;--num: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}.app,.canvas-host{position:fixed;inset:0}.canvas-host canvas{display:block;width:100%;height:100%}.stage-veil{position:fixed;inset:0;z-index:1;background:#04060a;opacity:0;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit;color:inherit}.menu{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;isolation:isolate;background:radial-gradient(80% 55% at 12% 8%,rgba(47,155,255,.1) 0%,transparent 62%),radial-gradient(70% 50% at 88% 4%,rgba(255,77,61,.1) 0%,transparent 60%),linear-gradient(178deg,#080b12cc,#06090e85 42%,#04060ac7)}.menu:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;background:radial-gradient(48% 40% at 26% 32%,rgba(255,77,61,.16) 0%,transparent 70%),radial-gradient(52% 44% at 74% 66%,rgba(47,155,255,.14) 0%,transparent 70%)}.menu:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(101deg,transparent 0 62px,rgba(232,238,245,.028) 62px 63px,transparent 63px 132px),radial-gradient(130% 96% at 50% 44%,transparent 42%,rgba(3,5,9,.82) 100%)}.menu-inner{position:relative;width:min(940px,100% - 2.5rem);max-width:100%;margin:auto;padding:clamp(1rem,4vh,2.5rem) 0 clamp(1.25rem,5vh,3rem)}.menu-inner>*,.menu-inner button,.menu-inner input{min-width:0;max-width:100%}.quality-row{flex-wrap:wrap}@media(max-height:860px){.brand h1{font-size:clamp(2rem,5.4vw,3rem)}.brand p{margin:.15rem 0 1.1rem}.mode-picker{gap:.45rem;margin:.8rem 0}.mode-card{padding:.8rem 1.1rem}.mc-sub{font-size:.72rem}.track-card{padding:.7rem .8rem .6rem;gap:.18rem}.track-card .tname{font-size:1.05rem}.track-card .tline{min-height:0}.menu-actions{margin-top:.9rem}.controls-legend{margin-top:1rem}}@media(max-height:800px){.tracks{gap:.5rem}.track-card{padding-right:84px}.track-card .tline{font-size:.72rem;line-height:1.25}.track-card .tstats,.track-card .tpb{font-size:.64rem}.track-card .tpb{margin-top:.2rem}.quality-row{margin:.35rem 0}.name{padding:.5rem .7rem}.go{padding:.6rem 1.6rem}.controls-legend{margin-top:.7rem;padding-top:.6rem;font-size:.66rem}}.brand h1{margin:0;font-size:clamp(2.6rem,8vw,4.4rem);font-weight:800;font-style:italic;letter-spacing:.26em;text-indent:.26em;background:linear-gradient(100deg,#fff 20%,#ff8a7a 60%,#ff4d3d 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:.2rem 0 2rem;font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:var(--dim)}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.7rem}.track-card{position:relative;display:flex;flex-direction:column;gap:.28rem;padding:1rem 1rem .9rem;text-align:left;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(168deg,#0e131be6,#090d13d6);box-shadow:0 10px 30px #00000057;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.track-card:hover{background:linear-gradient(168deg,#1a212de0,#10151ec2);transform:translateY(-2px);box-shadow:0 16px 40px #00000070}.track-card.on{border-color:var(--hot);background:linear-gradient(168deg,#ff4d3d29,#ff4d3d0a);box-shadow:0 0 0 1px #ff4d3d57,0 16px 44px #ff4d3d24}.track-card .diff{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.track-card .diff.beginner{color:var(--good)}.track-card .diff.intermediate{color:var(--amber)}.track-card .diff.advanced{color:var(--hot)}.track-card .tname{font-size:1.24rem;font-weight:700;letter-spacing:.02em}.track-card .tline{font-size:.78rem;color:var(--dim);line-height:1.35;min-height:2.1em}.track-card .tstats{font-size:.68rem;color:var(--faint);font-family:var(--num)}.track-card .tpb{margin-top:.35rem;font-size:.72rem;font-family:var(--num);color:var(--good)}.menu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem}.name{flex:0 1 200px;padding:.72rem .9rem;background:#ffffff0a;border:1px solid var(--edge);border-radius:3px;outline:none;letter-spacing:.04em}.name:focus{border-color:var(--hot)}.go{padding:.78rem 2.6rem;background:var(--hot);color:#120806;font-weight:800;letter-spacing:.18em;border-radius:3px;transition:filter .12s,transform .12s}.go:hover{filter:brightness(1.12)}.go:active{transform:translateY(1px)}.go.small{padding:.55rem 1.4rem;letter-spacing:.1em}.ghost{padding:.74rem 1.3rem;border:1px solid var(--edge);border-radius:3px;color:var(--dim);letter-spacing:.06em;transition:color .12s,border-color .12s}.ghost:hover{color:var(--ink);border-color:#e8eef557}.ghost.small{padding:.5rem 1rem;font-size:.84rem}.join{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.join input{width:6.5rem;padding:.6rem .8rem;text-align:center;letter-spacing:.4em;font-family:var(--num);background:#ffffff0a;border:1px solid var(--edge);border-radius:3px;outline:none}.join .hintline{flex-basis:100%;margin:.2rem 0 0;font-size:.74rem;color:var(--faint)}.quality-row{display:flex;align-items:center;gap:.4rem;margin-top:1.6rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.q{padding:.4rem .85rem;border:1px solid var(--edge);border-radius:2px;font-size:.72rem;letter-spacing:.08em;color:var(--dim)}.q.on{border-color:var(--hot);color:var(--ink);background:#ff4d3d1a}.controls-legend{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.8rem;padding-top:1.1rem;border-top:1px solid var(--edge);font-size:.72rem;color:var(--faint)}.controls-legend .pad{margin-left:auto}kbd{display:inline-block;min-width:1.5em;padding:.1em .35em;margin-right:.15em;text-align:center;border:1px solid var(--edge);border-bottom-width:2px;border-radius:3px;font-family:var(--num);font-size:.78em}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.65);opacity:0;transition:opacity .35s ease}.hud.racing{opacity:1}.hud.idle{opacity:.35}.hud-tl{position:absolute;top:1.1rem;left:1.3rem;display:flex;gap:1.4rem;align-items:flex-end}.pos-block,.lap-block{display:flex;align-items:baseline;gap:.4rem}.pos{font-size:3.6rem;font-weight:800;font-style:italic;line-height:.85;font-family:var(--num)}.pos.bump-a{animation:bump .32s cubic-bezier(.2,1.6,.4,1)}.pos.bump-b{animation:bump-b .32s cubic-bezier(.2,1.6,.4,1)}@keyframes bump{0%{transform:scale(1);color:var(--ink)}35%{transform:scale(1.28);color:var(--amber)}to{transform:scale(1);color:var(--ink)}}@keyframes bump-b{0%{transform:scale(1);color:var(--ink)}35%{transform:scale(1.28);color:var(--amber)}to{transform:scale(1);color:var(--ink)}}.pos-label,.lap-label{font-size:.6rem;letter-spacing:.22em;color:var(--dim)}.lap{font-size:1.5rem;font-weight:700;font-family:var(--num)}.hud-tr{position:absolute;top:1.1rem;right:1.3rem;display:flex;flex-direction:column;align-items:flex-end;gap:.7rem}.timing{text-align:right}.time-row{display:flex;align-items:baseline;justify-content:flex-end;gap:.55rem}.time-row .k{font-size:.58rem;letter-spacing:.2em;color:var(--dim)}.time-row .v{font-family:var(--num);font-size:1.02rem}.time-row .v.big{font-size:1.5rem;font-weight:700}.minimap{width:210px;height:210px;opacity:.98;filter:drop-shadow(0 3px 10px rgba(0,0,0,.75))}.map-face{fill:none;stroke:none}.map-track-bg{fill:none;stroke:#000000b3;stroke-width:5.5;stroke-linejoin:round}.map-track{fill:none;stroke:#e8eef5a6;stroke-width:2.6;stroke-linejoin:round}.dot-marker{transition:transform .04s linear}.dot-blob{fill:#fff;stroke:#0000008c;stroke-width:.6}.dot-name{font-size:3.1px;font-weight:700;letter-spacing:.02em;text-anchor:middle;paint-order:stroke;stroke:#000000b3;stroke-width:.9px}.dot-marker.me .dot-blob{fill:#fff;stroke:#ff4d3d;stroke-width:1.1}.dot-marker.c0 .dot-name{fill:var(--c0)}.dot-marker.c1 .dot-name{fill:var(--c1)}.dot-marker.c2 .dot-name{fill:var(--c2)}.dot-marker.c3 .dot-name{fill:var(--c3)}.dot-marker.c4 .dot-name{fill:var(--c4)}.hud-centre{position:absolute;left:50%;top:58%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.delta-row{margin-top:.15rem}.time-row .v.delta{font-family:var(--num);font-size:1.15rem;font-weight:700;min-width:4.6ch;transition:color .15s}.delta[data-sign=up]{color:var(--good)}.delta[data-sign=down]{color:var(--hot)}.delta[data-sign=none]{color:transparent}.warn{font-size:.9rem;font-weight:700;letter-spacing:.28em;color:var(--amber);animation:blink .9s steps(2,jump-none) infinite}.warn:empty{animation:none}.warn[data-kind=bad]{color:var(--hot)}@keyframes blink{50%{opacity:.35}}.hud-bl{position:absolute;bottom:1.3rem;left:1.3rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.gaps{display:flex;flex-direction:column;gap:.15rem;font-family:var(--num);font-size:.94rem}.gap{color:var(--dim)}.gap.up{color:#fffc}.tow{align-self:flex-start;padding:.18rem .6rem;border:1px solid var(--good);border-radius:2px;color:var(--good);font-size:.64rem;font-weight:700;letter-spacing:.24em;opacity:0;transition:opacity .12s}.hud-br{position:absolute;right:1.4rem;bottom:1.15rem;width:270px;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none;z-index:20}.tacho{position:relative;width:270px;height:235px;overflow:visible;background:transparent;border:0;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}.tacho svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dial-track{fill:none;stroke:#ffffff1a;stroke-width:1.5;stroke-linecap:round}.dial-red{fill:none;stroke:var(--hot);stroke-width:2.4;stroke-linecap:round;opacity:.34;filter:drop-shadow(0 0 3px rgba(255,50,45,.45))}.dial-fill{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;color:var(--ink);filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 7px currentColor);transition:stroke .06s linear,color .06s linear}.tacho[data-zone=high] .dial-fill{stroke:var(--amber);color:var(--amber);filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 9px currentColor)}.tacho[data-zone=limit] .dial-fill{stroke:var(--hot);color:var(--hot);filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 10px currentColor)}.tick{stroke-linecap:round;vector-effect:non-scaling-stroke}.tick.minor{stroke:#ffffff38;stroke-width:.55}.tick.major{stroke:#ffffffa6;stroke-width:1.15}.tacho[data-zone=limit] .tick.major{stroke:#ff4b41e6}.needle{fill:var(--ink);transform-origin:50px 34px;filter:drop-shadow(0 0 3px currentColor);transition:fill .05s linear}.needle-cap{fill:var(--ink);filter:drop-shadow(0 0 3px currentColor)}.tacho[data-zone=high] .needle,.tacho[data-zone=high] .needle-cap{fill:var(--amber)}.tacho[data-zone=limit] .needle{fill:var(--hot);filter:drop-shadow(0 0 4px currentColor)}.tacho[data-zone=limit] .needle-cap{fill:var(--hot)}.dial-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:8px;pointer-events:none}.dial-centre .gear{display:block;margin:0;padding:0;font-family:var(--num);font-size:4.4rem;font-weight:900;line-height:.82;letter-spacing:-.08em;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.45),0 0 10px rgba(255,255,255,.08)}.rpm-num{margin-top:.65rem;font-family:var(--num);font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.08em;color:var(--dim);text-shadow:0 1px 4px rgba(0,0,0,.55)}.rpm-unit{margin-top:.2rem;font-family:var(--num);font-size:.4rem;font-weight:700;line-height:1;letter-spacing:.3em;color:var(--faint)}.speedo{position:absolute;left:50%;bottom:7px;transform:translate(-50%);display:flex;align-items:baseline;justify-content:center;gap:.35rem;white-space:nowrap}.speedo .kmh{font-family:var(--num);font-size:2.05rem;font-weight:850;line-height:1;letter-spacing:-.065em;color:var(--ink);text-shadow:0 2px 8px rgba(0,0,0,.55)}.speedo .unit{font-family:var(--num);font-size:.47rem;font-weight:700;line-height:1;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}.tacho[data-zone=high]~.speedo .kmh{text-shadow:0 2px 8px rgba(0,0,0,.55),0 0 8px rgba(255,180,50,.2)}.tacho[data-zone=limit]~.speedo .kmh{text-shadow:0 2px 8px rgba(0,0,0,.55),0 0 10px rgba(255,55,50,.3)}@media(max-width:1100px){.hud-br{right:1rem;bottom:.9rem;width:240px;height:240px}.tacho{width:240px;height:210px}.dial-centre .gear{font-size:3.8rem}.speedo .kmh{font-size:1.8rem}}@media(max-width:700px){.hud-br{right:.55rem;bottom:.55rem;width:195px;height:195px}.tacho{width:195px;height:175px}.dial-centre .gear{font-size:3.15rem}.rpm-num{margin-top:.5rem;font-size:.55rem}.rpm-unit{font-size:.34rem}.speedo{bottom:4px}.speedo .kmh{font-size:1.45rem}.speedo .unit{font-size:.38rem}}@media(max-width:480px){.hud-br{width:165px;height:165px;right:.35rem;bottom:.35rem}.tacho{width:165px;height:150px}.dial-centre .gear{font-size:2.7rem}.rpm-num{font-size:.48rem}.speedo .kmh{font-size:1.2rem}}.speedo{display:flex;align-items:baseline;gap:.4rem}.kmh{font-family:var(--num);font-size:3.4rem;font-weight:800;line-height:.9;letter-spacing:-.02em}.unit{font-size:.62rem;letter-spacing:.2em;color:var(--dim)}.gear{margin-left:.5rem;padding:.1rem .55rem;border:1px solid var(--edge);border-radius:2px;font-family:var(--num);font-size:1.5rem;font-weight:700}.hud-stat{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);font-family:var(--num);font-size:.62rem;color:var(--faint)}.hint{position:absolute;bottom:22%;left:50%;transform:translate(-50%);font-size:.68rem;letter-spacing:.24em;color:var(--dim);animation:fadeOut 5s forwards}@keyframes fadeOut{0%,60%{opacity:1}to{opacity:0}}.tower{position:absolute;top:50%;left:1.3rem;transform:translateY(-50%);min-width:200px;padding:.7rem .8rem;background:var(--panel);border:1px solid var(--edge);border-radius:3px}.tower-head{font-size:.58rem;letter-spacing:.24em;color:var(--dim);margin-bottom:.45rem}.tower-row{display:flex;align-items:center;gap:.55rem;padding:.18rem 0;font-size:.86rem}.tower-row.me{color:var(--amber)}.tower-row .p{width:1.1em;font-family:var(--num);color:var(--dim)}.tower-row .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tower-row .l{font-family:var(--num);font-size:.74rem;color:var(--dim)}.chip{width:9px;height:9px;border-radius:50%;flex:none}.chip.c0{background:var(--c0)}.chip.c1{background:var(--c1)}.chip.c2{background:var(--c2)}.chip.c3{background:var(--c3)}.chip.c4{background:var(--c4)}.lobby{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8vh;pointer-events:none;background:linear-gradient(0deg,rgba(6,9,13,.72) 0%,transparent 45%)}.lobby.forming{opacity:.6;transition:opacity .6s}.lobby-card{pointer-events:auto;width:min(660px,92vw);padding:1.2rem 1.4rem 1.1rem;background:var(--panel);border:1px solid var(--edge);border-radius:4px;backdrop-filter:blur(10px)}.lobby-head{margin-bottom:.8rem}.lobby-head .tname{display:block;font-size:1.3rem;font-weight:700}.lobby-head .tline{font-size:.76rem;color:var(--dim)}.grid-list{display:flex;flex-direction:column;gap:.25rem}.slot{display:flex;align-items:center;gap:.6rem;padding:.32rem .5rem;border-radius:2px;font-size:.9rem;color:var(--faint);background:#ffffff05}.slot.filled{color:var(--ink);background:#ffffff0d}.slot.me{box-shadow:inset 2px 0 0 var(--amber)}.slot .n{flex:1}.slot .you{font-size:.6rem;letter-spacing:.2em;color:var(--amber)}.slot.ready{box-shadow:inset 2px 0 0 var(--good)}.slot .tag{font-size:.56rem;letter-spacing:.18em;padding:.12rem .35rem;border-radius:2px;border:1px solid var(--edge);color:var(--dim)}.slot .tag.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,transparent)}.slot .tag.wait{color:var(--dim)}.slot .tag.host{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,transparent)}.slot .tag.spec{color:var(--faint)}.lobby-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.lobby-controls .go[disabled]{opacity:.4;cursor:default}.lobby-controls button,.menu-actions button{white-space:nowrap}.room-code-block{display:flex;flex-direction:column;gap:.3rem;margin-top:.9rem;padding:.85rem 1rem .9rem;border:1px solid color-mix(in srgb,var(--amber) 34%,transparent);border-radius:4px;background:linear-gradient(150deg,#ffb03d1a,#ffb03d08)}.rc-label{font-size:.58rem;letter-spacing:.28em;color:var(--amber)}.rc-label.warn{color:var(--hot)}.rc-code{display:flex;align-items:center;gap:.9rem;padding:0;text-align:left;transition:filter .12s}.rc-code:hover{filter:brightness(1.15)}.rc-code:active{transform:translateY(1px)}.rc-chars{font-family:var(--num);font-size:clamp(2rem,6vw,2.7rem);font-weight:800;letter-spacing:.32em;line-height:1;color:var(--ink);text-shadow:0 2px 16px rgba(255,176,61,.25)}.rc-copy{flex:none;padding:.32rem .7rem;border:1px solid var(--edge);border-radius:3px;font-size:.58rem;font-weight:700;letter-spacing:.2em;color:var(--dim);white-space:nowrap;transition:color .14s,border-color .14s,background .14s}.rc-code:hover .rc-copy{color:var(--ink);border-color:var(--amber)}.rc-code.copied .rc-copy{color:#0a1410;background:var(--good);border-color:var(--good)}.rc-hint{font-size:.68rem;color:var(--dim)}.mode-picker{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0}.mode-card{position:relative;display:flex;flex-direction:column;gap:.28rem;text-align:left;padding:1.15rem 1.3rem;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(168deg,#0e131be8,#090d13d9);box-shadow:0 10px 30px #00000057;color:var(--ink);cursor:pointer;overflow:hidden;transition:background .16s,border-color .16s,transform .12s,box-shadow .16s}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--hot),var(--amber));transform:scaleY(0);transform-origin:50% 0;transition:transform .2s ease}.mode-card:hover:before{transform:scaleY(1)}.mode-card:hover{background:linear-gradient(168deg,#1c2330e6,#121720c7);border-color:#ffb03d80;transform:translateY(-2px);box-shadow:0 16px 40px #00000070}.mc-title{font-size:1.05rem;font-weight:700;letter-spacing:.04em}.mc-sub{font-size:.76rem;color:var(--dim)}.joinerror{color:var(--hot);font-size:.78rem;margin-top:.4rem}.spectate-bar{pointer-events:auto;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;border:1px solid var(--edge);border-radius:3px;background:#080b0fb8;font-size:.72rem;letter-spacing:.16em;color:var(--dim)}.spectate-bar b{color:var(--ink);letter-spacing:.04em}.lobby-foot{display:flex;align-items:baseline;gap:.6rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--edge)}.countdown-label{font-size:.6rem;letter-spacing:.24em;color:var(--dim)}.countdown-num{font-family:var(--num);font-size:1.5rem;font-weight:700}.grid-banner{position:fixed;top:7vh;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.3rem;pointer-events:none;animation:toastIn .5s ease}.gb-name{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;font-style:italic;letter-spacing:.14em;text-shadow:0 2px 18px rgba(0,0,0,.7)}.gb-sub{font-size:.66rem;letter-spacing:.3em;color:var(--dim);text-transform:uppercase}.countdown{position:fixed;inset:0;z-index:25;display:flex;align-items:flex-start;justify-content:center;padding-top:9vh;pointer-events:none}.lights{display:flex;gap:.9rem;padding:.9rem 1.2rem;background:#06080c8c;border-radius:999px;backdrop-filter:blur(4px);transition:opacity .08s}.lights.out{opacity:0}.light{width:clamp(26px,4.4vw,46px);height:clamp(26px,4.4vw,46px);border-radius:50%;background:#ffffff12;box-shadow:inset 0 0 0 2px #ffffff1f;transition:background .05s,box-shadow .05s}.light.on{background:#ff2a18;box-shadow:inset 0 0 0 2px #ff786480,0 0 26px 6px #ff2a1880}.results{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#06090db8;backdrop-filter:blur(7px);animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-card{width:min(560px,92vw);padding:1.6rem 1.6rem 1.2rem;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.results-card header{margin-bottom:1rem}.results-card h2{margin:0;font-size:2.2rem;font-weight:800;font-style:italic;letter-spacing:.06em}.results-card .sub{font-size:.72rem;letter-spacing:.16em;color:var(--dim);text-transform:uppercase}.result-rows{list-style:none;margin:0;padding:0}.result-rows li{display:flex;align-items:center;gap:.6rem;padding:.4rem;border-bottom:1px solid rgba(232,238,245,.07);font-size:.94rem}.result-rows li.me{color:var(--amber);background:#ffb03d0f}.result-rows .p{width:1.4em;font-family:var(--num);color:var(--dim)}.result-rows .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-rows .t{font-family:var(--num)}.result-rows .b{font-family:var(--num);font-size:.78rem;color:var(--dim);min-width:5.4em;text-align:right}.pb-note{margin-top:.9rem;font-size:.84rem;color:var(--dim)}.pb-note.good{color:var(--good);font-weight:600}.results-foot{display:flex;align-items:center;gap:1rem;margin-top:1.2rem}.next{display:flex;align-items:baseline;gap:.5rem;font-size:.62rem;letter-spacing:.2em;color:var(--dim)}.next b{font-family:var(--num);font-size:1.4rem;color:var(--ink);letter-spacing:0}.next .reverse{letter-spacing:.12em;color:var(--faint)}.results-foot .ghost{margin-left:auto}.toasts{position:fixed;top:30%;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.toast{display:flex;align-items:baseline;gap:.7rem;padding:.3rem .9rem;background:#06090d9e;border-left:2px solid var(--dim);border-radius:2px;animation:toastIn .24s cubic-bezier(.2,1.4,.4,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}.toast .t{font-size:.6rem;letter-spacing:.22em;color:var(--dim)}.toast .v{font-family:var(--num);font-size:1.05rem;font-weight:700}.toast.green{border-left-color:var(--good)}.toast.green .t{color:var(--good)}.toast.purple{border-left-color:var(--purple)}.toast.purple .t{color:var(--purple)}.toast.bad{border-left-color:var(--hot)}.toast.bad .t{color:var(--hot)}.settings-scrim{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#06090dc7}.settings{width:min(440px,92vw);padding:1.4rem;background:var(--panel);border:1px solid var(--edge);border-radius:4px}.settings h3{margin:0 0 1rem;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase}.srow{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.slabel{flex:0 0 8rem;font-size:.82rem;color:var(--dim)}.scontrol{display:flex;align-items:center;gap:.4rem;flex:1}.scontrol input[type=range]{flex:1;accent-color:var(--hot)}.toggle{width:40px;height:22px;border-radius:999px;background:#e8eef524;position:relative;transition:background .15s}.toggle.on{background:var(--hot)}.toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on i{transform:translate(18px)}.settings-info{display:flex;justify-content:space-between;margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid var(--edge);font-size:.72rem;color:var(--faint);font-family:var(--num)}.settings-foot{display:flex;gap:.6rem;margin-top:1rem}.settings-foot .ghost{margin-left:auto}.chat{--chat-clear: 17.5rem;position:absolute;left:1.3rem;bottom:calc(1.3rem + var(--chat-clear));z-index:12;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.35rem;width:min(360px,30vw);max-height:calc(100vh - var(--chat-clear) - 9rem);pointer-events:none}.chat.ducked{opacity:0;transition:opacity .14s}.chat-panel{display:flex;flex-direction:column;min-height:0;width:100%}.chat-log{display:flex;flex-direction:column;gap:.18rem;width:100%;min-height:0;overflow:hidden}.chat-line{display:flex;align-items:baseline;gap:.4rem;font-size:.82rem;line-height:1.32;text-shadow:0 1px 3px rgba(0,0,0,.9);overflow-wrap:anywhere}.chat-line .cl-name{flex:none;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--dim)}.chat-line.c0 .cl-name{color:var(--c0)}.chat-line.c1 .cl-name{color:var(--c1)}.chat-line.c2 .cl-name{color:var(--c2)}.chat-line.c3 .cl-name{color:var(--c3)}.chat-line.c4 .cl-name{color:var(--c4)}.chat-line .cl-text{color:var(--ink)}.chat-line .cl-emote{font-size:1.2rem;line-height:1}.chat.idle .chat-line{animation:chatFade 9s ease-in forwards}@keyframes chatFade{0%,62%{opacity:1}to{opacity:0}}.chat.open .chat-panel{pointer-events:auto;border:1px solid var(--edge);border-radius:5px;background:#080b0fe0;backdrop-filter:blur(12px);box-shadow:0 12px 34px #00000080;overflow:hidden}.chat.open .chat-log{overflow-y:auto;padding:.55rem .65rem;scrollbar-width:thin;scrollbar-color:rgba(232,238,245,.2) transparent}.chat.open .chat-log:empty{display:none}.chat-entry{display:flex;gap:.4rem;padding:.5rem .55rem;border-top:1px solid var(--edge)}.chat-log:empty+.chat-entry{border-top:none}.chat-entry input{flex:1;min-width:0;padding:.44rem .6rem;border:1px solid var(--edge);border-radius:3px;background:#ffffff0f;font-size:.86rem}.chat-entry input::placeholder{color:var(--faint)}.chat-entry input:focus{outline:none;border-color:var(--amber);background:#ffffff17}.chat-send{flex:none;padding:.44rem .85rem;border-radius:3px;background:var(--hot);color:#120806;font-size:.64rem;font-weight:800;letter-spacing:.14em;white-space:nowrap}.chat-send:hover{filter:brightness(1.12)}.chat-emotes{display:flex;flex-wrap:nowrap;gap:.2rem;padding:.4rem .55rem .5rem;border-top:1px solid var(--edge);background:#ffffff08}.chat-emotes button{position:relative;flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;height:2.15rem;padding-bottom:.32rem;border:1px solid transparent;border-radius:4px;transition:border-color .12s,background .12s,transform .1s}.chat-emotes button:hover{border-color:var(--amber);background:#ffb03d1f;transform:translateY(-1px)}.chat-emotes .ce-char{font-size:1.1rem;line-height:1}.chat-emotes .ce-key{position:absolute;left:0;right:0;bottom:1px;text-align:center;font-family:var(--num);font-size:.5rem;color:var(--faint)}.chat-foot{display:flex;gap:.7rem;padding:.32rem .6rem .42rem;border-top:1px solid var(--edge);font-size:.58rem;letter-spacing:.04em;color:var(--dim)}.chat-foot kbd{padding:0 .22rem;border:1px solid var(--edge);border-radius:2px;font-family:var(--num);font-size:.58rem;color:var(--ink)}.chat-tab{pointer-events:auto;display:flex;align-items:center;gap:.4rem;padding:.26rem .5rem;border:1px solid var(--edge);border-radius:3px;background:#080b0f99;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);opacity:.4;transition:opacity .16s,border-color .16s,color .16s}.chat-tab:hover,.chat-tab.unread{opacity:1;color:var(--ink);border-color:var(--amber)}.chat-tab kbd{padding:.05rem .3rem;border:1px solid var(--edge);border-radius:2px;font-family:var(--num);font-size:.6rem;letter-spacing:0}.chat-badge{min-width:1.05rem;padding:0 .2rem;border-radius:999px;background:var(--hot);color:#120806;font-family:var(--num);font-size:.56rem;font-weight:800;letter-spacing:0;text-align:center}.emote-layer{position:fixed;inset:0;z-index:11;pointer-events:none;overflow:hidden}.emote-bubble{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-top:-.5rem;border:2px solid var(--dim);border-radius:50%;background:#080b0fd1;box-shadow:0 4px 18px #0000008c;font-size:1.6rem;line-height:1;will-change:transform,opacity}.emote-bubble[hidden]{display:none}.emote-bubble[data-slot="0"]{border-color:var(--c0)}.emote-bubble[data-slot="1"]{border-color:var(--c1)}.emote-bubble[data-slot="2"]{border-color:var(--c2)}.emote-bubble[data-slot="3"]{border-color:var(--c3)}.emote-bubble[data-slot="4"]{border-color:var(--c4)}.emote-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;width:10px;height:10px;margin-left:-5px;transform:rotate(45deg);background:#080b0fd1;border-right:2px solid;border-bottom:2px solid;border-color:inherit}@media(max-width:720px){.chat{--chat-clear: 13rem;width:min(300px,64vw)}.chat-emotes button{height:1.95rem}.chat-emotes .ce-char{font-size:.98rem}.chat-foot{font-size:.54rem;gap:.5rem}}@media(prefers-reduced-motion:reduce){.chat.idle .chat-line{animation:none;opacity:.85}}@media(max-width:720px){.pos{font-size:2.6rem}.kmh{font-size:2.4rem}.minimap{width:150px;height:150px}.revbar{width:150px}.tower,.hud-stat{display:none}.menu-inner{padding:1.4rem 0 2rem}}@media(prefers-reduced-motion:reduce){.pos.bump-a,.pos.bump-b,.toast,.results,.warn{animation:none}}.track-card{position:relative;padding-right:96px}.tshape{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:74px;height:74px;opacity:.5;pointer-events:none}.track-card.on .tshape{opacity:.95}.tshape-line{fill:none;stroke:currentColor;stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}