*{box-sizing:border-box;touch-action:manipulation}html,body{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0c0f14;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud,#split-hud,#countdown,#net-banner,#watch-bar,#touch{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14c7;--line:#ffffff2e;--fc:"Barlow Condensed", system-ui, sans-serif;--o:0 1px 0 #06080bd9, 0 -1px 0 #06080bd9, 1px 0 0 #06080bd9, -1px 0 0 #06080bd9, 0 2px 4px #06080b8c;--pad-t:max(10px, env(safe-area-inset-top));--pad-r:max(16px, env(safe-area-inset-right));--pad-b:max(12px, env(safe-area-inset-bottom));--pad-l:max(16px, env(safe-area-inset-left));--map:120px;--top-right:calc(var(--map) + 12px + 2 * 48px + 8px)}#hud{pointer-events:none;color:var(--ink);font-family:var(--fc);position:fixed;inset:0}.hud-score{top:calc(var(--pad-t) - 4px);left:var(--pad-l);text-shadow:var(--o);align-items:flex-start;gap:10px;display:flex;position:absolute}#hud-pos{font:italic 800 64px/.86 var(--fc);letter-spacing:-.01em;font-variant-numeric:tabular-nums;-webkit-text-stroke:1px #06080b99;paint-order:stroke fill;align-items:flex-start;display:flex;position:relative}#hud-pos sup{-webkit-text-stroke:.5px #06080b99;margin:3px 0 0 1px;font-size:.42em;line-height:1}#hud-pos.up,#hud-pos.down{animation:.45s cubic-bezier(.2,.9,.3,1.3) hud-pop}#hud-pos.down{--from:-8px}.hud-delta{opacity:0;filter:drop-shadow(0 1px 1px #06080bcc);width:18px;height:18px;position:absolute;bottom:2px;right:-1px}.hud-delta svg{width:100%;height:100%;display:block}#hud-pos.up .hud-delta{color:var(--accent);animation:1.2s ease-out forwards hud-delta}#hud-pos.down .hud-delta{color:var(--danger);animation:1.2s ease-out forwards hud-delta}.hud-meta{flex-direction:column;gap:4px;padding-top:6px;display:flex}#hud-lap{font:700 16px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase}#hud-lap b{font-variant-numeric:tabular-nums;font-weight:700}#hud-lap.final{color:var(--accent)}#hud-time{font:700 19px/1 var(--fc);letter-spacing:.04em;font-variant-numeric:tabular-nums}#minimap{top:var(--pad-t);right:var(--pad-r);width:var(--map);height:var(--map);opacity:.9;position:absolute}.fps{top:calc(var(--pad-t) + var(--map) + 6px);right:var(--pad-r);width:var(--map);text-align:right;text-shadow:var(--o);opacity:.85;font:500 10px/1 ui-monospace,monospace;position:absolute}.hud-controls{top:var(--pad-t);right:calc(var(--pad-r) + var(--map) + 12px);pointer-events:auto;display:flex;position:absolute}.hud-btn{width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;padding:0;transition:transform .12s;display:grid}.hud-btn svg{filter:drop-shadow(0 1px #06080bd9)drop-shadow(0 -1px #06080bd9)drop-shadow(0 2px 3px #06080b80);width:26px;height:26px}.hud-btn:active{transform:scale(.94)}.hud-btn:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink)}.item-slot{right:var(--pad-r);bottom:var(--pad-b);border:2px solid var(--accent);background:#0c0f1473;border-radius:50%;place-items:center;width:72px;height:72px;font-size:38px;line-height:1;display:grid;position:absolute}.item-slot svg,.split-item svg,.btn.item.has-item svg{vertical-align:middle;filter:drop-shadow(0 1px 2px #00000080);width:1em;height:1em}.item-slot small,.split-item small,.btn.item small{font:italic 800 .5em/1 var(--fc);text-shadow:var(--o);pointer-events:none;position:absolute;bottom:8%;right:8%}.item-slot.empty{visibility:hidden}.item-slot.rolling{border-color:#ffffff80}body:has(#touch:not(.hidden)) .item-slot{display:none}.btn.ring.item.has-item{border-color:var(--accent);font-size:38px}.btn.ring.item.has-item.rolling{border-color:#fff9}.countdown{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:44%;left:50%;transform:translate(-50%,-50%)}.countdown b{font:italic 800 150px/.8 var(--fc);color:var(--ink);text-shadow:var(--o);-webkit-text-stroke:2px #06080bb3;paint-order:stroke fill;animation:.9s ease-out both cd-in;display:block}.countdown.go b{color:var(--accent);letter-spacing:.02em;font-size:120px}.countdown i{gap:6px;display:flex}.countdown i:before,.countdown i:after{content:"";background:var(--accent);height:5px;transform:skew(-30deg);box-shadow:0 0 0 1.5px #06080b99}.countdown i:before{width:70px}.countdown i:after{width:18px}#toast,#net-banner{top:var(--pad-t);left:calc(var(--pad-l) + 170px);right:calc(var(--pad-r) + var(--top-right));width:-moz-fit-content;width:fit-content;margin-inline:auto;position:absolute}#toast{background:var(--surface);border:1.5px solid var(--line);min-height:40px;font:700 16px/1.15 var(--fc);letter-spacing:.02em;text-wrap:balance;border-radius:20px;align-items:center;gap:8px;padding:5px 14px 5px 4px;animation:.22s ease-out t-in;display:flex}#toast.out{animation:.2s ease-in forwards t-out}#toast .t-ic{border:1.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}#toast .t-ic svg{width:17px;height:17px}#toast .t-tx{text-overflow:ellipsis;overflow:hidden}#toast[data-kind=bad]{border:2px solid var(--danger);border-radius:6px}#toast[data-kind=bad] .t-ic{color:var(--danger);border:0;border-radius:0}#toast[data-kind=bad] .t-ic svg{width:21px;height:21px}#toast[data-kind=info]{border-color:#f5b72ab3}#toast[data-kind=info] .t-ic{border-color:var(--accent);color:var(--accent)}.t-more{font:700 12px/1 var(--fc);color:var(--muted)}.t-more:empty{display:none}.update-note{--accent:#f5b72a;--ink:#eef1f5;--fc:"Barlow Condensed", system-ui, sans-serif;box-sizing:border-box;border:2px solid var(--accent);min-height:44px;color:var(--ink);font:700 15px/1.2 var(--fc);letter-spacing:.02em;text-wrap:balance;background:#0c0f14d1;border-radius:8px;align-items:center;gap:10px;padding:6px 6px 6px 10px;animation:.2s ease-out t-in;display:flex}.update-note.hidden{display:none}.un-tx{flex:1}.un-ic{color:var(--accent);flex:none;display:grid}.un-ic svg{width:22px;height:22px}.un-btn{background:var(--accent);color:#111;min-height:32px;font:800 14px/1 var(--fc);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;flex:none;padding:0 14px}.un-btn.hidden{display:none}.ks-version{text-align:center;color:var(--muted);margin:10px 0 0;font:500 12px/1.3 system-ui,sans-serif}#net-banner{z-index:50;border:2px solid var(--danger);min-height:44px;color:var(--ink);font:700 16px/1.2 var(--fc);letter-spacing:.02em;text-wrap:balance;pointer-events:none;background:#280e0aeb;border-radius:8px;align-items:center;gap:10px;padding:6px 16px 6px 8px;animation:.2s ease-out t-in;display:flex;position:fixed}.nb-ic{color:var(--danger);flex:none;display:grid}.nb-ic svg{width:22px;height:22px}#net-banner.watch{border-color:var(--line);pointer-events:auto;background:#0c1016e6}#net-banner.watch .nb-ic{color:var(--ink)}.nb-btn{border:1.5px solid var(--line);color:var(--ink);font:700 14px/1.2 var(--fc);cursor:pointer;background:0 0;border-radius:6px;margin-left:6px;padding:4px 12px}.nb-btn:hover{border-color:var(--ink)}#net-banner.retry .nb-ic svg{animation:1s linear infinite mp-spin}body:has(#net-banner:not(.hidden)) #toast{display:none}.watch-bar{left:50%;bottom:var(--pad-b);z-index:2;background:var(--surface);border:1px solid var(--line);max-width:calc(100% - 32px);color:var(--ink);pointer-events:auto;border-radius:30px;align-items:center;gap:8px;padding:4px;display:flex;position:fixed;transform:translate(-50%)}.w-btn{width:48px;height:48px;color:inherit;cursor:pointer;background:0 0;border:1.5px solid #ffffff61;border-radius:50%;outline:none;flex:none;place-items:center;padding:0;transition:transform .12s,border-color .12s;display:grid}.w-btn svg{width:22px;height:22px}.w-btn:active{border-color:var(--accent);transform:scale(.94)}.w-who{flex-direction:column;align-items:center;gap:3px;min-width:150px;padding:0 6px;display:flex}.w-who small{font:700 11px/1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#watch-name{white-space:nowrap;text-overflow:ellipsis;max-width:34vw;font:700 20px/1 var(--fc);letter-spacing:.06em;text-transform:uppercase;color:var(--player,var(--ink));align-items:center;gap:7px;display:flex;overflow:hidden}#watch-name:before{content:"";background:var(--player,var(--ink));border-radius:50%;flex:none;width:10px;height:10px}#watch-exit{border:1px solid var(--line);height:48px;color:inherit;font:700 15px/1 var(--fc);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border-radius:24px;outline:none;align-items:center;gap:8px;margin-left:8px;padding:0 16px 0 6px;display:flex}.w-r{border:1.5px solid #ffffff61;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.w-r svg{width:17px;height:17px}.w-btn:focus-visible,#watch-exit:focus-visible,.w-btn.nav-focus,#watch-exit.nav-focus{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}.split-cell{color:var(--ink);font-family:var(--fc);position:absolute}.split-cell:after{content:"";border-top:4px solid var(--player);position:absolute;inset:0}.split-cell.bottom:after{border-top:0;border-bottom:4px solid var(--player)}.split-score{text-shadow:var(--o);align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:14px}.split-pos{font:italic 800 46px/.86 var(--fc);font-variant-numeric:tabular-nums;-webkit-text-stroke:1px #06080b99;paint-order:stroke fill}.split-pos sup{font-size:.42em}.split-lap{font:700 14px/1 var(--fc);letter-spacing:.1em;text-transform:uppercase;padding-top:5px}.split-lap b{font-variant-numeric:tabular-nums;font-weight:700}.split-tag{background:var(--player);color:#14110a;min-width:34px;height:26px;font:italic 800 18px/1 var(--fc);border-radius:5px;place-items:center;padding:0 6px;display:grid;position:absolute;top:12px;right:14px}.split-item{border:2px solid var(--accent);background:#0c0f1473;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:absolute;top:46px;right:14px}.split-item.empty{display:none}.split-toast{background:var(--surface);border:1.5px solid var(--line);height:32px;font:700 14px/1 var(--fc);letter-spacing:.02em;white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:0 12px 0 4px;animation:.22s ease-out t-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.split-toast .t-ic{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.split-toast .t-ic svg{width:14px;height:14px}.split-toast.bad{border:2px solid var(--danger);border-radius:5px}.split-toast.bad .t-ic{color:var(--danger);border:0}.split-toast.bad .t-ic svg{width:17px;height:17px}.split-cell.bottom .split-score{align-items:flex-end;top:auto;bottom:12px}.split-cell.bottom .split-lap{padding:0 0 5px}.split-cell.bottom .split-tag{top:auto;bottom:14px}.split-cell.bottom .split-item{top:auto;bottom:48px}.split-cell.bottom .split-toast{top:auto;bottom:14px}#hud.split .hud-score,#hud.split #toast,#hud.split .item-slot{display:none}#hud.split .hud-controls{top:auto;bottom:var(--pad-b);right:var(--pad-r)}#hud.split #minimap{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}#hud.split-2 #minimap{left:auto;right:12px;transform:translateY(-50%)}#hud.split-3 #minimap{display:none}#hud.split .fps{top:auto;bottom:calc(var(--pad-b) + 54px)}#split-hud[data-n="2"] .split-tag,#split-hud[data-n="2"] .split-item{right:160px}#hud.split-3 .hud-controls{top:var(--pad-t);bottom:auto}#hud.split-3 .fps{top:calc(var(--pad-t) + 54px);bottom:auto}#hud.split-4 .hud-controls{top:50%;bottom:auto;right:auto;left:calc(50% + var(--map) / 2 + 8px);transform:translateY(-50%)}#hud.split-4 .fps{top:calc(50% + var(--map) / 2 + 6px);text-align:center;bottom:auto;left:50%;right:auto;transform:translate(-50%)}@media (min-height:560px) and (min-width:900px){#hud,#countdown,#net-banner,#watch-bar{zoom:1.35}.split-cell{zoom:1.2}}@keyframes hud-pop{0%{transform:translateY(var(--from,8px));opacity:.2}to{opacity:1;transform:none}}@keyframes hud-delta{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes cd-in{0%{opacity:0;transform:scale(1.35)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.96)}}@keyframes t-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes t-out{to{opacity:0;transform:translateY(-6px)}}.nav-focus{outline-offset:2px;outline:3px solid #fc0}.overlay{z-index:5;background:#0a142873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{text-align:center;background:#0f172aeb;border-radius:20px;min-width:min(320px,100%);padding:24px 28px}.panel h1{margin:0 0 12px;font-size:32px;font-style:italic}.panel button{font:inherit;color:#1f2937;cursor:pointer;background:#fc0;border:0;border-radius:999px;padding:12px 28px;font-size:20px;font-weight:800}.panel button.secondary{color:#fff;background:#ffffff24}.panel button:disabled{opacity:.5;cursor:default}.panel button.link{color:#93c5fd;background:0 0;padding:4px 8px;font-size:15px;text-decoration:underline}.actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.panel .note{opacity:.75;margin:4px 0;font-size:14px;font-weight:600}.menu-view h1:not(.home-logo){margin-bottom:16px}.menu-back{margin-top:6px}.menu{background:linear-gradient(#0a142840,#0a142899)}.menu.home{--u:clamp(1px, min(100vh / 360, 100vw / 800), 1.7px);--accent:#f5b72a;background:linear-gradient(90deg,#090b0fe6 0%,#090b0f33 45%,#090b0fd9 100%);place-items:stretch stretch;padding:0}.menu.home .panel{text-align:left;background:0 0;border-radius:0;width:100%;max-height:none;padding:0}#menu-home:not(.hidden){justify-content:space-between;align-items:center;gap:calc(16 * var(--u));height:100%;padding:max(calc(22 * var(--u)), env(safe-area-inset-top)) max(calc(24 * var(--u)), env(safe-area-inset-right)) max(calc(24 * var(--u)), env(safe-area-inset-bottom)) max(calc(48 * var(--u)), env(safe-area-inset-left));display:flex}.home-logo{gap:calc(10 * var(--u));text-transform:uppercase;color:#eef1f5;flex-direction:column;display:flex;font:italic 800 calc(84 * var(--u)) / .82 "Barlow Condensed", system-ui, sans-serif!important;margin:0!important}.home-accent{color:var(--accent)}.home-bars{gap:4px;display:flex}.home-bars i{width:calc(90 * var(--u));height:calc(4 * var(--u));background:var(--accent);transform:skew(-30deg)}.home-bars i+i{width:calc(20 * var(--u));opacity:.5}.home-actions{width:calc(276 * var(--u));align-self:flex-end;gap:calc(10 * var(--u));flex-direction:column;display:flex}#menu-home .home-play{height:calc(76 * var(--u));background:var(--accent);color:#14110a;border-radius:6px;place-items:center;padding:0;transition:transform .12s,background-color .12s;display:grid;transform:skew(-12deg)}.home-play>span{align-items:center;gap:calc(10 * var(--u));font:italic 800 calc(38 * var(--u)) / 1 "Barlow Condensed", system-ui, sans-serif;text-transform:uppercase;letter-spacing:.04em;display:flex;transform:skew(12deg)}.home-play svg{width:calc(32 * var(--u));height:calc(32 * var(--u));animation:2.4s ease-in-out infinite home-nudge}#menu-home .home-play:active{background:#d99c12;transform:skew(-12deg)scale(.96)}.home-tiles{gap:calc(8 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}#menu-home .home-tile{height:calc(64 * var(--u));color:#eef1f5;justify-content:center;align-items:center;gap:calc(5 * var(--u));font:700 calc(13 * var(--u)) / 1 "Barlow Condensed", system-ui, sans-serif;text-transform:uppercase;letter-spacing:.06em;background:#0c0f14b3;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;padding:0;transition:transform .12s,background-color .12s,border-color .12s;display:flex}.home-tile svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}#menu-home .home-tile:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.97)}#menu-home .home-play:focus-visible,#menu-home .home-tile:focus-visible{outline:none;box-shadow:0 0 0 2px #0c0f14,0 0 0 4px #eef1f5}@keyframes home-nudge{0%,70%,to{transform:translate(0)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.home-play svg{animation:none}}@media (orientation:portrait){.menu.home{--u:clamp(1px, 100vw / 360, 1.7px);background:linear-gradient(#090b0fd9 0%,#090b0f00 35% 50%,#090b0fe6 75%)}#menu-home:not(.hidden){padding-left:max(calc(24 * var(--u)), env(safe-area-inset-left));flex-direction:column;align-items:stretch}.home-logo{font-size:calc(72 * var(--u))!important}.home-actions{align-self:stretch;width:auto}}.menu .panel{-webkit-user-select:auto;user-select:auto;width:min(360px,100%);max-height:100%;overflow-y:auto}.field{text-align:left;opacity:.95;flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.panel input{font:inherit;color:#fff;touch-action:manipulation;background:#ffffff14;border:2px solid #ffffff40;border-radius:12px;outline:none;min-width:0;padding:10px 14px;font-size:18px;font-weight:700}.panel input:focus{border-color:#fc0}.error{color:#fca5a5;min-height:20px;margin:12px 0 0;font-size:15px;font-weight:700}.label{opacity:.8;margin:0;font-size:14px;font-weight:700}.menu.multi{background:linear-gradient(90deg,#090b0fed,#090b0fd1 50%,#090b0fe6);place-items:stretch stretch;padding:0}.menu.multi .panel{text-align:left;background:0 0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0}#menu-multi{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14b8;--line:#ffffff24;--hair:#ffffff14;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;color:var(--ink)}#menu-multi:not(.hidden){max-width:1100px;height:100%;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template:"head name""colA colB"minmax(0,1fr)"pad colB"/minmax(0,1fr) minmax(0,1.15fr);gap:12px 20px;margin:0 auto;display:grid}#menu-multi svg{flex:none;width:1em;height:1em}#menu-multi button{font:inherit;color:inherit;touch-action:manipulation;margin:0}#menu-multi button:disabled{opacity:.5;cursor:default}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mp-head{grid-area:head;align-items:center;gap:12px;min-width:0;display:flex}#menu-multi .mp-back{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#menu-multi .mp-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}#menu-multi .mp-head h1{font:italic 800 30px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin:0}.mp-name{grid-area:name;place-self:center end;align-items:center;gap:12px;width:min(100%,340px);display:flex}.mp-lbl{font:700 13px / 1.1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.mp-field{background:#0006;border:1.5px solid #fff6;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:48px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.mp-field>svg{color:var(--muted);font-size:18px}#menu-multi .mp-field input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0}.mp-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f5b72a47}#menu-multi #name{font:500 17px/1 system-ui,sans-serif}#menu-multi input::placeholder{color:#8b95a3}.mp-count{font-variant-numeric:tabular-nums;color:var(--muted);font:500 12px/1 system-ui,sans-serif}.mp-col{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.mp-colA{grid-area:colA}.mp-colB{border-left:1px solid var(--hair);grid-area:colB;padding-left:20px}.mp-k{font:700 15px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0;display:flex}.mp-k small{letter-spacing:0;text-transform:none;color:var(--muted);font:400 12px/1 system-ui,sans-serif}.mp-k-ring{border:1.5px solid var(--ring);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.mp-colA>.mp-k{color:var(--accent)}.mp-colA>.mp-k .mp-k-ring{border-color:var(--accent)}.mp-oc{flex-direction:column;gap:6px;min-width:0;display:flex}#menu-multi .mp-create{background:var(--accent);color:#14110a;border:0;border-radius:6px;justify-content:center;align-items:center;height:64px;margin:0 8px 0 7px;padding:0 12px;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}.mp-create>span{font:italic 800 27px / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:12px;display:flex;transform:skew(12deg)}.mp-ring-dk{border:1.5px solid #14110a8c;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:19px;display:grid}#menu-multi .mp-create:active{background:#d99c12;transform:skew(-12deg)scale(.96)}.mp-note{color:var(--muted);margin:0;font:400 12px/1.35 system-ui,sans-serif}#menu-multi .mp-btn{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;height:52px;padding:0 14px 0 6px;transition:transform .12s,background-color .12s,border-color .12s;display:flex}#menu-multi .mp-btn.hidden{display:none}.mp-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.mp-btn-t{flex-direction:column;gap:3px;min-width:0;display:flex}.mp-btn-l{font:700 16px / 1.05 var(--fc);text-transform:uppercase;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mp-btn-s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font:400 12px/1 system-ui,sans-serif;overflow:hidden}#menu-multi .mp-btn:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.97)}.mp-pad{grid-area:pad;align-self:end}#menu-multi .mp-back:focus-visible,#menu-multi .mp-btn:focus-visible,#menu-multi #btn-join:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#menu-multi .mp-create:focus-visible{box-shadow:0 0 0 3px #0c0f14, 0 0 0 5px var(--ink);outline:none}.mp-codebox{gap:8px;display:flex}.mp-codebox .mp-field{height:52px;padding-right:10px}#menu-multi #code{font:700 24px / 1 var(--fc);letter-spacing:.18em;text-transform:uppercase}#menu-multi #code::placeholder{letter-spacing:.14em}.mp-kind{height:24px;font:700 12px / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;padding:0 8px;display:grid}.mp-kind:empty{display:none}.mp-kind[data-ok]{color:var(--ink);border-color:var(--ring)}.mp-field.is-error{border-color:var(--danger)}.mp-field.is-error:focus-within{box-shadow:0 0 0 3px #ff8f7d47}#menu-multi #btn-join{background:var(--ink);color:#0c0f14;height:52px;font:700 17px / 1 var(--fc);text-transform:uppercase;letter-spacing:.06em;border:0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 16px 0 7px;transition:transform .12s,background-color .12s,opacity .12s;display:flex}#btn-join .mp-ring{border-color:#0c0f1473;width:36px;height:36px;font-size:18px}#menu-multi #btn-join:active{background:#cfd5dd;transform:scale(.97)}.mp-msg{min-height:17px}.mp-help{color:var(--muted);margin:0;font:400 12px/1.4 system-ui,sans-serif}.mp-help b{color:var(--ink);font-weight:600}#menu-error{color:var(--danger);gap:6px;margin:0;font:500 13px/1.35 system-ui,sans-serif;display:none}#menu-error svg{margin-top:1px;font-size:16px}#menu-error[data-kind]{display:flex}#menu-error[data-kind=info]{color:var(--ink)}#menu-error[data-kind=info] svg{animation:1s linear infinite mp-spin}.mp-near{flex-direction:column;flex:1;gap:8px;min-height:0;margin-top:4px;display:flex}.mp-near.hidden{display:none}.mp-near-h{font:700 12px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}#nearby-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.mp-search{height:52px;color:var(--muted);border:1px dashed #ffffff3d;border-radius:10px;flex:none;align-items:center;gap:12px;padding:0 14px 0 6px;font:500 13px/1.3 system-ui,sans-serif;display:flex}.mp-search .mp-ring{color:var(--ink);position:relative}.mp-search .mp-ring:after{content:"";border:1.5px solid var(--ink);opacity:0;border-radius:50%;animation:2s ease-out infinite mp-ping;position:absolute;inset:-1.5px}#menu-multi .mp-item{flex:none;animation:.25s ease-out mp-in}@keyframes mp-spin{to{transform:rotate(360deg)}}@keyframes mp-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes mp-in{0%{opacity:0;transform:translateY(6px)}}@media (min-height:560px) and (min-width:900px){#menu-multi{zoom:1.35}}@media (orientation:portrait){#menu-multi:not(.hidden){padding-top:max(28px, env(safe-area-inset-top));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.mp-name{flex-wrap:wrap;gap:6px;width:auto}.mp-name .mp-lbl{width:100%}.mp-colB{border-left:0;padding-left:0}.mp-near,.mp-pad{flex:none}}@media (prefers-reduced-motion:reduce){#menu-multi *,#menu-multi :after{animation:none!important}}#lobby{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;--side:300px;color:var(--ink);background:linear-gradient(90deg,#090b0fed,#090b0fd1 50%,#090b0fe6);padding:0;display:block}#lobby.hidden{display:none}#lobby button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;margin:0}#lobby svg{flex:none;width:1em;height:1em}.lb-ui{max-width:1100px;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:minmax(0, 1fr) var(--side);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head race""code race""players race""players act";gap:10px 16px;margin:0 auto;display:grid;position:absolute;inset:0}.lb-head{grid-area:head;align-items:center;gap:12px;min-width:0;display:flex}#lobby .lb-back{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#lobby .lb-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}.lb-head h1{font:italic 800 28px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.lb-code{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-area:code;align-items:center;gap:14px;min-width:0;padding:6px 8px 6px 14px;display:flex}.lb-code-main{flex-direction:column;flex:none;gap:2px;display:flex}.lb-lbl{font:700 12px / 1.1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}#lobby-code{font:700 40px / 1 var(--fc);letter-spacing:.22em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 -.22em 0 0}#lobby-code.long{letter-spacing:.12em;margin-right:-.12em}#lobby #btn-share{border:1px solid var(--line);height:48px;font:700 15px / 1 var(--fc);text-transform:uppercase;letter-spacing:.06em;background:#ffffff08;border-radius:10px;flex:none;align-items:center;gap:10px;margin-left:auto;padding:0 14px 0 5px;transition:transform .12s,border-color .15s,background-color .15s;display:flex}#lobby #btn-share.hidden{display:none}#lobby #btn-share:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.97)}#lobby #btn-share[data-done]{border-color:var(--ink)}.lb-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.lb-local-note{max-width:250px;color:var(--muted);margin:0 0 0 auto;font:400 11.5px/1.3 system-ui,sans-serif}.lb-players{flex-direction:column;grid-area:players;gap:6px;min-height:0;display:flex}.lb-ph{align-items:baseline;gap:10px;min-width:0;display:flex}.lb-ph h2{font:700 15px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin:0}#lobby-count{color:var(--muted)}.lb-missing{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 12px/1.2 system-ui,sans-serif;overflow:hidden}.lb-missing b{font-weight:600}.lb-bots{color:var(--muted);white-space:nowrap;margin-left:auto;font:400 12px/1.2 system-ui,sans-serif}#lobby-players{overscroll-behavior:contain;flex:1;grid-template-rows:repeat(4,minmax(30px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.lb-p{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:0 6px 0 10px;animation:.2s ease-out lb-in;display:flex}.lb-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 2px #00000059}.lb-n{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font:500 14px/1 system-ui,sans-serif;overflow:hidden}.lb-n small{color:var(--muted);margin-left:4px;font-size:12px}.lb-tag{height:22px;font:700 11px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:5px;flex:none;align-items:center;gap:4px;padding:0 7px;display:flex}.lb-tag svg{font-size:13px}.lb-p[data-state=host] .lb-tag{border-color:var(--accent);color:var(--accent)}.lb-p[data-state=ready] .lb-tag{background:var(--ink);color:#0c0f14}.lb-p[data-state=prep] .lb-tag{border:1px dashed #fff6}.lb-p[data-state=away]{opacity:.6}.lb-p[data-state=away] .lb-tag{color:var(--danger);border-color:#ff8f7d80}.lb-p.free{background:0 0;border:1px dashed #ffffff29;animation:none}.lb-p.free .lb-dot{box-shadow:inset 0 0 0 1.5px #ffffff4d}.lb-p.free .lb-n,.lb-p.free .lb-tag{color:var(--muted)}.lb-race{flex-direction:column;grid-area:race;gap:8px;min-width:0;min-height:0;display:flex}.lb-circuits{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:-3px;padding:3px;display:flex;overflow:auto hidden}.lb-circuits::-webkit-scrollbar{display:none}#lobby .lb-c{border:1px solid var(--line);scroll-snap-align:start;background:#151a21;border-radius:8px;flex:0 0 124px;height:70px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.lb-c img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lb-c-n{height:20px;font:700 12px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;background:#090b0fd1;border-radius:4px;align-items:center;padding:0 6px;display:flex;position:absolute;bottom:6px;left:6px}#lobby .lb-c[aria-checked=true]{border:2px solid var(--ink)}#lobby .lb-c:disabled{cursor:default}.lb-c.lead:after{content:"";background:var(--accent);width:16px;height:4px;position:absolute;top:0;right:10px;transform:skew(-30deg)}.lb-c[aria-checked=true] .lb-c-n{background:var(--ink);color:#0c0f14}.lb-votes{gap:3px;display:flex;position:absolute;top:6px;left:6px}.lb-votes i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1.5px #090b0fd9}.lb-sum{margin:0;font:600 14px/1.3 system-ui,sans-serif}.lb-sum b{font:700 16px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase}#lobby .lb-c:active{transform:scale(.97)}.lb-segs{flex-direction:column;gap:8px;display:flex}.lb-row{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;display:grid}.lb-seg{border:1px solid var(--line);background:#00000040;border-radius:10px;gap:4px;padding:3px;display:flex}#lobby .lb-seg button{min-width:0;height:42px;color:var(--muted);font:700 14px / 1 var(--fc);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;border-radius:7px;flex:1 1 0;padding:0;transition:background-color .15s,color .15s,transform .12s}#lobby .lb-seg button[aria-pressed=true]{background:var(--ink);color:#0c0f14}#lobby .lb-seg button:active{transform:scale(.96)}.lb-act{flex-direction:column;grid-area:act;align-self:end;gap:8px;display:flex}#lobby-wait{color:var(--muted);align-items:flex-start;gap:6px;margin:0;font:500 13px/1.35 system-ui,sans-serif;display:flex}#lobby-wait.hidden{display:none}#lobby-wait svg{margin-top:1px;font-size:16px}#lobby-wait.race{color:var(--danger)}#lobby .lb-primary{border:2px solid var(--accent);background:var(--accent);color:#14110a;border-radius:6px;justify-content:center;align-items:center;height:64px;margin:0 7px;padding:0 10px;transition:transform .12s,background-color .15s,color .15s;display:flex;transform:skew(-12deg)}#lobby .lb-primary.hidden{display:none}.lb-primary>span{font:italic 800 28px / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:10px;display:flex;transform:skew(12deg)}.lb-primary svg{font-size:24px}#lobby .lb-primary:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#lobby .lb-primary.waiting{background:var(--surface);color:var(--accent);cursor:default}#lobby .lb-primary.waiting>span{letter-spacing:.02em;font-size:19px}#lobby .lb-primary.secondary{border:1px solid var(--line);background:var(--surface);height:52px;color:var(--ink);border-radius:10px;margin:0;transform:none}#lobby .lb-primary.secondary>span{font:700 16px / 1 var(--fc);letter-spacing:.06em;transform:none}#lobby .lb-primary.secondary:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.97)}#lobby .lb-back:focus-visible,#lobby #btn-share:focus-visible,#lobby .lb-seg button:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#lobby .lb-c:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--accent);outline:none}#lobby .lb-primary:focus-visible{box-shadow:0 0 0 3px #0c0f14, 0 0 0 5px var(--ink);outline:none}@keyframes lb-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width:780px){#lobby{--side:280px}}@media (min-height:560px) and (min-width:900px){.lb-ui{zoom:1.35}}@media (orientation:portrait){.lb-ui{padding-top:max(28px, env(safe-area-inset-top));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.lb-ui>*{flex:none}.lb-code{flex-wrap:wrap;row-gap:6px}#lobby #btn-share{margin-left:0}.lb-race{order:2;min-height:auto}.lb-players{order:3;min-height:auto}.lb-act{order:4}.lb-bots{display:none}#lobby-players{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:40px;max-height:none;overflow:visible}}@media (prefers-reduced-motion:reduce){#lobby *{animation:none!important}}#pad-join{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;color:var(--ink);background:linear-gradient(90deg,#0b0e12,#0d1116 50%,#0b0e12);padding:0;display:block}#pad-join.hidden{display:none}#pad-join button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;margin:0}#pad-join svg{flex:none;width:1em;height:1em}.pc-ui{max-width:1100px;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template:"head form""steps steps"minmax(0,1fr)"qr qr"/auto minmax(0,1fr);gap:14px 20px;margin:0 auto;display:grid;position:absolute;inset:0}.pc-head{grid-area:head;align-self:start;align-items:center;gap:12px;min-width:0;display:flex}#pad-join .pc-back{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#pad-join .pc-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}.pc-head h1{font:italic 800 28px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin:0}.pc-form{flex-direction:column;grid-area:form;justify-self:end;gap:6px;width:min(100%,440px);display:flex}.pc-box{gap:10px;display:flex}.pc-field{background:#0006;border:1.5px solid #fff6;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:52px;padding:0 10px 0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.pc-field>svg{color:var(--muted);font-size:18px}#pad-join .pc-field input{min-width:0;height:100%;color:var(--ink);font:700 24px / 1 var(--fc);letter-spacing:.18em;text-transform:uppercase;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0}#pad-join .pc-field input::placeholder{letter-spacing:.14em;color:#8b95a3}.pc-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f5b72a47}.pc-field.is-error{border-color:var(--danger)}.pc-field.is-error:focus-within{box-shadow:0 0 0 3px #ff8f7d47}.pc-kind{height:24px;font:700 12px / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;padding:0 8px;display:grid}.pc-kind:empty{display:none}.pc-kind[data-ok]{color:var(--ink);border-color:var(--ring)}#pad-join #pad-join-go{background:var(--accent);color:#14110a;border:0;border-radius:6px;flex:none;align-items:center;height:52px;margin:0 6px;padding:0 16px;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}#pad-join-go>span{font:italic 800 24px / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;display:flex;transform:skew(12deg)}#pad-join-go svg{font-size:21px}#pad-join #pad-join-go:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#pad-join #pad-join-go:focus-visible{box-shadow:0 0 0 3px #0c0f14, 0 0 0 5px var(--ink);outline:none}#pad-join .pc-back:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}.pc-msg{min-height:18px}.pc-help{color:var(--muted);margin:0;font:400 12px/1.4 system-ui,sans-serif}.pc-help b{color:var(--ink);font-weight:600}#pad-join-error{color:var(--danger);gap:6px;margin:0;font:500 13px/1.35 system-ui,sans-serif;display:none}#pad-join-error[data-kind]{display:flex}#pad-join-error[data-kind=info]{color:var(--ink)}#pad-join-error svg{margin-top:1px;font-size:16px}#pad-join-error[data-kind=info] svg{animation:1s linear infinite mp-spin}.pc-steps{counter-reset:step;grid-area:steps;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:28px;margin:0;padding:0;list-style:none;display:grid}.pc-step{background:var(--surface);border:1px solid var(--line);counter-increment:step;border-radius:10px;flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;position:relative}.pc-step:not(:last-child):after{content:"";border-top:1.5px solid var(--ring);border-right:1.5px solid var(--ring);width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-20px;transform:rotate(45deg)}.pc-step-h{align-items:center;gap:10px;display:flex}.pc-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.pc-step:last-child .pc-ring{border-color:var(--accent);color:var(--accent)}.pc-step-n{font:700 12px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pc-step-n:before{content:attr(data-label) " " counter(step)}.pc-step-t{font:700 16px / 1.05 var(--fc);letter-spacing:.05em;text-transform:uppercase}.pc-step p{color:var(--muted);margin:0;font:400 13px/1.35 system-ui,sans-serif}.pc-step p b{color:var(--ink);font-weight:600}.pc-code-demo{font:700 18px / 1 var(--fc);letter-spacing:.2em;color:var(--ink)}.pc-qr{color:var(--muted);grid-area:qr;align-items:center;gap:8px;margin:0;font:400 12px/1.3 system-ui,sans-serif;display:flex}.pc-qr svg{font-size:16px}@media (min-height:560px) and (min-width:900px){.pc-ui{zoom:1.35}}@media (orientation:portrait){.pc-ui{padding-top:max(28px, env(safe-area-inset-top));flex-direction:column;gap:16px;display:flex;overflow-y:auto}.pc-ui>*{flex:none}.pc-form{width:auto}.pc-box{flex-wrap:wrap}.pc-box .pc-field{flex-basis:100%}#pad-join #pad-join-go{flex:1;justify-content:center;height:56px}.pc-steps{grid-template-columns:minmax(0,1fr);gap:8px}.pc-step:after{display:none}}.menu.play{background:linear-gradient(90deg,#090b0fed,#090b0fcc 50%,#090b0fe6);place-items:stretch stretch;padding:0}.menu.play .panel{text-align:left;background:0 0;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;padding:0}#menu-play{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;--side:280px;color:var(--ink)}#menu-play:not(.hidden){max-width:1100px;height:100%;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:minmax(0, 1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head opts""hero opts""picker act";gap:10px 18px;margin:0 auto;display:grid}#menu-play button{font:inherit;color:inherit;touch-action:manipulation;margin:0}#menu-play svg{flex:none;width:1em;height:1em}.pl-head{grid-area:head;align-items:center;gap:12px;display:flex}#menu-play .pl-back{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#menu-play .pl-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}#menu-play .pl-head h1{font:italic 800 30px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;margin:0}.pl-hero{grid-area:hero;align-items:flex-end;gap:16px;min-height:0;margin:0;display:flex}.pl-hero-img{aspect-ratio:16/9;border:2px solid var(--ink);border-radius:10px;flex:none;max-width:62%;height:100%;min-height:90px;max-height:200px;position:relative;overflow:hidden}.pl-hero-img img{object-fit:cover;width:100%;height:100%;display:block}.pl-hero-t{flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;padding-bottom:2px;display:flex}.pl-lbl{font:700 12px / 1.1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pl-hero-n{font:italic 800 30px / .95 var(--fc);text-transform:uppercase;letter-spacing:.02em;text-wrap:balance;margin:0;animation:.2s ease-out pl-in}.pl-last{color:var(--muted);align-items:center;gap:6px;font:500 12px/1 system-ui,sans-serif;display:flex}.pl-sub{letter-spacing:.02em;font-weight:600}.pl-last.hidden{display:none}.pl-last svg{font-size:15px}.pl-picker{grid-area:picker;min-width:0;margin-top:12px;position:relative}#track-picker{scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;gap:8px;margin:-4px;padding:4px 40px 4px 4px;scroll-padding:4px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000)}#track-picker::-webkit-scrollbar{display:none}#track-picker.at-start{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000)}#track-picker.at-end{-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px);mask-image:linear-gradient(90deg,#0000,#000 56px)}#track-picker.at-start.at-end{-webkit-mask-image:none;mask-image:none}#menu-play .pl-arrow{z-index:2;border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#0c0f14e0;border-radius:50%;place-items:center;margin-top:-18px;padding:0;font-size:18px;transition:background .15s,transform .15s;display:none;position:absolute;top:50%}#menu-play .pl-prev{left:-10px}#menu-play .pl-next{right:-10px}@media (hover:hover) and (pointer:fine){#menu-play .pl-arrow:not(.hidden){display:grid}#menu-play .pl-arrow:hover{background:var(--ink);color:#0c0f14}}#menu-play .pl-arrow:active{transform:scale(.94)}#menu-play .pl-c{border:1px solid var(--line);scroll-snap-align:start;background:#151a21;border-radius:8px;flex:0 0 128px;height:72px;padding:0;transition:transform .15s;position:relative;overflow:hidden}.pl-c img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pl-c-n{height:20px;font:700 12px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;background:#090b0fd1;border-radius:4px;align-items:center;padding:0 6px;display:flex;position:absolute;bottom:6px;left:6px}#menu-play .pl-c[aria-checked=true]{border:2px solid var(--ink)}.pl-c[aria-checked=true]:after,.pl-hero-img:after{content:"";background:var(--accent);width:16px;height:4px;position:absolute;top:0;right:10px;transform:skew(-30deg)}.pl-hero-img:after{width:22px;height:5px;right:16px}.pl-c[aria-checked=true] .pl-c-n{background:var(--ink);color:#0c0f14}#menu-play .pl-c:active{transform:scale(.97)}.pl-count{color:var(--muted);font-variant-numeric:tabular-nums;font:500 11px/1 system-ui,sans-serif;position:absolute;top:-18px;right:0}.pl-opts{flex-direction:column;grid-area:opts;gap:10px;min-width:0;display:flex}.pl-opts .lb-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.pl-opts .lb-lbl{font:700 12px / 1.1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.pl-opts .lb-seg{border:1px solid var(--line);background:#00000040;border-radius:10px;gap:4px;padding:3px;display:flex}#menu-play .lb-seg button{min-width:0;height:42px;color:var(--muted);font:700 14px / 1 var(--fc);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;border-radius:7px;flex:1 1 0;padding:0;transition:background-color .15s,color .15s,transform .12s}#menu-play .lb-seg button.with-icon{justify-content:center;align-items:center;gap:7px;display:inline-flex}#menu-play .lb-seg button.with-icon svg{flex:none;width:18px;height:18px}#menu-play .lb-seg button[aria-pressed=true]{background:var(--ink);color:#0c0f14}#menu-play .lb-seg button:active{transform:scale(.96)}.pl-sync{color:var(--muted);align-items:center;gap:6px;margin:0;font:400 12px/1.3 system-ui,sans-serif;display:flex}.pl-sync svg{font-size:14px}.pl-act{flex-direction:column;grid-area:act;align-self:end;gap:8px;display:flex}.pl-split{align-items:center;gap:8px;margin:0;font:500 13px/1.3 system-ui,sans-serif;display:flex}.pl-split.hidden{display:none}.pl-split .pl-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.pl-dots{gap:3px;display:flex}.pl-dots i{border-radius:50%;width:8px;height:8px}#menu-play #btn-solo{background:var(--accent);color:#14110a;border:0;border-radius:6px;justify-content:center;align-items:center;height:64px;margin:0 7px;padding:0 10px;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}#btn-solo>span{font:italic 800 28px / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:10px;display:flex;transform:skew(12deg)}#btn-solo svg{font-size:24px}#btn-solo small{letter-spacing:.02em;font-size:.72em}#menu-play #btn-solo:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#menu-play #btn-solo:disabled{opacity:.5}#menu-play #btn-solo.locked{color:#c7ccd3;opacity:1;cursor:default;background:#3a3f47}.pl-c.locked img,.lb-c.locked img,.pl-hero.locked .pl-hero-img img{filter:grayscale(.85)brightness(.45)}.pl-c-lock{width:24px;height:24px;color:var(--ink);background:#090b0fd1;border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:6px;right:8px}.pl-lock{color:var(--accent);align-items:flex-start;font-weight:600;line-height:1.3}#menu-play #btn-solo:focus-visible{box-shadow:0 0 0 3px #0c0f14, 0 0 0 5px var(--ink);outline:none}#menu-play .pl-back:focus-visible,#menu-play .lb-seg button:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#menu-play .pl-c:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--accent);outline:none}@keyframes pl-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width:780px){#menu-play{--side:260px}}@media (min-height:560px) and (min-width:900px){#menu-play{zoom:1.35}}@media (orientation:portrait){#menu-play:not(.hidden){padding-top:max(28px, env(safe-area-inset-top));flex-direction:column;gap:14px;display:flex;overflow-y:auto}#menu-play:not(.hidden)>*{flex:none}.pl-hero{flex-direction:column}.pl-hero-img{width:100%;max-width:none;height:auto;max-height:none}}@media (prefers-reduced-motion:reduce){#menu-play *{animation:none!important}}#result{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;--side:200px;--lead:200px;color:var(--ink);background:linear-gradient(90deg,#090b0fed,#090b0fd1 50%,#090b0feb);padding:0;display:block}#result.hidden{display:none}#result button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;margin:0}#result svg{flex:none;width:1em;height:1em}.rs-ui{max-width:1100px;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:var(--lead) minmax(0, 1fr) var(--side);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"lead list note""lead list act";gap:10px 18px;margin:0 auto;display:grid;position:absolute;inset:0}.rs-lead{flex-direction:column;grid-area:lead;gap:10px;min-width:0;display:flex}.rs-kick{font:700 12px / 1.2 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#result-title{font:italic 800 40px / .92 var(--fc);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;animation:.4s ease-out both rs-title}#result.won #result-title{color:var(--accent)}.rs-bars{gap:4px;display:flex}.rs-bars i{background:var(--accent);transform-origin:0;height:3px;animation:.5s ease-out .15s both rs-bar;transform:skew(-30deg)}.rs-bars i:first-child{width:56px}.rs-bars i:nth-child(2){opacity:.6;width:14px}.rs-bars i:nth-child(3){opacity:.35;width:6px}.rs-you{flex-direction:column;gap:4px;margin-top:auto;display:flex}.rs-you.hidden{display:none}.rs-you-l{font:700 12px / 1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.rs-you-t{font:700 30px / 1 var(--fc);font-variant-numeric:tabular-nums;letter-spacing:.02em}.rs-you-d{color:var(--muted);font-variant-numeric:tabular-nums;font:400 13px/1.3 system-ui,sans-serif}.rs-board{flex-direction:column;grid-area:list;gap:6px;min-height:0;display:flex}.rs-bh{font:700 12px / 1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:flex}.rs-live{letter-spacing:0;text-transform:none;color:var(--ink);align-items:center;gap:6px;margin-left:auto;font:500 12px/1 system-ui,sans-serif;display:flex}.rs-live.hidden{display:none}.rs-live i{background:var(--ink);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite rs-blink}#result-list{flex:1;grid-template-rows:repeat(8,minmax(28px,1fr));gap:3px;min-height:0;max-height:330px;margin:0;padding:0;list-style:none;display:grid}.rs-r{background:var(--surface);border:1px solid var(--line);animation:.3s ease-out both rs-in;animation-delay:calc(var(--i) * 45ms);border-radius:8px;grid-template-columns:22px 10px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px 0 8px;display:grid;position:relative}.rs-pos{font:700 16px / 1 var(--fc);font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.rs-dot{background:var(--c);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #00000059}.rs-n{white-space:nowrap;align-items:center;gap:6px;min-width:0;font:500 14px/1 system-ui,sans-serif;display:flex}.rs-n span{text-overflow:ellipsis;overflow:hidden}.rs-n small{color:var(--muted);font-size:12px}.rs-n svg{color:var(--muted);font-size:13px}.rs-tag{height:18px;font:700 11px / 1 var(--fc);letter-spacing:.06em;color:#14110a;background:var(--c);border-radius:4px;flex:none;place-items:center;padding:0 5px;display:grid}.rs-time{font:700 16px / 1 var(--fc);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right}.rs-pts small{color:var(--accent);margin-right:8px;font-size:13px}.rs-r.run{background:0 0;border-style:dashed;border-color:#ffffff38}.rs-r.run .rs-time{color:var(--muted);align-items:center;gap:6px;display:flex}.rs-r.run .rs-time:before{content:"";background:var(--muted);border-radius:1px;width:12px;height:2px;animation:1.2s ease-in-out infinite rs-run}.rs-r.me{border:1.5px solid var(--ink);background:#eef1f51a}.rs-r.me .rs-pos,.rs-r.me .rs-n{color:var(--ink);font-weight:600}.rs-r.me:after,.rs-r.best:after{content:"";background:var(--accent);width:18px;height:4px;position:absolute;top:-1px;right:14px;transform:skew(-30deg)}.rs-r.local{border:1.5px solid var(--c);background:#eef1f50f}.rs-r.local.best{background:#eef1f51f}.rs-r.new{animation:.6s ease-out rs-arrive}.rs-note{grid-area:note;align-self:end;align-items:flex-start;gap:8px;margin:0;font:500 13px/1.35 system-ui,sans-serif;display:flex}.rs-note.hidden{display:none}.rs-note svg{color:var(--muted);margin-top:1px;font-size:16px}.rs-vote{flex-direction:column;grid-area:note;align-self:end;gap:6px;min-height:0;display:flex}.rs-vote.hidden{display:none}.rs-vh{white-space:nowrap;font:700 12px / 1 var(--fc);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:3px;display:flex}#result-vote-time{letter-spacing:0;text-transform:none;color:var(--ink);font:500 12px/1.2 system-ui,sans-serif}#result-vote-list{flex-direction:column;gap:6px;display:flex}#result .rs-vc{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 8px 0 4px;transition:transform .12s;display:flex;position:relative}.rs-vc img{object-fit:cover;border-radius:5px;flex:none;width:46px;height:28px}.rs-vn{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rs-vn b{font:700 15px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rs-vn small{color:var(--muted);font:500 11px/1 system-ui,sans-serif}.rs-vn small:empty{display:none}.rs-vd{gap:3px;display:flex}.rs-vd i{border-radius:50%;width:10px;height:10px}#result .rs-vc[aria-checked=true]{border:2px solid var(--ink);background:#ffffff14}.rs-vc.lead:after{content:"";background:var(--accent);width:16px;height:4px;position:absolute;top:-1px;right:10px;transform:skew(-30deg)}#result .rs-vc:active{transform:scale(.97)}#result:has(.rs-vote:not(.hidden)) .rs-sec{height:44px}#result:has(.rs-vote:not(.hidden)) #result-actions{gap:8px}#result .rs-vc:focus-visible,#result .rs-vc.nav-focus{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#result-actions{flex-direction:column;grid-area:act;gap:10px;display:flex}#result .rs-primary{background:var(--accent);color:#14110a;border:0;border-radius:6px;justify-content:center;align-items:center;height:64px;margin:0 7px;padding:0 10px;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}.rs-primary>span{font:italic 800 26px / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;align-items:center;gap:10px;display:flex;transform:skew(12deg)}.rs-primary svg{font-size:22px}#result .rs-primary:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#result .rs-primary:focus-visible{box-shadow:0 0 0 3px #0c0f14, 0 0 0 5px var(--ink);outline:none}#result .rs-sec{border:1px solid var(--line);background:var(--surface);height:48px;font:700 15px / 1 var(--fc);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 14px 0 6px;transition:transform .12s,background-color .12s,border-color .12s;display:flex}.rs-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}#result .rs-sec:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.97)}#result .rs-sec:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}@keyframes rs-in{0%{opacity:0;transform:translate(10px)}}@keyframes rs-title{0%{opacity:0;transform:translateY(6px)}}@keyframes rs-bar{0%{transform:skew(-30deg)scaleX(0)}}@keyframes rs-blink{50%{opacity:.25}}@keyframes rs-run{0%,to{opacity:.4;transform:translate(-3px)}50%{opacity:1;transform:translate(3px)}}@keyframes rs-arrive{0%{background:#f5b72a40}}@media (max-width:780px){#result{--side:188px;--lead:184px}}@media (min-height:560px) and (min-width:900px){.rs-ui{zoom:1.35}}@media (orientation:portrait){.rs-ui{padding-top:max(28px, env(safe-area-inset-top));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.rs-ui>*{flex:none}#result-list{grid-template-rows:none;grid-auto-rows:40px;max-height:none}.rs-you{margin-top:0}}@media (prefers-reduced-motion:reduce){#result *{animation:none!important}}#settings{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14b8;--line:#ffffff24;--hair:#ffffff14;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;z-index:10;color:var(--ink);background:linear-gradient(90deg,#090b0fed,#090b0fcc 50%,#090b0fe6);padding:0;display:block}#settings.hidden{display:none}#settings button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}#settings svg{flex:none;width:1em;height:1em}.ks-edge{background:var(--accent);height:3px;position:absolute;inset:0 0 auto}#settings[data-mode=home] .ks-edge{display:none}#settings[data-mode=online] .ks-edge{background:repeating-linear-gradient(90deg, var(--danger) 0 24px, transparent 24px 32px)}.ks-ui{max-width:1100px;padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template:"title status status""main main main"minmax(0,1fr)"tabs tabs actions"/auto minmax(0,1fr) auto;gap:10px 16px;margin:0 auto;display:grid;position:absolute;inset:0}.ks-title{flex-direction:column;grid-area:title;gap:6px;display:flex}#settings[data-mode=home] .ks-title{flex-direction:row;align-items:center;gap:12px}#settings[data-mode=home] .ks-bars,#settings:not([data-mode=home]) .ks-back{display:none}#settings .ks-back{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#settings .ks-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}#settings .ks-back:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}.ks-title h1{font:italic 800 30px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;margin:0}#settings:not([data-mode=home]) .ks-title h1{color:var(--accent)}.ks-bars{gap:4px;display:flex}.ks-bars i{background:var(--accent);height:3px;transform:skew(-30deg)}.ks-bars i:first-child{width:44px}.ks-bars i:nth-child(2){opacity:.6;width:12px}.ks-bars i:nth-child(3){opacity:.35;width:5px}.ks-tabs{grid-area:tabs;align-self:end;gap:4px;display:flex}#settings .ks-tab{width:78px;height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px;transition:background-color .15s,border-color .15s,color .15s,transform .12s;display:flex;position:relative}.ks-tab-ring{border:1.5px solid var(--ring);border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;transition:border-color .15s,color .15s;display:grid}.ks-tab-lbl{font:700 13px / 1 var(--fc);text-transform:uppercase;letter-spacing:.06em}.ks-tab:after{content:"";background:var(--accent);width:24px;height:3px;margin-left:-12px;transition:transform .18s;position:absolute;bottom:-1px;left:50%;transform:scaleX(0)}#settings .ks-tab[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--ink)}.ks-tab[aria-selected=true] .ks-tab-ring{border-color:var(--accent);color:var(--accent)}.ks-tab[aria-selected=true]:after{transform:scaleX(1)}#settings .ks-tab:active{transform:scale(.97)}.ks-main{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;border-radius:10px;grid-area:main;min-height:0;overflow-y:auto}.ks-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.ks-panel[hidden]{display:none}.ks-panel:not([hidden]){animation:.18s ease-out ks-in}.ks-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1px;display:grid}.ks-row{border-top:1px solid var(--hair);align-items:center;gap:2px 12px;min-height:52px;margin:0;padding:6px 14px;transition:opacity .15s;display:grid}.ks-list>.ks-row:nth-child(-n+2){border-top:0}.ks-row.is-off{opacity:.45}.ks-lbl{font:700 15px / 1.15 var(--fc);text-transform:uppercase;letter-spacing:.05em}.ks-row-sw{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;position:relative}.ks-row-sw:active{background:#ffffff0a}.ks-sw{opacity:0;width:1px;height:1px;margin:0;position:absolute}.ks-sw-ui{align-items:center;gap:10px;display:flex}.ks-sw-txt{text-align:right;text-transform:uppercase;letter-spacing:.04em;min-width:22px;color:var(--muted);font:600 13px/1 system-ui,sans-serif}.ks-sw-txt:before{content:attr(data-off)}.ks-track{border:1.5px solid var(--ring);background:#ffffff0a;border-radius:16px;width:56px;height:32px;transition:background-color .15s,border-color .15s;position:relative}.ks-track:after{content:"";background:var(--muted);border-radius:50%;width:21px;height:21px;transition:transform .18s cubic-bezier(.3,.7,.4,1),background-color .15s;position:absolute;top:4px;left:4px}.ks-sw:checked+.ks-sw-ui .ks-sw-txt{color:var(--ink)}.ks-sw:checked+.ks-sw-ui .ks-sw-txt:before{content:attr(data-on)}.ks-sw:checked+.ks-sw-ui .ks-track{background:var(--accent);border-color:var(--accent)}.ks-sw:checked+.ks-sw-ui .ks-track:after{background:#14110a;transform:translate(24px)}.ks-sw:focus-visible+.ks-sw-ui .ks-track,.ks-sw.nav-focus+.ks-sw-ui .ks-track{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink)}.ks-row-rg{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v""r r";padding-top:14px;padding-bottom:0}.ks-row-rg .ks-lbl{grid-area:l}.ks-row-rg output{text-align:right;font-variant-numeric:tabular-nums;grid-area:v;min-width:48px;font:600 14px/1 system-ui,sans-serif;transition:color .12s}.ks-row-rg:has(.ks-rg:active) output{color:var(--accent)}.ks-rg{--p:50%;appearance:none;touch-action:pan-x;cursor:pointer;background:0 0;grid-area:r;width:100%;height:34px;margin:0}.ks-rg::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p), #ffffff2e var(--p));border-radius:3px;height:6px}.ks-rg::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:3px solid #0c0f14;border-radius:50%;width:26px;height:26px;margin-top:-10px;transition:transform .12s;box-shadow:0 0 0 1.5px #fff9}.ks-rg::-moz-range-track{background:#ffffff2e;border-radius:3px;height:6px}.ks-rg::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}.ks-rg::-moz-range-thumb{background:var(--ink);border:3px solid #0c0f14;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1.5px #fff9}.ks-rg:active::-webkit-slider-thumb{transform:scale(1.15)}.ks-rg:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ink)}.ks-rg.nav-focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ink)}.ks-rg:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--ink)}.ks-rg.nav-focus::-moz-range-thumb{box-shadow:0 0 0 3px var(--ink)}.ks-rg.nav-focus{outline:none}.ks-row-seg{grid-template-columns:minmax(0,1fr);row-gap:8px;padding-top:10px;padding-bottom:10px}.ks-seg{border:1px solid var(--line);background:#00000040;border-radius:10px;gap:4px;padding:3px;display:flex}#settings .ks-seg button{min-width:0;height:42px;color:var(--muted);font:700 14px / 1 var(--fc);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:0;transition:background-color .15s,color .15s,transform .12s;display:flex}#settings .ks-seg button[aria-pressed=true]{background:var(--ink);color:#0c0f14}#settings .ks-seg button:disabled{opacity:.45;cursor:default}#settings .ks-seg button:active{transform:scale(.96)}.ks-row-acc{grid-column:1/-1;grid-template-columns:1fr auto auto}.ks-row-acc .ks-lbl{white-space:nowrap}.ks-list>.ks-row-acc:first-child+.ks-row-acc{border-top:1px solid var(--hair)}.ks-key{letter-spacing:.04em;color:var(--ink);font:600 13px/1 ui-monospace,monospace}#settings .ks-key-in{border:1px solid var(--line);width:20ch;min-width:0;height:36px;color:var(--ink);text-transform:uppercase;background:#ffffff0a;border-radius:8px;padding:0 10px;font:600 13px/1 ui-monospace,monospace}#settings .ks-link{border:1px solid var(--line);height:36px;color:var(--ink);font:700 12px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:8px;padding:0 12px}.ks-note{border-top:1px solid var(--hair);color:var(--muted);grid-column:1/-1;gap:8px;margin:0;padding:10px 14px 12px;font:400 13px/1.4 system-ui,sans-serif;display:flex}.ks-note svg{margin-top:1px;font-size:16px}#settings .ks-reset{min-height:48px;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:6px 0 0 6px;padding:0 8px;font:500 13px/1.25 system-ui,sans-serif;-webkit-text-decoration:underline #9aa4b280;text-decoration:underline #9aa4b280;display:flex}.ks-reset svg{font-size:17px}#settings .ks-reset:active{color:var(--ink)}.ks-status{grid-area:status;place-self:center;min-width:0}.ks-notice{background:#f5b72a1a;border:1px solid #f5b72a80;border-radius:10px;align-items:center;gap:10px;min-width:0;margin:0;padding:6px 12px 6px 8px;display:flex}.ks-notice-ic{border:1.5px solid var(--accent);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.ks-notice-txt{flex-direction:column;gap:4px;min-width:0;display:flex}.ks-notice-k{font:700 12px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;display:flex}.ks-notice-t{white-space:nowrap;text-overflow:ellipsis;font:500 13px/1.3 system-ui,sans-serif;overflow:hidden}.ks-notice.live{background:#ff8f7d14;border-color:#ff8f7d80}.ks-notice.live .ks-notice-ic{border-color:var(--danger);color:var(--danger)}.ks-notice.live .ks-notice-k{color:var(--danger)}.ks-live{background:var(--danger);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite ks-blink}.ks-actions{flex-direction:row-reverse;grid-area:actions;align-self:end;align-items:center;gap:12px;display:flex}#settings .ks-primary{background:var(--accent);color:#14110a;border:0;border-radius:6px;justify-content:center;align-items:center;width:190px;height:52px;padding:0;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}.ks-primary>span{font:italic 800 26px / 1 var(--fc);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;display:flex;transform:skew(12deg)}.ks-primary svg{font-size:24px}#settings .ks-primary:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#settings .ks-danger{background:var(--surface);height:48px;color:var(--danger);font:700 15px / 1 var(--fc);text-transform:uppercase;letter-spacing:.06em;border:1.5px solid #ff8f7d99;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;transition:transform .12s,background-color .15s,border-color .15s,color .15s;display:flex}.ks-danger>span{align-items:center;gap:8px;display:flex}.ks-danger svg{font-size:19px}#settings .ks-danger:active{background:#ff8f7d24;transform:scale(.97)}.ks-danger .d-armed{display:none}#settings .ks-danger[data-armed]{color:#fff;background:#b3311f;border-color:#b3311f}.ks-danger[data-armed] .d-idle{display:none}.ks-danger[data-armed] .d-armed{display:flex}#settings .ks-tab:focus-visible,#settings .ks-reset:focus-visible,#settings .ks-danger:focus-visible,#settings .ks-primary:focus-visible,#settings .ks-seg button:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}@keyframes ks-in{0%{opacity:0;transform:translateY(6px)}}@keyframes ks-blink{50%{opacity:.3}}@media (min-height:560px) and (min-width:900px){.ks-ui{zoom:1.35}}@media (orientation:portrait){.ks-ui{padding-top:max(28px, env(safe-area-inset-top));grid-template:"title""status""tabs""main"minmax(0,1fr)"actions"/minmax(0,1fr);row-gap:12px}.ks-status{justify-self:stretch}.ks-notice-t{white-space:normal}.ks-tabs{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}#settings .ks-tab{width:auto;height:60px}.ks-list{display:block}.ks-actions{flex-direction:column;align-items:stretch}#settings .ks-primary{width:auto;transform:skew(-8deg)}.ks-primary>span{transform:skew(8deg)}}@media (prefers-reduced-motion:reduce){.ks-live,.ks-panel:not([hidden]){animation:none}}.touch{pointer-events:none;padding:0 max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;display:flex;position:fixed;inset:0}.steer-zone{pointer-events:auto;touch-action:none;width:45%;height:60%;position:relative}.steer-base{pointer-events:none;will-change:left, top;background:#0000002e;border:3px solid #fff6;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute;top:calc(100% - 75px);left:75px}.steer-knob{will-change:transform;pointer-events:none;background:#ffffff59;border:3px solid #ffffffb3;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%}.steer-zone.held .steer-knob{background:#ffffff80}.buttons{pointer-events:auto;--s:88px;--step:calc(var(--s) + 12px);position:relative}.buttons .btn{width:var(--s);height:var(--s)}.buttons .btn:not(.drift){left:var(--x);top:var(--y);position:absolute}.btn.item{--x:0px;--y:calc(-1 * var(--step))}.btn.brake{--x:calc(-.866 * var(--step));--y:calc(-.5 * var(--step))}.btn.gas{--x:calc(-1.866 * var(--step));--y:calc(-.5 * var(--step))}.btn{font:inherit;color:#fff;touch-action:none;text-shadow:0 1px 2px #00000080;will-change:transform;border:3px solid #ffffffbf;border-radius:50%;font-weight:800}.btn.ring{text-shadow:none;background:#0000002e;border:3px solid #fff6;place-items:center;padding:0;display:grid}.btn.ring svg{filter:drop-shadow(0 1px 2px #00000080);width:40px;height:40px}.btn.ring.active{background:#ffffff40;border-color:#ffffffb3}.btn.gas{background:#16a34a80;font-size:15px}.touch.left-handed{flex-direction:row-reverse}.touch.left-handed .btn.brake{--x:calc(.866 * var(--step))}.touch.left-handed .btn.gas{--x:calc(1.866 * var(--step))}.touch.left-handed .steer-base{left:calc(100% - 75px)}.btn.active{filter:brightness(1.5);transform:scale(.95)}@media (orientation:landscape) and (max-height:520px){.menu .panel.wide{width:min(720px,100%);padding:16px 22px}.field{margin-bottom:10px}.panel button,.panel input{padding:9px 18px;font-size:17px}.overlay .panel{padding:14px 22px}}#pad-pair{--r:clamp(12px, min(100vw / 80, 100vh / 45), 28px);--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14c7;--line:#ffffff29;--ring:#ffffff61;--fc:"Barlow Condensed", system-ui, sans-serif;z-index:10;color:var(--ink);background:linear-gradient(90deg,#090b0ff2,#090b0fd9 50%,#090b0fed);padding:0;display:block}#pad-pair.hidden{display:none}#pad-pair button{font:inherit;color:inherit;cursor:pointer;margin:0}#pad-pair svg{flex:none;width:1em;height:1em}.pp-ui{padding:calc(2.25 * var(--r)) calc(2.75 * var(--r));gap:calc(1.25 * var(--r)) calc(3 * var(--r));grid-template:"head head""qr main"minmax(0,1fr)"foot foot"/auto minmax(0,1fr);display:grid;position:absolute;inset:0}.pp-head{align-items:center;gap:var(--r);grid-area:head;display:flex}#pad-pair .pp-back{width:calc(3.5 * var(--r));height:calc(3.5 * var(--r));border:2px solid var(--ring);background:var(--surface);font-size:calc(1.6 * var(--r));border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#pad-pair .pp-back:hover{border-color:var(--ink)}#pad-pair .pp-back:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}.pp-head h1{font:italic 800 calc(2.5 * var(--r)) / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;margin:0}.pp-qrcol{align-self:start;align-items:center;gap:calc(.75 * var(--r));flex-direction:column;grid-area:qr;display:flex}.pp-qrframe{padding:calc(.6 * var(--r));background:var(--surface);border:1px solid var(--line);border-radius:14px;position:relative}.pp-qrframe:after{content:"";top:-1px;right:calc(1.5 * var(--r));width:calc(2 * var(--r));height:calc(.35 * var(--r));background:var(--accent);position:absolute;transform:skew(-30deg)}#pad-qr{width:calc(17 * var(--r));height:calc(17 * var(--r));padding:calc(1.1 * var(--r));background:#fff;border-radius:8px}#pad-qr svg{width:100%;height:100%;display:block}.pp-qroff{inset:calc(.6 * var(--r));text-align:center;font:600 var(--r) / 1.3 system-ui, sans-serif;color:#30363f;place-items:center;display:none;position:absolute}#pad-pair:not([data-conn=ready]) .pp-qroff{display:grid}.pp-qroff-i{margin:0 auto calc(.5 * var(--r));font-size:calc(2.2 * var(--r));display:block}#pad-pair[data-conn=connecting] .pp-qroff-i svg{animation:1s linear infinite mp-spin}.pp-qrlbl{align-items:center;gap:calc(.5 * var(--r));font:700 var(--r) / 1 var(--fc);letter-spacing:.12em;text-transform:uppercase;display:flex}.pp-qrlbl svg{font-size:calc(1.3 * var(--r));color:var(--accent)}#pad-url{max-width:calc(19 * var(--r));font:400 calc(.95 * var(--r)) / 1.2 ui-monospace, monospace;color:var(--muted);text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0}.pp-main{gap:calc(1.1 * var(--r));flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.pp-lbl{font:700 var(--r) / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pp-code{gap:calc(.35 * var(--r));flex-direction:column;display:flex}.pp-code-row{align-items:baseline;gap:calc(1.25 * var(--r));flex-wrap:wrap;display:flex}#pad-code{font:700 calc(5.5 * var(--r)) / .9 var(--fc);letter-spacing:.24em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 -.24em 0 0}#pad-code.long{font-size:calc(4.4 * var(--r));letter-spacing:.14em;margin-right:-.14em}#pad-pair:not([data-conn=ready]) #pad-code{color:var(--muted)}.pp-code-k{height:calc(1.7 * var(--r));padding:0 calc(.6 * var(--r));border:1px solid var(--ring);border-radius:calc(.85 * var(--r));font:700 calc(.9 * var(--r)) / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase;place-items:center;display:grid}.pp-code-k:empty{display:none}.pp-steps{align-items:center;gap:calc(1.75 * var(--r));margin:0;padding:0;list-style:none;display:flex}.pp-steps li{align-items:center;gap:calc(.75 * var(--r));min-width:0;font:500 var(--r) / 1.25 system-ui, sans-serif;display:flex}.pp-steps li:not(:last-child):after{content:"";width:calc(.6 * var(--r));height:calc(.6 * var(--r));margin-left:calc(.75 * var(--r));border-top:2px solid var(--ring);border-right:2px solid var(--ring);flex:none;transform:rotate(45deg)}.pp-steps b{font-weight:600}.pp-ring{width:calc(2.6 * var(--r));height:calc(2.6 * var(--r));border:2px solid var(--ring);font-size:calc(1.3 * var(--r));border-radius:50%;flex:none;place-items:center;display:grid}#pad-slots{gap:calc(.9 * var(--r));grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pp-slot{height:calc(6.25 * var(--r));padding:calc(.75 * var(--r)) calc(.9 * var(--r));background:#0c0f1480;border:2px dashed #ffffff38;border-radius:10px;flex-direction:column;justify-content:space-between;transition:border-color .3s,background-color .3s;display:flex;position:relative}.pp-slot-top{align-items:center;gap:calc(.6 * var(--r));display:flex}.pp-slot-top svg{font-size:calc(1.5 * var(--r));color:var(--muted);margin-left:auto}.pp-badge{height:calc(2 * var(--r));min-width:calc(2.6 * var(--r));padding:0 calc(.4 * var(--r));border:2px solid var(--c);color:var(--c);font:italic 800 calc(1.4 * var(--r)) / 1 var(--fc);border-radius:6px;place-items:center;transition:background-color .3s,color .3s;display:grid}.pp-slot-s{font:700 calc(1.15 * var(--r)) / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pp-slot-n{font:400 calc(.9 * var(--r)) / 1.2 system-ui, sans-serif;color:var(--muted)}.pp-slot[data-state=free]{animation:2.4s ease-in-out infinite pp-wait;animation-delay:calc(var(--i) * .3s)}#pad-pair:not([data-conn=ready]) .pp-slot[data-state=free]{opacity:.6;animation:none}.pp-slot[data-state=on]{border:2px solid var(--c);background:#eef1f514}.pp-slot[data-state=on] .pp-badge{background:var(--c);color:#14110a}.pp-slot[data-state=on] .pp-slot-s,.pp-slot[data-state=on] svg{color:var(--ink)}.pp-slot[data-state=gone]{border-color:#ff8f7d99}.pp-slot[data-state=gone] .pp-slot-s{color:var(--danger)}.pp-slot.lit{animation:.9s ease-out pp-lit}.pp-stat{gap:calc(.6 * var(--r));flex-direction:column;display:flex}#pad-status{align-items:center;gap:calc(.6 * var(--r));min-height:calc(1.8 * var(--r));font:600 calc(1.15 * var(--r)) / 1.3 system-ui, sans-serif;margin:0;display:flex}#pad-status svg{font-size:calc(1.35 * var(--r))}#pad-status[data-kind=busy] svg{animation:1s linear infinite mp-spin}#pad-status[data-kind=error]{color:var(--danger)}.pp-pulse,.pp-dot{width:calc(.8 * var(--r));height:calc(.8 * var(--r));background:var(--ink);border-radius:50%;flex:none}.pp-pulse{animation:1.8s ease-in-out infinite rs-blink}.pp-dot{background:var(--c)}.pp-note{max-width:calc(46 * var(--r));gap:calc(.6 * var(--r));font:400 calc(.95 * var(--r)) / 1.4 system-ui, sans-serif;color:var(--muted);align-items:flex-start;margin:0;display:flex}.pp-note.hidden{display:none}.pp-note svg{font-size:calc(1.15 * var(--r));margin-top:.05em}#pad-local-note{padding:calc(.6 * var(--r)) calc(.8 * var(--r));color:var(--ink);background:#ff8f7d14;border:1px solid #ff8f7d80;border-radius:10px}#pad-local-note svg{color:var(--danger)}.pp-foot{justify-content:flex-end;align-items:center;gap:calc(1.5 * var(--r));grid-area:foot;display:flex}.pp-split{align-items:center;gap:calc(.6 * var(--r));font:500 var(--r) / 1.3 system-ui, sans-serif;margin:0 auto 0 0;display:flex}.pp-split.hidden{display:none}.pp-split .pp-ring{width:calc(2.2 * var(--r));height:calc(2.2 * var(--r));font-size:calc(1.1 * var(--r))}#pad-pair #pad-stop{height:calc(3.5 * var(--r));align-items:center;gap:calc(.7 * var(--r));padding:0 calc(1.2 * var(--r)) 0 calc(.5 * var(--r));background:var(--surface);color:var(--danger);font:700 calc(1.1 * var(--r)) / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid #ff8f7d99;border-radius:10px;transition:background-color .12s,transform .12s;display:flex}#pad-pair #pad-stop.hidden{display:none}#pad-stop .pp-ring{width:calc(2.4 * var(--r));height:calc(2.4 * var(--r));font-size:calc(1.2 * var(--r));border-color:#ff8f7d99}#pad-pair #pad-stop:hover{background:#ff8f7d1f}#pad-pair #pad-stop:active{transform:scale(.97)}#pad-pair #pad-stop[data-armed]{color:#fff;background:#b3311f;border-color:#b3311f}#pad-stop[data-armed] .pp-ring{border-color:#fff}#pad-pair #pad-done{height:calc(4.25 * var(--r));min-width:calc(13 * var(--r));margin:0 calc(.5 * var(--r));padding:0 calc(1.5 * var(--r));background:var(--accent);color:#14110a;border:0;border-radius:6px;justify-content:center;align-items:center;transition:transform .12s,background-color .12s;display:flex;transform:skew(-12deg)}#pad-done>span{align-items:center;gap:calc(.7 * var(--r));font:italic 800 calc(2 * var(--r)) / 1 var(--fc);text-transform:uppercase;letter-spacing:.03em;display:flex;transform:skew(12deg)}#pad-pair #pad-done:hover{background:#ffc53d}#pad-pair #pad-done:active{background:#d99c12;transform:skew(-12deg)scale(.96)}#pad-pair #pad-done:focus-visible,#pad-pair .pp-back:focus-visible,#pad-pair #pad-stop:focus-visible,#pad-pair .nav-focus{box-shadow:0 0 0 4px #0c0f14, 0 0 0 8px var(--ink);outline:none}@keyframes pp-wait{0%,to{border-color:#ffffff29}50%{border-color:#ffffff6b}}@keyframes pp-lit{0%{background:var(--c);transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){#pad-pair *{animation:none!important}}.pad{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--danger:#ff8f7d;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;z-index:20;color:var(--ink);background:radial-gradient(120% 90% at 50% 40%,#10141a 0%,#0b0e12 70%);position:fixed;inset:0}.pad svg{flex:none;width:1em;height:1em}.pad:not(.hidden)~.touch{z-index:21}.pd-edge{background:var(--player,var(--ink));height:4px;position:absolute;inset:0 0 auto}.pad.lost .pd-edge{background:repeating-linear-gradient(90deg, var(--danger) 0 24px, transparent 24px 32px)}#pad-state,.pd-sys{z-index:22;position:absolute}#pad-state{top:calc(max(14px, env(safe-area-inset-top)) + 4px);left:max(24px, env(safe-area-inset-left));align-items:center;gap:10px;max-width:calc(50% - 170px);display:flex}.pd-badge{background:var(--player,var(--ink));color:#14110a;width:48px;height:48px;font:italic 800 32px / 1 var(--fc);border-radius:10px;flex:none;place-items:center;display:grid}.pd-st-t,.pd-lost{flex-direction:column;gap:3px;min-width:0;display:flex}.pd-st-l{font:700 20px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase}.pd-st-s{color:var(--muted);font:400 12px/1.2 system-ui,sans-serif}.pd-lost{display:none}.pad.lost .pd-badge{box-shadow:inset 0 0 0 1.5px var(--danger);color:var(--danger);background:0 0}.pad.lost .pd-ok-t{display:none}.pad.lost .pd-lost{display:flex}.pd-lost b{font:700 18px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase;color:var(--danger)}.pd-lost span{align-items:center;gap:6px;font:500 13px/1 system-ui,sans-serif;display:flex}.pd-lost svg{animation:1s linear infinite mp-spin}.pd-sys{top:max(14px, env(safe-area-inset-top));gap:10px;display:flex;left:50%;transform:translate(-50%)}.pd-sb{border:1px solid var(--line);background:var(--surface);height:48px;color:var(--ink);font:700 13px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border-radius:24px;align-items:center;gap:8px;padding:0 12px 0 6px;transition:transform .12s,border-color .12s,background-color .12s;display:flex;position:relative}.pd-ring{border:1.5px solid var(--ring);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.pd-sb:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.96)}.pd-sb:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#pad-exit .pd-ring{color:var(--danger);border-color:#ff8f7d99}#pad-exit:after{content:"";background:var(--danger);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}#pad-exit.holding{border-color:var(--danger);background:#ff8f7d1f}#pad-exit.holding:after{transition:transform .7s linear;transform:scaleX(1)}.pd-hint{letter-spacing:0;text-transform:none;color:var(--danger);white-space:nowrap;opacity:0;font:500 12px/1 system-ui,sans-serif;transition:opacity .15s;position:absolute;top:calc(100% + 6px);right:0}.pd-hint.on{opacity:1}#pad-item{pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:132px;margin:-60px 0 0 -66px;display:flex;position:absolute;top:50%;left:50%}#pad-item[data-item=none]{visibility:hidden}.pd-item-r{border:2px solid var(--accent);background:#f5b72a14;border-radius:50%;place-items:center;width:112px;height:112px;font-size:62px;display:grid}.pd-item-n{font:700 18px / 1 var(--fc);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}#pad-item[data-item=roulette] .pd-item-r{border:2px dashed var(--ring);color:var(--muted);background:0 0}#pad-item[data-item=roulette] .pd-item-r svg{animation:1.2s linear infinite mp-spin}#pad-item[data-item=roulette] .pd-item-n{color:var(--muted)}#pad-item.new .pd-item-r{animation:.28s ease-out pd-pop}.pd-hit{z-index:23;pointer-events:none;border:3px solid var(--danger);opacity:0;position:absolute;inset:0}.pd-hit.on{animation:.45s ease-out pd-hit}@keyframes pd-pop{0%{opacity:.3;transform:scale(.8)}}@keyframes pd-hit{0%{opacity:.9}to{opacity:0}}@media (orientation:portrait){#pad-state{max-width:none;top:max(28px, env(safe-area-inset-top))}.pd-sys{top:auto;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 190px);left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));flex-wrap:wrap;justify-content:center;gap:8px;transform:none}#pad-item{top:40%}}@media (prefers-reduced-motion:reduce){.pad *{animation:none!important}}.pad:not(.hidden)~.touch .steer-zone{width:55%;height:80%}.btn.item{position:relative}.btn.item:before,.btn.item:after{opacity:.5;font-size:11px;transition:transform .1s,opacity .1s;position:absolute;left:50%;transform:translate(-50%)}.btn.item:before{content:"▲";top:5px}.btn.item:after{content:"▼";bottom:5px}.btn.item.aim-forward:before,.btn.item.aim-back:after{opacity:1;color:#ffe066;transform:translate(-50%)scale(1.6)}.split-hud{pointer-events:none;z-index:1;position:fixed;inset:0}#garage{--ink:#eef1f5;--muted:#9aa4b2;--accent:#f5b72a;--surface:#0c0f14b8;--line:#ffffff24;--ring:#ffffff57;--fc:"Barlow Condensed", system-ui, sans-serif;color:var(--ink);touch-action:none;cursor:grab;background:0 0;padding:0;display:block}#garage.hidden{display:none}#garage:active{cursor:grabbing}#garage button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;margin:0}#garage svg{flex:none;width:1em;height:1em}.gr-ui{pointer-events:none;max-width:1100px;margin:0 auto;position:absolute;inset:0}.gr-ui>*{pointer-events:auto;cursor:default;position:absolute}.gr-head{top:max(14px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));align-items:center;gap:12px;display:flex}#garage .gr-ring-btn{border:1.5px solid var(--ring);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:transform .12s,border-color .12s,background-color .12s;display:grid}#garage .gr-ring-btn.hidden{display:none}#garage .gr-ring-btn:active{border-color:var(--accent);background:#f5b72a29;transform:scale(.94)}#garage .gr-ring-btn:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}.gr-head h1{font:italic 800 30px / .9 var(--fc);text-transform:uppercase;letter-spacing:.02em;margin:0}.gr-pick{left:max(24px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex}#garage .gr-pick .gr-ring-btn{width:56px;height:56px;font-size:26px}.gr-nb{flex-direction:column;gap:5px;min-width:150px;max-width:240px;padding-bottom:2px;display:flex}.gr-count{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font:500 12px/1 system-ui,sans-serif;display:flex}.gr-count.hidden{display:none}.gr-dots{align-items:center;gap:4px;display:flex}.gr-dots i{border:1px solid #ffffff73;border-radius:50%;width:8px;height:8px}.gr-dots i.cur{background:var(--ink);border-color:var(--ink);border-radius:4px;width:18px}.gr-dots i.use{box-shadow:0 3px 0 -1px var(--accent)}#garage-name{font:italic 800 28px / .95 var(--fc);text-transform:uppercase;letter-spacing:.02em;margin:0;animation:.2s ease-out gr-in}.gr-sub{color:var(--muted);margin:0;font:400 12px/1.3 system-ui,sans-serif}.gr-color{top:max(14px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));width:216px}.gr-note{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;font:400 12px/1.35 system-ui,sans-serif;display:flex}.gr-ring{border:1.5px solid var(--ring);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:16px;display:grid}.gr-note b{font:700 13px / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:3px;display:block}.gr-act{right:max(24px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));width:240px}.gr-inuse{border:1px solid var(--line);background:var(--surface);height:52px;font:700 16px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;gap:10px;display:flex}.gr-inuse.hidden,.gr-use.hidden{display:none}.gr-use{border:1px solid var(--accent);width:100%;height:52px;color:var(--ink);font:700 16px / 1 var(--fc);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f5b72a24;border-radius:10px;justify-content:center;align-items:center;gap:10px;display:flex}.gr-use:active{transform:scale(.97)}.gr-use:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}.gr-use .gr-ring{border-color:var(--accent);color:var(--accent)}.gr-stats{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin:0 0 8px;padding:10px 12px;display:grid}.gr-stats dt{font:700 11px / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.gr-stats dd{grid-template-columns:repeat(5,1fr);gap:3px;margin:0;display:grid}.gr-stats dd i{background:#ffffff24;border-radius:1px;height:6px}.gr-stats dd i.on{background:var(--accent)}.gr-look{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}.gr-look-h{align-items:center;gap:10px;margin-bottom:8px;display:flex}.gr-look-h b{font:700 13px / 1 var(--fc);letter-spacing:.1em;text-transform:uppercase}.gr-slots{background:#ffffff0d;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:8px;padding:2px;display:grid}#garage .gr-slots button{color:var(--muted);font:700 11px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 0}#garage .gr-slots button[aria-selected=true]{background:var(--ink);color:#0c0f14}.gr-swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}#garage .gr-sw{aspect-ratio:1;background:var(--sw);cursor:pointer;color:#fff;border:1px solid #ffffff38;border-radius:6px;place-items:center;font-size:14px;display:grid;position:relative}#garage .gr-sw.default:after{content:"";background:#0c0f148c;border-radius:1px;position:absolute;inset:45% 15%}#garage .gr-sw[aria-checked=true]{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--accent)}#garage .gr-sw.locked{filter:saturate(.35)brightness(.55)}#garage .gr-sw.locked.previewing{filter:none;box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink)}#garage .gr-sw.locked svg{filter:drop-shadow(0 1px 1px #0009);width:14px;height:14px}#garage .gr-sw:focus-visible{box-shadow:0 0 0 2px #0c0f14, 0 0 0 4px var(--ink);outline:none}#garage .gr-sw.paid:before{content:"";border-style:solid;border-width:0 9px 9px 0;border-color:transparent var(--accent) transparent transparent;position:absolute;top:0;right:0}.gr-offer{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.gr-offer.hidden{display:none}.gr-offer-t{color:var(--ink);margin:0 0 8px;font:600 12px/1.3 system-ui,sans-serif}#garage .gr-buy{background:var(--accent);color:#14110a;width:100%;height:40px;font:700 14px / 1 var(--fc);letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:8px}#garage .gr-buy:disabled{color:#c7ccd3;letter-spacing:0;text-transform:none;cursor:default;background:#3a3f47;font:600 11px/1.2 system-ui,sans-serif}.gr-offer-n{color:var(--muted);margin:6px 0 0;font:400 11px/1.3 system-ui,sans-serif}.gr-look-info{min-height:2.6em;color:var(--muted);margin:8px 0 0;font:400 12px/1.3 system-ui,sans-serif}.gr-trait{color:var(--ink);margin:0 0 8px;font:400 12px/1.35 system-ui,sans-serif}.gr-inuse .gr-ring{border-color:var(--accent);color:var(--accent)}@keyframes gr-in{0%{opacity:0;transform:translateY(4px)}}@media (min-height:560px) and (min-width:900px){.gr-ui{zoom:1.35}}@media (orientation:landscape) and (max-height:540px){.gr-ui{box-sizing:border-box;padding:max(10px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto auto auto 1fr auto;grid-template-columns:200px 1fr 252px;column-gap:16px;display:grid}.gr-ui>*{position:static}.gr-color{display:contents}.gr-head{grid-area:1/1/2/3}.gr-stats{grid-area:2/1;align-self:start;gap:5px 10px;margin:12px 0 6px;padding:8px 10px}.gr-trait{grid-area:3/1;align-self:start;margin:0}.gr-pick{grid-area:5/1/6/3;align-self:end}.gr-look{box-sizing:border-box;grid-area:1/3/5/4;align-self:start;min-height:0;max-height:100%;padding:6px 10px;overflow-y:auto}.gr-look-h{display:none}.gr-swatches{gap:5px}#garage .gr-sw{aspect-ratio:5/4}.gr-look-info{min-height:0;margin-top:6px;font-size:11px}.gr-offer{margin-top:6px;padding-top:6px}.gr-offer-t{margin-bottom:6px;font-size:11px}#garage .gr-buy{height:34px}.gr-offer-n{margin-top:4px;font-size:10px}.gr-act{grid-area:5/3;width:auto;margin-top:6px}.gr-inuse,.gr-use{height:44px}}@media (orientation:portrait){.gr-color{top:calc(max(14px, env(safe-area-inset-top)) + 64px);left:max(24px, env(safe-area-inset-left));width:auto}.gr-pick{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 64px);right:max(24px, env(safe-area-inset-right))}.gr-act{left:max(24px, env(safe-area-inset-left));width:auto}}@media (prefers-reduced-motion:reduce){#garage-name{animation:none}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff")}