:root{--bg:#0b0b06;--ink:#efe6c4;--dim:#7d7660;--yellow:#d9c46a;--amber:#f0a64a;--teal:#5fe0b4;--red:#ff4a3a;--panel:#0a0a06bd;--line:#d9c46a59;--pixel:"Silkscreen", "Cubic 11", monospace;--dot:"Cubic 11", sans-serif;--cjk:"Noto Sans TC", sans-serif;--title:"Anton", "Noto Sans TC", sans-serif;--safe-l:max(16px, env(safe-area-inset-left));--safe-r:max(16px, env(safe-area-inset-right));--safe-b:max(14px, env(safe-area-inset-bottom));--safe-t:max(12px, env(safe-area-inset-top));--minimap-size:168px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-synthesis:none;background:var(--bg);height:100%;color:var(--ink);font-family:var(--cjk);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#view{width:100vw;height:100vh;height:100dvh;image-rendering:pixelated;touch-action:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui button,#ui input,#ui select,#ui form,#ui a,#ui li,#ui .modal{pointer-events:auto}button{font:700 15px var(--pixel);letter-spacing:.04em;color:var(--ink);border:1px solid var(--line);cursor:pointer;text-transform:uppercase;background:#1e1c10d9;padding:9px 14px}button.on{background:var(--yellow);color:#14120a;border-color:var(--yellow)}@media (hover:hover){button:hover:not(:disabled){background:var(--yellow);color:#14120a;border-color:var(--yellow)}}button:disabled{opacity:.45;cursor:default}button.danger{color:#ffb3aa;border-color:#ff4a3a99}@media (hover:hover){button.danger:hover{background:var(--red);color:#140606}}input,select{font:16px var(--dot);color:var(--ink);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#0000008c;outline:none;padding:8px 10px}input:focus{border-color:var(--yellow)}.screen{pointer-events:none;--danger:0;position:absolute;top:0;bottom:0;left:0;right:0}.screen.cctv:before{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.loading-screen{z-index:50;cursor:default;pointer-events:auto;background:#1b1708;place-items:center;transition:opacity .6s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loading-screen.ready{cursor:pointer}.loading-screen.out{opacity:0}.loading-wall{image-rendering:pixelated;filter:brightness()contrast(1.45);background:#0b1212 url(/lol/assets/ui/loading_store.png) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.loading-wall:after{content:"";background:radial-gradient(at 50% 38%,#fff5be2e,#000000d1 72%),repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;top:0;bottom:0;left:0;right:0}.loading-level,.loading-sub,.loading-tip,.loading-note,.loading-status{text-shadow:0 0 4px #000,0 0 10px #000,0 1px #000}.loading-static{width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:screen;opacity:.55;pointer-events:none;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0;right:0}.loading-screen.out .loading-static{opacity:1;filter:brightness(1.6)}.loading-inner{text-align:center;width:min(560px,100vw - 32px);position:relative}.loading-level{font:13px var(--pixel);color:var(--yellow);letter-spacing:.3em;opacity:.85;padding-left:.3em}.loading-title{font:900 clamp(38px, 9vw, 72px)/1.05 var(--title);color:#fff6d0;text-shadow:3px 3px #6b5a20,0 0 24px #ffe68c59;margin:10px 0 2px}.loading-sub{font:14px var(--pixel);letter-spacing:.4em;color:var(--yellow);margin-bottom:34px}.tube{background:linear-gradient(#6a603e,#34301b 50%,#1f1b0e);border:1px solid #a99a6a;border-radius:13px;height:26px;margin:0;padding:4px;position:relative;box-shadow:0 0 0 2px #0b0a04,0 10px 24px #0009,inset 0 1px #fff4c859}.tube-glass{background:linear-gradient(#0d0c06,#1a170c 55%,#0d0c06);border-radius:9px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000,inset 0 -1px #fff0be14}.tube-fill{background:linear-gradient(#ffffffe6 0 14%,#0000 14% 30%,#a08c4638 85% 100%),linear-gradient(90deg,#f6ecbf,#fffbea 40%,#fff6d4);border-radius:9px;width:0;transition:width .25s steps(5,end);position:absolute;top:0;bottom:0;left:0;right:auto;box-shadow:0 0 14px 3px #fff4c499}.tube-fill:after{content:"";background:radial-gradient(at 100%,#fff 0 30%,#fffce600 75%);border-radius:9px;width:26px;animation:2.4s step-end infinite buzz;position:absolute;top:0;bottom:0;right:0}.tube.full .tube-fill{animation:.9s step-end strike;box-shadow:0 0 22px 6px #fff4c4bf}.tube.full .tube-fill:after{display:none}.tube.full{box-shadow:0 0 0 2px #0b0a04,0 10px 24px #0009,0 0 46px #ffeeaa47,inset 0 1px #fff4c859}@keyframes buzz{0%,91%,to{opacity:1}92%{opacity:.35}93%{opacity:.95}95%{opacity:.5}}@keyframes strike{0%{opacity:.4}12%{opacity:1}22%{opacity:.55}34%,to{opacity:1}}.loading-screen.waking .tube-fill{animation:1.6s step-end infinite starter}@keyframes starter{0%,70%,to{opacity:1}72%{opacity:.45}76%{opacity:.9}80%{opacity:.6}}.loading-status{min-height:1.4em;font:15px var(--pixel);letter-spacing:.18em;color:#ffdf7a;margin:-18px 0 14px}.loading-screen.waking .loading-status:after{content:"▮";margin-left:6px;animation:1s step-end infinite blink}.loading-note{max-width:460px;font:14px/1.6 var(--dot);color:#cfc395;min-height:0;margin:12px auto 0}.loading-note:empty{display:none}.wake-retry{margin-top:14px}.loading-pct{font:16px var(--pixel);color:#fff3c4;letter-spacing:.2em;margin-top:14px}.loading-pct.blink{animation:1s step-end infinite blink}button.loading-enter{border:1px solid var(--line);text-transform:none;touch-action:manipulation;background:#1412088c;min-width:180px;min-height:48px;margin:14px auto 0;padding:10px 18px;display:block}button.loading-enter:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@keyframes blink{50%{opacity:.25}}.loading-tip{min-height:2.8em;font:16px/1.5 var(--dot);color:#e8dcae;opacity:0;text-shadow:0 1px #000;margin-top:26px;transition:opacity .5s}.loading-tip.show{opacity:1}.menu-shade{background:linear-gradient(90deg,#000000c7 0%,#00000059 45%,#0000008c 100%),linear-gradient(#0000 72%,#000000bf 100%);position:absolute;top:0;bottom:0;left:0;right:0}.feed-badge{top:var(--safe-t);left:var(--safe-l);font:13px var(--pixel);color:#e7ffe9;letter-spacing:.08em;text-shadow:0 1px #000;position:absolute}.home-status{top:var(--safe-t);left:var(--safe-l);max-width:calc(100% - var(--safe-l) - var(--safe-r) - 100px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.home-status .feed-badge{position:static}.home-queue{overflow-wrap:anywhere;max-width:min(520px,100%);line-height:1.5}.rec{color:#ff5b4d;margin-right:6px;animation:1.2s step-end infinite blink}.rec.live{color:#ff3b30;animation:none}.menu-title{left:max(4vw, var(--safe-l));position:absolute;top:50%;transform:translateY(-58%)}.menu-title .t1,.menu-title .t2{font:400 clamp(46px, 9vw, 128px)/.95 var(--title);color:#f4f4f2;letter-spacing:.01em;white-space:nowrap;text-shadow:1px 1px #c9c9c4,2px 2px #b3b3ad,3px 3px #9b9b95,4px 4px #85857f,5px 5px #6c6c66,6px 6px #55554f,7px 7px 14px #000c}html[lang=zh-Hant] .menu-title .t1,html[lang=zh-Hant] .menu-title .t2{font-family:var(--cjk);font-weight:900}.menu-title .t2{font-size:clamp(64px,13vw,180px)}.menu-title .t3{font:13px var(--pixel);letter-spacing:.5em;color:#b9b29a;margin-top:14px}.menu-list{right:max(9vw, var(--safe-r));text-align:left;margin:0;padding:0;list-style:none;position:absolute;top:50%;transform:translateY(-50%)}.menu-list li{font:400 clamp(24px, 3.4vw, 40px)/1.12 var(--title);color:#c8c6be6b;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;outline:none;padding:1px 0;transition:color 80ms,transform 80ms}html[lang=zh-Hant] .menu-list li{font-family:var(--cjk);letter-spacing:.06em;font-weight:900}.menu-list li b{font-weight:inherit}.menu-list li.sel{color:#fbfbf7;text-shadow:0 0 16px #fffff04d;transform:translate(-6px)}.menu-list li.sel:before{content:"▸ ";color:var(--yellow)}.menu-corner{top:var(--safe-t);right:var(--safe-r);font:12px var(--pixel);color:#a8a28a;align-items:center;gap:12px;display:flex;position:absolute}.icon-btn{width:40px;height:40px;padding:0;font-size:20px}.menu-footer{left:0;right:0;bottom:var(--safe-b);text-align:center;padding:0 var(--safe-r) 0 var(--safe-l);position:absolute}.menu-footer .controls{font:13px var(--pixel);color:#d8d3bd;letter-spacing:.06em}.menu-footer .tip{font:14px var(--dot);color:#9e977c;margin-top:6px}.hud-tl{top:var(--safe-t);left:var(--safe-l);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-tl:not(.spec){flex-direction:row}.hud-tl.spec{max-width:calc(100vw - var(--safe-l) - var(--safe-r))}.screen:not(.cctv) .hud-tl.spec{max-width:calc(100vw - var(--safe-l) - var(--safe-r) - var(--minimap-size) - 8px)}.hud-tl.spec>*{max-width:100%}.hud-btn{background:var(--panel);padding:7px 10px;font-size:12px;position:relative}.hud-btn .badge{background:var(--teal);width:9px;height:9px;box-shadow:0 0 6px var(--teal);display:none;position:absolute;top:-4px;right:-4px}.hud-btn .badge.on{display:block}.spec-buttons{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.spec-buttons .hud-btn{max-width:100%}.view-menu{min-width:0;max-width:100%;position:relative}.view-options{z-index:5;border:1px solid var(--line);background:#0c0b06f0;flex-direction:column;min-width:100%;display:flex;position:absolute;top:calc(100% + 4px);left:0}.view-options[hidden]{display:none}.racer-opt{text-align:left;width:100%;display:block}.view-opt{text-align:left;white-space:nowrap;background:0 0;border:0;padding:10px 14px;font-size:12px}.view-opt[aria-checked=true]{color:var(--yellow)}.view-opt[aria-checked=true]:after{content:" ✓"}.cam-dot{color:#ff3b30;font-style:normal}.view-opt:hover .cam-dot,.view-opt.on .cam-dot{color:inherit}.cam-switch{align-items:center;gap:6px;display:flex}.cam-switch[hidden]{display:none}.cam-osd{font:12px var(--pixel);color:#fff;background:var(--panel);white-space:nowrap;gap:10px;padding:7px 10px;display:flex}.cam-zoom{color:var(--teal);text-align:right;min-width:3.2em}.live-line{font:13px var(--pixel);color:#fff;background:var(--panel);overflow-wrap:anywhere;border-left:3px solid #ff3b30;min-width:0;padding:6px 10px}.queue-chip{font:12px var(--pixel);color:var(--teal);background:var(--panel);padding:5px 9px}.queue-chip:empty,.screen.cctv .hud-tr,.screen.cctv .hud-timer,.hud-timer.col{display:none}.hud-timer{top:var(--safe-t);font:26px var(--pixel);color:#fff6d2;letter-spacing:.06em;text-shadow:2px 2px #000000d9,0 0 12px #ffdc8c40;position:absolute;left:50%;transform:translate(-50%)}.hud-tr{top:var(--safe-t);right:var(--safe-r);position:absolute}.minimap{width:var(--minimap-size);height:var(--minimap-size);image-rendering:pixelated;opacity:.92;display:block;box-shadow:0 0 0 1px #0009,0 6px 18px #0000008c}.stamina{bottom:calc(var(--safe-b) + 6px);background:#0000008c;border:1px solid #d9c46a66;width:min(260px,40vw);height:8px;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}.stamina.full{opacity:.25}.stamina-fill{background:var(--yellow);width:100%;height:100%}.stamina.low .stamina-fill{background:var(--red);animation:.4s step-end infinite blink}.stamina span{font:10px var(--pixel);color:#efe6c499;position:absolute;top:-15px;left:0}.mode-play:after,.mode-spectate:after{content:"";pointer-events:none;box-shadow:inset 0 0 calc(120px * var(--danger)) calc(30px * var(--danger)) rgba(160, 0, 0, calc(.55 * var(--danger)));position:absolute;top:0;bottom:0;left:0;right:0}.flash-text{font:900 clamp(24px, 4vw, 44px) var(--cjk);color:#fff;opacity:0;text-shadow:3px 3px #000;white-space:nowrap;transition:opacity .2s,transform .2s;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.9)}.flash-text.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.flash-text.bad{color:#ff5a4a}.flash-text.calm{color:var(--teal);font-size:clamp(16px,2.4vw,26px)}.vote-banner{top:calc(var(--safe-t) + 44px);text-align:center;max-width:min(560px,92vw);font:14px/1.5 var(--dot);background:#460804d1;border:1px solid #ff5a4699;padding:8px 12px;display:none;position:absolute;left:50%;transform:translate(-50%)}.vote-banner.on{pointer-events:auto;display:block}.vote-banner button{margin:6px 4px 0;padding:5px 10px;font-size:12px}.gyro-btn{border-color:var(--teal);background:#143c32e6;font-size:14px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.chat-feed{left:var(--safe-l);bottom:calc(var(--safe-b) + 40px);pointer-events:none;flex-direction:column;gap:2px;width:min(340px,46vw);display:flex;position:absolute}.chat-line{font:14px/1.35 var(--dot);color:#f1ead0;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,0 0 6px #000000e6;word-break:break-word}.chat-line.is-player b:after{content:" ★";color:var(--yellow)}.chat-feed .chat-line{background:#00000047;width:-moz-fit-content;width:fit-content;max-width:100%;padding:1px 6px}.share-row{justify-content:center;gap:10px;margin-top:10px;display:flex}.share-row button{min-width:120px}.board-list li.mine{outline:1px solid #d9c46a80}.board-share{grid-column:1/-1;justify-content:flex-end;gap:8px;margin:2px 0 4px;display:flex}.board-share button{font:12px var(--dot);white-space:nowrap;min-height:0;text-shadow:none;padding:4px 12px}.chat-feed.phone{top:max(calc(var(--safe-t) + 84px), 12vh);bottom:auto;left:var(--safe-l);justify-content:flex-end;width:42vw;max-height:24vh;overflow:hidden}.chat-feed.phone .chat-line{background:0 0;padding:0;font-size:12px}.chat-quick{left:var(--safe-l);bottom:var(--safe-b);width:min(340px,46vw);position:absolute}.chat-quick input{opacity:.35;width:100%;padding:5px 8px;font-size:13px}.chat-quick input:focus{opacity:1}.chat-panel{right:var(--safe-r);bottom:var(--safe-b);background:0 0;flex-direction:column;width:min(320px,34vw);height:min(46vh,420px);display:flex;position:absolute}.chat-log{touch-action:pan-y;pointer-events:none;scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-end;gap:3px;padding:8px 2px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.chat-log .chat-line{pointer-events:auto;touch-action:pan-y}.chat-log::-webkit-scrollbar{display:none}.chat-log>:first-child{margin-top:auto}.chat-form{gap:6px;display:flex}.chat-form input{background:#00000052;border-color:#d9c46a38;flex:1;min-width:0}.chat-form button{background:#00000052;font-size:12px}.nobody{text-align:center;font:18px var(--dot);text-shadow:2px 2px #000;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.nobody button{margin-top:10px}.next-run{text-align:center;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.next-run.on{opacity:1}.next-run-line{font:20px/1.5 var(--dot);color:#ffe9a8;letter-spacing:.08em;text-shadow:2px 2px #000}.next-run-line small{color:#d9cfa8;font-size:15px;display:block}.next-run-count{font:72px var(--pixel);color:#fff6d2;text-shadow:4px 4px #6b1d14,0 0 30px #ffdc8c59;margin-top:6px}.next-run.final .next-run-count{font-size:clamp(110px,22vw,200px);animation:1s steps(6,end) infinite countpop}.next-run.go .next-run-count{font:900 clamp(56px, 10vw, 110px) var(--cjk);color:#fff;text-shadow:4px 4px #6b1d14}.slats{pointer-events:none;opacity:0;background:radial-gradient(70% 55%,#0000 30%,#040504eb 78%),repeating-linear-gradient(#0a0c0af7 0 6.5vh,#0a0c0a26 6.5vh 9.6vh,#0a0c0af7 9.6vh 10vh);transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#000)}.slats.on{opacity:1}.player-feedback{left:var(--safe-l);right:var(--safe-r);bottom:calc(var(--safe-b) + 40px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.player-feedback>*{text-align:center;overflow-wrap:anywhere;flex:none;max-width:min(520px,100%)}.hide-prompt{font:14px/1.5 var(--pixel);color:#fff6d2;text-shadow:2px 2px #000;letter-spacing:.08em}.hide-prompt:empty{display:none}.breath{top:calc(var(--safe-t) + 46px);background:#0000008c;border:1px solid #5fe0b480;width:min(220px,40vw);height:6px;display:none;position:absolute;left:50%;transform:translate(-50%)}.breath.on{display:block}.breath-fill{background:var(--teal);height:100%}.breath.low .breath-fill{background:var(--red);animation:.35s step-end infinite blink}.breath span{font:10px var(--pixel);color:#5fe0b4cc;position:absolute;top:-14px;left:0}.tbtn.hide{opacity:.45}.tbtn.hide.ready{opacity:1;border-color:var(--teal);color:var(--teal)}.briefing{text-align:center;opacity:0;pointer-events:none;padding:0 var(--safe-r) 0 var(--safe-l);background:#050502d6;place-content:center;transition:opacity .5s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.briefing.on{opacity:1}.briefing-kicker{font:13px var(--pixel);color:var(--yellow);letter-spacing:.3em;padding-left:.3em}@media (max-width:420px){.loading-level,.briefing-kicker{letter-spacing:.18em;padding-left:.18em}}@media (max-width:350px){.loading-level,.briefing-kicker{letter-spacing:.06em;padding-left:.06em}}.briefing-title{font:900 clamp(44px, 9vw, 96px)/1.1 var(--cjk);color:#fff;text-shadow:4px 4px #6b1d14;margin:8px 0}.briefing-line{font:700 clamp(17px, 2.6vw, 26px)/1.5 var(--cjk);color:#ffe9a8}.briefing-hint{font:15px/1.5 var(--dot);color:#b8b094;justify-self:center;max-width:620px;margin-top:10px}.briefing-count{font:54px var(--pixel);color:var(--red);margin-top:26px}.briefing.count{background:#0505022e}.briefing.count>:not(.briefing-count){display:none}.briefing.count .briefing-count{color:#fff6d2;text-shadow:6px 6px #6b1d14,0 0 40px #ffdc8c73;margin:0;font-size:clamp(110px,22vw,200px);animation:1s steps(6,end) infinite countpop}@keyframes countpop{0%{opacity:1;transform:scale(1.25)}to{opacity:.75;transform:scale(.9)}}.modal-layer{pointer-events:auto;background:#0000008c;place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.modal-layer.open{display:grid}.modal{border:1px solid var(--line);background:#0e0d08f5;width:min(460px,100vw - 32px);max-height:calc(100dvh - 40px);padding:22px 20px 20px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000000b3}.modal h2{font:400 30px var(--title);letter-spacing:.03em;color:#fff;text-transform:uppercase;margin:0 0 14px}html[lang=zh-Hant] .modal h2{font-family:var(--cjk);font-size:26px;font-weight:900}.modal h3{font:12px var(--pixel);color:var(--yellow);letter-spacing:.16em;margin:18px 0 8px}.modal p{font:15px/1.5 var(--dot);color:#dcd3b2;margin:6px 0 10px}.modal small{font:12px/1.4 var(--dot);color:var(--dim);margin-top:8px;display:block}.modal .warn{color:#ffb1a6}.modal-close{padding:4px 9px;font-size:13px;position:absolute;top:8px;right:8px}.modal section{border-top:1px solid #d9c46a26}.modal section button{margin:0 6px 6px 0}.menu-row{gap:6px;margin-top:18px;display:flex}.menu-row button{white-space:normal;flex:1 1 0;min-width:0;padding:9px 6px;font-size:12px}html[lang=en] .menu-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html[lang=en] .menu-row button{letter-spacing:.02em;white-space:normal;min-height:40px;font-size:11px;line-height:1.35}.big-count{font:22px var(--pixel);color:#fff;margin-bottom:4px}.player-menu-body{flex-direction:column;gap:10px;display:flex}.settings-form{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:12px;display:flex}.settings-form label{font:12px var(--pixel);color:var(--yellow);flex-direction:column;flex:1;gap:4px;display:flex}.modal .row{font:12px var(--pixel);color:var(--yellow);justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.modal .row input[type=range]{min-width:0;max-width:220px;accent-color:var(--yellow);background:0 0;border:0;flex:1;padding:0}.look-setting>span{align-items:center;gap:10px;display:flex}.look-setting output{min-width:3.4em;color:var(--teal);font-variant-numeric:tabular-nums}.setting-hint{font:12px/1.5 var(--dot);color:var(--dim);margin:-2px 0 14px}.modal .toggles{flex-wrap:wrap;justify-content:flex-start}.modal .toggles label{color:var(--ink);align-items:center;gap:5px;display:flex}.modal .wide{width:100%;margin-top:10px}.m-leaderboard .modal{background-color:#0a0904;background-image:radial-gradient(1px 1px at 12% 22%,#6b5a26 50%,#0000 51%),radial-gradient(1px 1px at 78% 12%,#4f6b5c 50%,#0000 51%),radial-gradient(1px 1px at 64% 70%,#6b5a26 50%,#0000 51%),radial-gradient(1px 1px at 30% 86%,#4f6b5c 50%,#0000 51%),radial-gradient(1px 1px at 90% 54%,#7c4220 50%,#0000 51%),radial-gradient(at 50% 0,#d9c46a14,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#d9c46a66;width:min(560px,100vw - 24px);padding:26px 18px 22px}.pad-focus{outline-offset:2px;box-shadow:0 0 14px #d9c46a73;outline:2px solid var(--yellow)!important}.pad-binds{gap:6px;margin-top:8px;display:grid}.pad-binds .bind{text-align:left;justify-content:space-between;align-items:center;display:flex}.pad-binds .bind b{font:700 13px var(--pixel);color:#5fe0b4;text-align:right;min-width:3.5em}.pad-binds .bind.on b{color:#ffdf7a;animation:.8s step-end infinite blink}@media (hover:hover){.pad-binds .bind:hover b,.pad-binds .bind.on:hover b{color:#14120a}}.modal p.pad-status{font:12px var(--pixel);color:#a8a28a;margin:2px 0 6px}.menu-list li .boba-item{letter-spacing:.08em;color:#5fe0b49e;font-size:.62em}.menu-list li.sel .boba-item{color:#8ff5cf;text-shadow:0 0 14px #5fe0b473}.m-boba .modal{background:#0a0904;border-color:#5fe0b473;width:min(440px,100vw - 24px);padding:24px 22px 20px;box-shadow:0 0 0 1px #000,0 0 40px #5fe0b41f,0 20px 60px #000000bf}.boba{text-align:center;position:relative}.boba:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.boba-cup{width:60px;height:70px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #ffe6aa40);margin:0 auto 6px;animation:2.4s steps(2,end) infinite bob;display:block}@keyframes bob{50%{transform:translateY(-3px)}}.boba-kicker{font:12px var(--pixel);letter-spacing:.35em;color:#5fe0b4;text-shadow:0 0 8px #5fe0b480}.m-boba .modal h2{font:900 30px var(--title);color:#fff3cf;text-shadow:2px 2px #6b5a20,0 0 18px #ffe68c4d;margin:6px 0 8px}html[lang=zh-Hant] .m-boba .modal h2{font-family:var(--cjk);letter-spacing:.08em;font-size:30px}.m-boba .modal p.boba-line{font:15px/1.6 var(--dot);color:#e6dcb8}.m-boba .modal p.boba-line.big{color:#fff3cf;font-size:18px}.m-boba .modal p.boba-note{font:12px/1.5 var(--dot);color:#a69c7a;margin:4px 0 8px}.m-boba .modal p.boba-note.test{color:#f0b25a;border:1px dashed #f0b25a73;padding:6px 8px}.boba-amounts{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;display:grid}.boba-amounts button{border-color:#5fe0b459;padding:12px 4px;font-size:16px}.boba-amounts button.on{color:#08130f;background:#5fe0b4;border-color:#5fe0b4;box-shadow:0 0 16px #5fe0b466}.boba-field{text-align:left;font:11px var(--pixel);letter-spacing:.14em;color:var(--yellow);gap:5px;margin:10px 0 4px;display:grid}.boba-field input{width:100%}.boba-check{font:12px var(--pixel);color:var(--ink);letter-spacing:.08em;cursor:pointer;align-items:center;gap:8px;margin:12px 0 2px;display:flex}.boba-check input{accent-color:#5fe0b4;width:16px;height:16px}.boba-carriers{text-align:left;border:0;min-width:0;margin:14px 0 4px;padding:0}.boba-carriers legend{font:11px var(--dot);letter-spacing:.14em;color:var(--yellow);margin-bottom:6px}.boba-carriers label{min-height:46px;font:14px/1.5 var(--dot);color:var(--ink);cursor:pointer;border:1px solid #d9c46a66;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;display:flex}.boba-carriers label:has(input:checked){background:#5fe0b414;border-color:#5fe0b4}.boba-carriers input{accent-color:#5fe0b4;flex:0 0 18px;width:18px;height:18px;margin:0}.m-boba .modal p.boba-error{color:#ffb1a6;font-size:13px}.boba-go{color:#14120a;background:#d9c46a;border-color:#d9c46a;width:100%;margin-top:10px;padding:14px;font-size:17px;box-shadow:0 0 22px #d9c46a59}@media (hover:hover){.boba-go:hover{background:#fff0b0!important}}.m-boba .modal p.boba-foot{font:11px var(--dot);color:#7d7660;margin:10px 0 0}.boba-spinner{border:3px solid #5fe0b440;border-top-color:#5fe0b4;width:26px;height:26px;margin:10px auto;animation:1s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.board{text-align:center;position:relative}.board:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 52%,#0a09049e 54%) 0 0/3px 3px;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.board-title span{font:400 clamp(34px, 7vw, 58px)/1 var(--title);color:#e8d68a;letter-spacing:.04em;text-shadow:2px 2px #c47a34,4px 4px #a05a28,6px 6px #5a2f1a,8px 8px #1f3a33,0 0 22px #f0a64a40;display:inline-block;transform:skewY(-3deg)}html[lang=zh-Hant] .board-title span{font-family:var(--cjk);font-weight:900}.board-sub{font:18px var(--pixel);color:#5fe0b4;letter-spacing:.2em;text-shadow:0 0 8px #5fe0b480;margin:22px 0 10px;padding-left:.2em}.board-list{margin:0;padding:0;list-style:none}.board-list li{font:20px var(--pixel);color:var(--c);text-shadow:0 0 8px var(--c);text-align:left;grid-template-columns:4.2em 1fr auto;gap:10px;padding:3px 4px;display:grid}.board-list .nm{font-family:var(--pixel), var(--dot);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-list .tm{text-align:right}.board-empty{color:#8d8566!important}.result-shade{background:#0000009e;position:absolute;top:0;bottom:0;left:0;right:0}.result-shade.lose{background:radial-gradient(#5000008c,#000000d9)}.result-shade.win{background:radial-gradient(#14503c73,#000c)}.result-card{text-align:center;pointer-events:auto;width:min(620px,100vw - 32px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-kicker{font:13px var(--pixel);letter-spacing:.24em;color:var(--yellow)}.result-card h1{word-break:keep-all;font:900 clamp(30px, 6vw, 64px)/1.15 var(--cjk);color:#fff;text-shadow:4px 4px #000;margin:8px 0}.result-card.lose h1{color:#ff6a5a}.result-card.win h1{color:var(--teal)}.result-line{font:700 clamp(18px, 2.8vw, 26px)/1.5 var(--cjk);color:#ffe2b0;margin:4px 0 10px}.result-time{font:clamp(40px, 8vw, 72px) var(--pixel);color:#fff6d2;text-shadow:3px 3px #000}.result-countdown{font:18px var(--pixel);color:#ffb04a;min-height:1.2em;margin:14px 0 6px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.name-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.name-form label{width:100%;font:14px var(--pixel);color:var(--teal)}.name-form input{text-align:center;width:12em;font-size:18px}.name-form small{width:100%;font:12px var(--dot);color:var(--dim)}.result-submit .ok{font:16px var(--pixel);color:var(--teal)}.toasts{top:calc(var(--safe-t) + 46px);pointer-events:none;z-index:30;flex-direction:column;align-items:center;gap:6px;width:min(520px,92vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{font:14px/1.45 var(--dot);border:1px solid var(--line);text-align:center;background:#0e0d08eb;padding:8px 14px;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateY(-6px)}.touch-controls{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.touch-controls.hidden{display:none}.stick{left:var(--safe-l);bottom:var(--safe-b);pointer-events:auto;touch-action:none;background:#00000047;border:1px solid #d9c46a4d;border-radius:50%;width:150px;height:150px;position:absolute}.stick:before{content:"";opacity:0;background:conic-gradient(from var(--a,0deg), #fff6d2f2, #fff6d200 70deg 290deg, #fff6d2f2);border-radius:50%;transition:opacity .15s;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask:radial-gradient(closest-side,#0000 80%,#000 83%);mask:radial-gradient(closest-side,#0000 80%,#000 83%)}.stick.push:before{opacity:1}.stick .knob{background:0 0;border:1px solid #efe6c48c;border-radius:50%;width:56px;height:56px;margin:auto;transition:transform .14s ease-out,background .15s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 10px #00000073}.stick.held .knob{background:#d9c46a9e;transition:background .15s}.touch-buttons{--action-size:76px;--action-gap:12px;right:var(--safe-r);bottom:var(--safe-b);grid-template-columns:repeat(2, var(--action-size));grid-template-rows:repeat(2, var(--action-size));gap:var(--action-gap);pointer-events:none;display:grid;position:absolute}.touch-buttons>button{pointer-events:auto}.tbtn.attack{grid-area:1/1}.tbtn.run{grid-area:1/2}.tbtn.jump{grid-area:2/1}.tbtn.sneak{grid-area:2/2}.tbtn.hide{right:0;bottom:calc(100% + var(--action-gap));position:absolute}.tbtn{touch-action:none;opacity:.45;background:#00000059;border-radius:50%;width:76px;height:76px;padding:0;font-size:15px}html[lang=en] .touch-buttons>.tbtn:not(.recenter){letter-spacing:0;white-space:nowrap;font-size:12px;line-height:1.1}.tbtn.on,.tbtn.pressed{opacity:1;background:var(--yellow);border-color:var(--yellow);color:#111}.tbtn.hide.ready.pressed{background:var(--teal);border-color:var(--teal);color:#111}.tbtn.recenter{right:0;bottom:calc(100% + var(--action-size) + 2 * var(--action-gap));border-radius:4px;width:auto;height:auto;padding:6px;font-size:11px;position:absolute}.stealth-state{color:#5fe0b4;font:12px/1.5 var(--dot);background:#000000a6;padding:5px 9px}.stealth-state[hidden]{display:none}@media (max-width:360px){.dpad{width:128px;height:128px}.dpad .up,.dpad .down{left:42px}.dpad .left,.dpad .right{top:42px}.dpad i{top:52px;left:52px}.touch-buttons{--action-size:62px;--action-gap:8px}.tbtn{width:62px;height:62px;font-size:12px}html[lang=en] .touch-buttons>.tbtn:not(.recenter){font-size:10px}}@media (max-width:760px),(max-height:520px){:root{--minimap-size:112px}.hud-timer{font-size:18px}.mode-spectate .hud-timer:not(.col){display:none}.mode-spectate .hud-timer.col{display:block;position:static;transform:none}.mode-spectate .hud-timer.col:empty{display:none}.menu-title{top:40%}.menu-list{right:var(--safe-r);top:auto;bottom:calc(var(--safe-b) + 56px);transform:none}.menu-list li{font-size:22px}.menu-footer .controls{font-size:10px}.menu-footer .tip{font-size:12px}.chat-panel{left:var(--safe-l);right:var(--safe-r);width:auto;height:30vh}.chat-feed:not(.phone){width:52vw;font-size:12px;bottom:190px}.chat-feed .chat-line{font-size:12px}.mode-play .stamina{bottom:calc(var(--safe-b) + 170px)}}@media (max-width:760px) and (orientation:portrait){.menu-title{top:24%}.menu-list{bottom:calc(var(--safe-b) + 150px)}.menu-corner{top:calc(var(--safe-t) + 26px)}.feed-badge{max-width:62vw;font-size:10px}.feed-badge .cctv-time{letter-spacing:0;white-space:nowrap;margin-top:3px;font-size:9px;display:block}.live-line{max-width:calc(100vw - 150px);font-size:11px}.spec-buttons{gap:6px}.spec-buttons .hud-btn{max-width:100%;padding:6px 7px;font-size:11px}.hud-timer{top:calc(var(--safe-t) + 46px);left:var(--safe-l);transform:none}.hud-tl:not(.spec) .hud-btn{padding:6px 7px;font-size:10px}:root{--minimap-size:104px}.touch-play .breath{top:max(calc(var(--safe-t) + 124px), 19vh)}}@media (max-height:520px) and (orientation:landscape){.menu-title{top:46%;left:var(--safe-l)}.menu-title .t1{font-size:34px}.menu-title .t2{font-size:54px}.menu-list{top:50%;bottom:auto;transform:translateY(-50%)}.stick{width:128px;height:128px}.stick .knob{width:48px;height:48px}.chat-feed:not(.phone){bottom:calc(var(--safe-b) + 140px)}.chat-feed.phone{width:34vw;max-height:34vh}.mode-play .stamina{bottom:calc(var(--safe-b) + 8px)}.touch-play .player-feedback{left:calc(var(--safe-l) + 140px);right:calc(var(--safe-r) + 176px);bottom:calc(var(--safe-b) + 40px)}.chat-panel{width:38vw;height:52vh;left:auto}}.dev-hud{font:12px var(--pixel);color:var(--yellow);background:var(--panel);pointer-events:none;padding:6px 8px;position:fixed;bottom:8px;left:8px}.mode-choices,.mode-tabs{flex-wrap:wrap;gap:.65rem;margin:1rem 0;display:flex}.mode-choices>button{flex:11rem;min-height:3.5rem}.mode-tabs>button{flex:8rem}.mode-tabs>[aria-selected=true],.racer-opt[aria-checked=true]{color:#5fe0b4;background:#5fe0b419;border-color:#5fe0b4}.queue-mode{border-bottom:1px solid #d9c46a44;padding:.75rem 0 1.25rem}.queue-mode:last-child{border-bottom:0}.queue-mode h3{color:#5fe0b4;margin:.5rem 0}.waiting-shade{background:#000b;position:absolute;top:0;bottom:0;left:0;right:0}.coop-waiting{text-align:center;box-sizing:border-box;pointer-events:auto;background:#111108ed;border:1px solid #d9c46a99;width:min(90vw,42rem);max-height:90dvh;padding:clamp(1.25rem,4vw,3rem);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.coop-waiting h1{color:#fff6d0;font-size:clamp(1.5rem,5vw,3rem)}.coop-waiting p{line-height:1.65}.coop-waiting button{margin:.45rem}.coop-waiting .modal-close{width:36px;height:36px;margin:0;padding:0;top:10px;right:10px}.coop-lobby-players{color:#5fe0b4;padding:.75rem 0}.coop-race-status{color:#5fe0b4;text-shadow:1px 2px #000;max-width:min(60vw,30rem);font:.85rem "Cubic 11",monospace;position:absolute;top:4.8rem;left:1rem}.attack-status{color:#fff3c4;text-shadow:1px 2px #000;background:#0008;border-bottom:2px solid #d9c46a;padding:.35rem .6rem;font:.85rem/1.5 "Cubic 11",monospace}.attack-status:empty{display:none}@media (max-width:680px){.coop-race-status{max-width:58vw;font-size:.75rem;top:4.2rem;left:.6rem}.attack-status{font-size:.65rem}.mode-menu .menu-list{gap:.12em}.coop-waiting button:not(.modal-close){width:100%;margin:.3rem 0}}.board-list .nm{overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.25}@media (max-width:680px){.board-list li{align-items:start}.board-list .nm{font-size:clamp(.8rem,3vw,1.1rem)}}.play-clock{top:var(--safe-t);flex-direction:column;align-items:center;gap:8px;max-width:42vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.play-clock .hud-timer,.play-clock .coop-race-status{text-align:center;max-width:100%;margin:0;position:static;transform:none}.play-clock .coop-race-status{font:12px/1.5 var(--dot);overflow-wrap:anywhere}.player-dock{left:var(--safe-l);right:var(--safe-r);bottom:calc(var(--safe-b) + 6px);pointer-events:none;flex-direction:column;align-items:center;gap:22px;display:flex;position:absolute}.player-dock .player-feedback{width:100%;position:static}.player-dock .stamina{flex:none;position:relative;bottom:auto;left:auto;transform:none}.touch-play .player-dock{bottom:calc(var(--safe-b) + 176px)}.touch-play .player-feedback{max-width:min(220px,100% - 184px)}@media (max-width:760px) and (orientation:portrait){.play-clock{top:calc(var(--safe-t) + 46px);left:var(--safe-l);max-width:calc(100% - var(--safe-l) - var(--safe-r) - 120px);align-items:flex-start;gap:6px;transform:none}.play-clock .coop-race-status{text-align:left;font-size:11px}.touch-play .chat-feed.phone{top:calc(var(--safe-t) + 108px);max-height:18vh}}@media (max-height:520px) and (orientation:landscape){.touch-play .player-dock{left:calc(var(--safe-l) + 140px);right:calc(var(--safe-r) + 176px);bottom:calc(var(--safe-b) + 8px);gap:18px}.touch-play .player-feedback{max-width:100%}.touch-play .stamina{width:100%;max-width:260px}}.m-settings .modal{width:min(520px, calc(100vw - var(--safe-l) - var(--safe-r)));max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 16px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 16px);touch-action:pan-y;-webkit-overflow-scrolling:touch;min-width:0;padding:26px 18px 20px}.m-settings .modal>*,.settings-form>*,.m-settings .row>*{min-width:0;max-width:100%}.settings-form label{flex:170px}.settings-form input{width:100%;min-width:0}.m-settings .modal p,.m-settings .modal small{overflow-wrap:anywhere}.m-settings .look-setting{flex-wrap:wrap}.m-settings .look-setting input[type=range]{flex:120px}@media (max-width:480px){.m-settings .modal{padding:26px 14px 16px}.m-settings .modal h2{margin-bottom:20px;font-size:24px}.m-settings .modal .row{gap:8px}.m-settings .modal input,.m-settings .modal select{font-size:16px}.m-settings .modal .toggles{gap:10px 12px;line-height:1.6}.m-settings .setting-hint{line-height:1.6}}.m-leaderboard .modal{width:min(640px, calc(100vw - var(--safe-l) - var(--safe-r)));padding:34px 18px 22px}.board-title{margin:0 28px 24px}.board-title span{overflow-wrap:anywhere;text-shadow:2px 2px #a05a28,4px 4px #1f3a33;font-size:clamp(24px,5.4vw,42px);line-height:1.25;transform:none}.m-leaderboard .mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.m-leaderboard .mode-tabs button{min-width:0;min-height:44px;padding:10px 6px;font-size:clamp(12px,2.8vw,15px)}.board-sub{letter-spacing:.08em;margin:0 0 16px;font-size:clamp(12px,2.8vw,16px);line-height:1.5}.board-list li{grid-template-columns:3.2em minmax(0,1fr) auto;align-items:start;gap:8px;padding:7px 4px;font-size:clamp(14px,3.2vw,20px)}.settings-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.settings-form label{min-width:0}.settings-form input,.settings-form>button{height:44px;min-height:44px}.settings-form>button{align-self:end;margin:0}.settings-form>small{grid-column:1/-1}@media (max-width:760px) and (orientation:portrait){.queued-home .home-column{top:var(--safe-t);left:max(4vw, var(--safe-l));right:var(--safe-r);position:absolute}.queued-home .home-status{max-width:calc(100% - 120px);position:static}.queued-home .menu-title{margin-top:14px;position:static;transform:none}}@media (max-width:760px) and (max-height:650px) and (orientation:portrait){.queued-home .home-queue{font-size:10px}.queued-home .menu-title .t1{font-size:32px}.queued-home .menu-title .t2{font-size:44px}.queued-home .menu-title .t3{letter-spacing:.35em;margin-top:8px;font-size:9px}}.coop-names{grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;display:grid}.coop-names label{min-width:0;font:14px var(--dot);gap:8px;display:grid}.coop-names input{box-sizing:border-box;width:100%;min-width:0}.coop-names input[readonly]{color:#5fe0b4;opacity:.85}.coop-name-form>small{max-width:34em;font:12px/1.6 var(--dot);color:var(--dim);margin:10px auto;display:block}.result-card{max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 32px);max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.board-share[hidden]{display:none}#ui .board-name{min-height:0;color:inherit;font:inherit;text-align:left;white-space:normal;background:0 0;border:0;margin:0;padding:0}.m-leaderboard .modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 32px);overflow-y:auto}@media (max-width:600px){.coop-names{grid-template-columns:1fr}}.connection-banner{color:#fff0b0;max-width:85vw;font:14px var(--dot);text-align:center;z-index:9;background:#0a100eee;border:1px solid #d9c46a;padding:8px 12px;position:absolute;top:max(18vh,110px);left:50%;transform:translate(-50%)}.connection-banner[hidden]{display:none}
