:root{--ink:#f0f4f6;--muted:#9ea9b2;--green:#81efad;--red:#ff606a;--gold:#ffdb84;--surface:#0a1017;--font-ui:"Segoe UI",Arial,sans-serif;--dock-bottom:max(8px,env(safe-area-inset-bottom));--edge-left:max(18px,env(safe-area-inset-left));--edge-right:max(18px,env(safe-area-inset-right));--hud-top:max(14px,env(safe-area-inset-top))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:var(--ink);font-family:var(--font-ui)}body{touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;touch-action:none;color:inherit;border:0;background:#1a2530}button:focus-visible{outline:2px solid #b6eaff;outline-offset:4px}button:active{transform:scale(.97)}button:disabled{cursor:default;opacity:.35}#game{position:absolute;inset:0}canvas{display:block}#status{position:absolute;top:var(--status-top,22%);left:25%;right:20%;text-align:center;font-size:14px;color:#d9e7ed;pointer-events:none;z-index:3}#status:empty{display:none}#cockpit{position:absolute;left:var(--edge-left);top:var(--hud-top);display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:4;pointer-events:none}#meters{display:flex;gap:clamp(6px,1.1vw,16px);align-items:end;flex-shrink:0}.dial{width:clamp(78px,7.6vw,106px);height:clamp(78px,7.6vw,106px);position:relative;color:var(--ink);text-align:center;flex:none}.dial-face{width:100%;height:100%;display:block}.dial-label{position:absolute;top:26%;left:4%;right:4%;font-size:clamp(9px,.78vw,11px);line-height:1.1;color:#c9d0d6;font-weight:500;letter-spacing:0}.dial-reading{position:absolute;top:42%;left:0;right:0;display:flex;flex-direction:column;align-items:center}.dial-value{font-size:clamp(21px,2.3vw,32px);line-height:1.06;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px}.dial-unit{font-size:clamp(10px,.85vw,12px);line-height:1.6;color:#b1bbc3}.dial.is-safe{color:var(--green)}.dial.is-danger{color:var(--red)}.dial.is-neutral{color:var(--ink)}.dial-track{color:#b5bcc5}.dial-ticks{color:#c2c9d0}.dial-needle{transition:transform 90ms linear}.dial-progress{transition:stroke-dashoffset 90ms linear}#utility{display:flex;gap:7px;pointer-events:auto;align-items:center}#utility button{width:38px;height:38px;border-radius:50%;background:#111b25d9;display:flex;align-items:center;justify-content:center;color:#d4dde3}#utility button:hover{background:#283947}#sound.is-on{color:var(--green)}#steering-area{position:absolute;right:var(--edge-right);bottom:var(--dock-bottom);width:172px;height:152px;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}#steering{width:164px;height:126px;position:relative;pointer-events:auto;touch-action:none;cursor:grab;outline:none}#steering[aria-disabled=true]{cursor:default}#steering.is-dragging{cursor:grabbing}.wheel-visual{position:absolute;inset:0;transform:translate(var(--stick-x,0px),var(--stick-y,0px)) rotate(var(--wheel-angle,0deg));transform-origin:50% 52%;transition:transform .14s ease-out}.is-dragging .wheel-visual{transition:transform 45ms linear}.steering-yoke{display:block;width:100%;height:100%;filter:none}#steering-hint{color:#b7c0c8;font-size:11px;margin-top:2px}.steer-up{font-size:18px;line-height:1;color:#d0d8df;position:absolute;top:-6px}.is-main .wheel-indicator-main,.is-left .wheel-indicator-right,.is-right .wheel-indicator-left{fill:var(--green)}body[data-mode=menu] #cockpit,body[data-mode=menu] #steering-area,body[data-mode=paused] #steering-area{opacity:.35}#panel{position:absolute;left:var(--panel-left,8%);top:var(--panel-top,24%);width:min(430px,52%);max-height:calc(100dvh - var(--panel-top,24vh) - 16px);overflow-y:auto;touch-action:pan-y;background:#071019f5;padding:28px;z-index:8;animation:panel-in .15s ease-out}#panel[hidden]{display:none}#panel h1{font-size:28px;line-height:1.1;letter-spacing:-.6px;margin:0 0 16px;text-wrap:balance}#panel p{font-size:16px;line-height:1.5;margin:12px 0;color:#e1e6eb}#panel .primary,#panel .secondary{width:100%;padding:13px 16px;margin-top:10px;font-weight:600;min-height:44px}#panel .primary{background:#e4f6ff;color:#0b1218}#panel .secondary{background:#1b2835;color:#e8eff4}#panel .stars{display:flex;gap:7px;color:var(--gold);margin:10px 0}#panel .stars svg{width:25px;height:25px}#panel .result-title{display:flex;gap:16px;justify-content:space-between;align-items:start}#panel .result-title h1{margin-bottom:4px}#panel .result-details{font-size:13px;color:#bbc8d0;line-height:1.5}#panel .countdown{display:flex;gap:12px;align-items:center;margin-top:14px}#next-seconds{font-size:42px;line-height:1;font-variant-numeric:tabular-nums;color:#e9f7ff;min-width:30px}#panel .countdown span{font-size:14px;color:#cddae2}#panel .result-buttons{display:flex;gap:9px}#panel .result-buttons button{font-size:14px;padding:12px 8px}#panel .result-buttons .primary{flex:1.1}#panel .result-buttons .secondary{flex:1}#rotate{display:none;position:absolute;inset:0;z-index:30;background:#04090ffb;align-items:center;justify-content:center;flex-direction:column;padding:26px;text-align:center;color:#d0e5f0}#rotate h2{font-size:24px;margin:24px 0 8px}#rotate p{font-size:15px;color:#b6c5ce}body:has(#rotate:not(:empty)){overscroll-behavior:none}@keyframes panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-height:550px),(max-width:950px)and (orientation:landscape){:root{--hud-top:max(8px,env(safe-area-inset-top))}#cockpit{gap:4px}#meters{gap:5px}.dial{width:68px;height:70px}.dial-label{font-size:9px;top:25%}.dial-value{font-size:21px}.dial-unit{font-size:10px}.dial-reading{top:40%}#utility{gap:6px;flex-direction:row}#utility button{width:34px;height:34px}#utility svg{width:16px;height:16px}#steering-area{width:142px;height:114px}#steering{width:140px;height:108px}#steering-hint{font-size:10px;margin-top:0}.steer-up{top:-10px;font-size:16px}#status{font-size:12px;left:23%;right:23%}#panel{padding:18px 20px;width:355px;max-height:calc(100dvh - var(--panel-top,24vh) - 10px)}#panel h1{font-size:23px;margin-bottom:10px}#panel p{font-size:14px;line-height:1.4;margin:8px 0}#panel .primary,#panel .secondary{padding:10px 12px;margin-top:8px}#panel .result-details{font-size:12px}#panel .stars{margin:7px 0}#panel .stars svg{width:22px;height:22px}#next-seconds{font-size:36px}#panel .countdown{margin-top:10px}#panel .countdown span{font-size:12px}#panel .result-buttons button{font-size:13px;padding:10px 7px}}@media(max-width:760px)and (orientation:landscape){:root{--edge-left:max(10px,env(safe-area-inset-left));--edge-right:max(10px,env(safe-area-inset-right))}.dial{width:clamp(48px,9.6vw,64px);height:68px}#meters{gap:3px}.dial-label{font-size:8px}.dial-value{font-size:19px}.dial-unit{font-size:9px}#utility{gap:6px}#steering-area{width:132px}#steering{width:130px;height:104px}}@media(orientation:portrait)and (max-width:950px){#rotate{display:flex}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#panel.result-panel{top:var(--result-top,14%);max-height:calc(100dvh - var(--result-top,14vh) - 12px)}#panel .result-title{align-items:center;gap:9px;margin-bottom:9px}#panel .result-title h1{flex:1;margin:0}#panel .result-title .stars{margin:0;flex:none}@media(max-height:550px),(max-width:950px)and (orientation:landscape){#panel .result-title h1{font-size:21px}#panel .result-title .stars{gap:4px}#panel .result-title .stars svg{width:19px;height:19px}}#panel .result-actions{display:flex;gap:12px;align-items:center;margin-top:12px}#panel .result-actions .countdown{margin:0;flex:none;gap:8px}#panel .result-actions .result-buttons{flex:1;min-width:0}#panel .result-actions .result-buttons button{margin-top:0}#steering-area{right:calc(var(--edge-right) + 18px);bottom:calc(var(--dock-bottom) + 20px)}#panel{max-height:max(100px,calc(var(--logo-top,100dvh) - var(--panel-top,24vh) - 8px))}#panel.result-panel{max-height:max(100px,calc(var(--logo-top,100dvh) - var(--result-top,14vh) - 8px))}#panel.pause-panel:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:8px}#panel.pause-panel h1,#panel.pause-panel .primary{grid-column:1/-1}#panel.pause-panel button{margin:0}@media(max-height:550px),(max-width:950px)and (orientation:landscape){#panel{padding:14px}#panel h1{font-size:21px;margin-bottom:8px}#panel p{font-size:13px;line-height:1.35;margin:6px 0}#panel .primary,#panel .secondary{margin-top:6px}#panel.pause-panel button{margin:0}}@media(max-height:360px)and (orientation:landscape){#panel.menu-panel{padding:9px}#panel.menu-panel h1{font-size:18px;margin-bottom:6px}#panel.menu-panel p{display:none}#panel.menu-panel button{margin-top:5px}}@media(max-height:550px),(max-width:950px)and (orientation:landscape){#panel.result-panel{padding:12px 14px}#panel .result-title{margin-bottom:4px}#panel.result-panel p{font-size:13px;line-height:1.3;margin:6px 0}#panel.result-panel .result-details{font-size:11px}#panel .result-actions{gap:10px;margin-top:8px}#panel .result-actions .countdown{gap:5px}#panel .result-actions .countdown span{font-size:10px}#panel .result-actions #next-seconds{font-size:30px;min-width:21px}#panel .result-actions .result-buttons{gap:6px}#panel .result-actions .result-buttons button{font-size:12px;padding:8px 5px}}