:root{--fg:#e6ebff;--dim:#8a93b8;--accent:#5ef0ff;--warn:#ff5c5c;--good:#7dffa0;--bg:#03040a;--mono:"Share Tech Mono", ui-monospace, Consolas, monospace;--display:"Orbitron", var(--mono)}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--mono);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{min-width:1.6em;font-family:var(--mono);text-align:center;color:var(--fg);border:1px solid #3a4266;border-bottom-width:2px;border-radius:4px;margin:0 .1em;padding:0 .35em;font-size:.85em;display:inline-block}.app,.game-view{position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;letter-spacing:.06em;text-shadow:0 0 6px #8ca0ff99;justify-content:space-between;align-items:flex-start;padding:14px 18px;font-size:15px;display:flex;position:absolute;inset:0}.hud-col{gap:3px;min-width:190px;display:grid}.hud-col.right{margin-right:56px}.readout{justify-content:space-between;gap:18px;display:flex}.readout .label{color:var(--dim)}.readout.warn .value,.readout.warn .label{color:var(--warn);text-shadow:0 0 8px #ff5050cc;animation:.6s steps(2,end) infinite blink}.fuel-bar{background:#1a1f36;height:4px;margin:1px 0 4px}.fuel-bar div{background:var(--accent);height:100%;box-shadow:0 0 6px var(--accent);transition:width .1s linear}.fuel-bar.warn div{background:var(--warn);box-shadow:0 0 6px var(--warn)}.hud-alert{font-family:var(--display);color:var(--warn);font-size:22px;animation:.6s steps(2,end) infinite blink;position:absolute;top:18%;left:50%;transform:translate(-50%)}.round-message{text-align:center;background:#03040ab8;border:1px solid #2a3150;border-radius:6px;width:max-content;max-width:calc(100vw - 32px);padding:18px 32px;animation:.25s ease-out pop;position:absolute;top:22%;left:50%;transform:translate(-50%)}.round-message h2{font-family:var(--display);letter-spacing:.08em;margin:0 0 8px;font-size:clamp(20px,4vw,32px)}.round-message.landed h2{color:var(--good);text-shadow:0 0 14px #7dffa099}.round-message.crashed h2{color:var(--warn);text-shadow:0 0 14px #ff505099}.round-message p{margin:4px 0}.round-message .detail{font-size:18px}.round-message .sub{color:var(--accent)}.round-message .hint{color:var(--dim);margin-top:12px;font-size:12px}.overlay{text-align:center;background:radial-gradient(#03040a8c,#03040ae0);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay h1{font-family:var(--display);letter-spacing:.12em;text-shadow:0 0 10px #8ca0ffcc,0 0 30px #5ef0ff59;margin:0;font-size:clamp(34px,8vw,72px);font-weight:800}.tagline{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;font-size:13px}.difficulty{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.diff-btn{text-align:left;background:#0a0d1ccc;border:1px solid #2a3150;border-radius:6px;flex-direction:column;gap:4px;width:190px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.diff-btn:hover{border-color:#4a5590}.diff-btn.active{border-color:var(--accent);box-shadow:0 0 14px #5ef0ff59}.diff-name{font-family:var(--display);letter-spacing:.06em;font-size:16px}.diff-blurb{color:var(--dim);font-size:12px}.diff-best{color:var(--accent);font-size:12px}.start-btn,.ghost-btn{font-family:var(--display);letter-spacing:.12em;border-radius:4px;padding:12px 30px;font-size:16px}.start-btn{border:2px solid var(--accent);color:var(--accent);background:0 0;margin-top:6px;box-shadow:0 0 14px #5ef0ff4d,inset 0 0 10px #5ef0ff26}.start-btn:hover{background:#5ef0ff1f}.ghost-btn{color:var(--dim);background:0 0;border:1px solid #3a4266;margin-top:6px}.ghost-btn:hover{color:var(--fg);border-color:var(--dim)}.buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.blink{color:var(--dim);margin:0;font-size:13px;animation:1.2s steps(2,end) infinite blink}.controls-help{color:var(--dim);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:10px;font-size:13px;display:flex}.rules{max-width:520px;color:var(--dim);margin:0;font-size:13px;line-height:1.5}.final-score{font-family:var(--display);color:var(--accent);text-shadow:0 0 20px #5ef0ff80;font-size:clamp(44px,10vw,80px)}.new-best{color:var(--good);font-family:var(--display);letter-spacing:.1em;margin:0;animation:.8s steps(2,end) infinite blink}.stats{flex-wrap:wrap;justify-content:center;gap:28px;font-size:20px;display:flex}.stats div{flex-direction:column;gap:2px;display:flex}.stats span{color:var(--dim);letter-spacing:.15em;font-size:11px}.corner-buttons{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;right:12px}.corner-buttons button{background:#0a0d1cb3;border:1px solid #2a3150;border-radius:6px;width:38px;height:38px;font-size:14px}.touch-controls{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.touch-group{gap:12px;display:flex}.touch-btn{pointer-events:auto;touch-action:none;color:var(--fg);background:#141a328c;border:1px solid #3a4266;border-radius:50%}.touch-btn:active{border-color:var(--accent);background:#5ef0ff40}.touch-btn.rotate{width:68px;height:68px;font-size:28px}.touch-btn.thrust{width:96px;height:96px;font-family:var(--display);letter-spacing:.1em;font-size:13px}@keyframes blink{50%{opacity:.35}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.92)}}@media (width<=600px){.hud{padding:10px 12px;font-size:12px}.hud-col{min-width:0}.readout{gap:8px}.hud-col.right{margin-right:48px}}