:root{color-scheme:dark;--bg-top: #11324d;--bg-bottom: #0b1318;--panel: rgba(7, 12, 18, .88);--panel-soft: rgba(15, 22, 29, .72);--panel-line: rgba(255, 255, 255, .12);--text: #f8f3e8;--muted: #cdbfa5;--accent: #ffcf62;--radius: 8px;--shadow: 0 14px 40px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 50% 10%,rgba(255,179,71,.22),transparent 18%),linear-gradient(180deg,var(--bg-top) 0%,#1a4f62 20%,#0d191f 58%,var(--bg-bottom) 100%)}#root{min-height:100vh}.hidden{display:none!important}.landscape-app{min-height:100vh}body,button,.touch-layer,.steer-ring,.boost-zone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.guard-shell,.error-shell,.screen-menu,.screen-pause,.screen-result{min-height:100vh;display:grid;place-items:center;padding:20px}.guard-card,.error-card,.menu-card,.pause-card,.result-card,.rotate-card{width:min(100%,420px);padding:22px;background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);box-shadow:var(--shadow)}.rotate-guard{display:none}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em}h1,h2,p{margin:0}h1{font-size:40px;line-height:.96;margin-bottom:12px}h2{font-size:28px;line-height:1}.muted{color:var(--muted);line-height:1.5}.menu-art{margin:18px 0;aspect-ratio:4 / 3;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,198,107,.22),transparent 22%),linear-gradient(180deg,#335a71,#23485e 32%,#223b31 55%,#111918);position:relative;overflow:hidden}.menu-art:before,.menu-art:after{content:"";position:absolute;bottom:0;width:46%;height:68%;background:linear-gradient(180deg,#132b424d,#132b42eb);clip-path:polygon(0 100%,30% 45%,58% 25%,100% 100%)}.menu-art:before{left:-4%}.menu-art:after{right:-8%;transform:scaleX(-1)}.menu-drone{position:absolute;left:50%;bottom:22%;width:86px;height:44px;transform:translate(-50%)}.menu-drone span{position:absolute;display:block;background:#f6f2eb}.menu-drone .body{inset:14px 18px;background:#eaeef2}.menu-drone .beam{inset:19px 0;height:6px;background:#d9e2ea}.menu-drone .pod{top:8px;left:29px;width:28px;height:10px;background:#f4be4b}.menu-drone .rotor-a{top:5px;left:0;width:86px;height:3px;background:#fff}.menu-drone .rotor-b{bottom:5px;left:0;width:86px;height:3px;background:#fff}.menu-meta,.pause-grid,.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.metric{padding:12px;border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.metric-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.metric-value{font-size:20px;font-weight:700}.menu-actions,.pause-actions,.result-actions{display:grid;gap:10px}.primary-button,.secondary-button,.icon-button,.dpad-button,.boost-button{border:0;border-radius:8px;color:var(--text)}.primary-button,.secondary-button{width:100%;min-height:52px;font-size:17px;font-weight:700}.primary-button{background:linear-gradient(180deg,#ffcd63,#f6af3a);color:#2a1800}.secondary-button{background:#ffffff14}.screen-play{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.hud{position:fixed;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 10px 8px;background:linear-gradient(180deg,#080b11eb,#080b1173 74%,#080b1100)}.hud-group{display:flex;gap:6px;flex-wrap:nowrap;justify-content:center}.hud-pill,.icon-button,.control-cluster,.pause-card,.result-card{backdrop-filter:blur(14px)}.hud-pill{background:var(--panel-soft);border:1px solid var(--panel-line);border-radius:8px}.hud-pill{min-width:72px;padding:7px 8px}.hud-pill-label{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.hud-pill-value{display:block;font-size:16px;font-weight:700}.icon-button{width:44px;height:44px;background:var(--panel-soft);border:1px solid var(--panel-line);font-size:20px}.play-canvas-wrap{display:grid;place-items:center;padding:calc(max(60px,env(safe-area-inset-top)) + 6px) 10px 10px}.play-canvas-shell{width:min(100%,860px);aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 56px #00000073;background:#0f161a;position:relative}#game-canvas{width:100%;height:100%;display:block}.touch-layer{position:absolute;inset:0;pointer-events:none}.steer-ring,.boost-zone{pointer-events:auto}.steer-ring{position:absolute;left:22px;bottom:18px;width:132px;height:132px;-webkit-tap-highlight-color:transparent;border-radius:50%;--steer-x: 0px;--steer-y: 0px;touch-action:none}.steer-ring:active,.boost-zone:active{background:#ffffff14}.steer-ring-track{position:absolute;inset:0;border-radius:50%;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 0 0 18px #ffffff06}.steer-ring-track:before,.steer-ring-track:after{content:"";position:absolute;top:50%;width:18px;height:2px;background:#ffffff2e;transform:translateY(-50%)}.steer-ring-track:before{left:12px}.steer-ring-track:after{right:12px}.steer-ring-track:before,.steer-ring-track:after{border-radius:999px}.steer-ring:before,.steer-ring:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;opacity:.8;transform:translateY(-50%)}.steer-ring:before{left:16px;border-right:12px solid rgba(248,243,232,.78)}.steer-ring:after{right:16px;border-left:12px solid rgba(248,243,232,.78)}.steer-ring-handle{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;transform:translate(calc(-50% + var(--steer-x)),calc(-50% + var(--steer-y)));background:#ffcf622e;box-shadow:inset 0 0 0 1px #ffcf6257,0 8px 16px #0000003d}.boost-zone{position:absolute;right:18px;top:74px;width:12%;height:16%;border:0;border-radius:18px;background:linear-gradient(180deg,#ffcf6224,#ea90332e);box-shadow:inset 0 0 0 1px #ffcf6247;-webkit-tap-highlight-color:transparent;touch-action:none}.boost-zone:after{content:"";position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 0 0 2px #ffdfa599,0 0 0 6px #ffdfa514}.boost-zone:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-40%,-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid rgba(255,223,165,.8)}@media(orientation:portrait)and (max-width:900px){.landscape-app{display:none}.rotate-guard{min-height:100vh;display:grid;place-items:center;padding:20px}}@media(max-height:500px){.menu-card,.pause-card,.result-card,.rotate-card{width:min(100%,540px)}h1{font-size:34px}.menu-art{aspect-ratio:16 / 8}}@media(max-width:760px)and (orientation:landscape){.hud-pill{min-width:62px;padding:6px 7px}.hud-pill-value{font-size:15px}.steer-ring{width:118px;height:118px;left:16px;bottom:14px}.boost-zone{width:14%;height:16%}}@media(max-width:390px){.menu-card,.pause-card,.result-card,.rotate-card{padding:18px}h1{font-size:34px}}