:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,Tahoma,sans-serif;background:#060913}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(80% 70% at 75% 10%,rgba(67,103,168,.25),transparent 70%),radial-gradient(90% 60% at 5% 100%,rgba(214,120,50,.2),transparent 70%),#04060f;color:#f1f4ff}button{font:inherit}.app-shell{position:relative;width:100%;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:12px}.game-canvas{width:min(96vw,1200px);max-height:78vh;aspect-ratio:16 / 9;border:2px solid rgba(158,224,255,.35);border-radius:10px;box-shadow:0 22px 50px #00000073}.hud{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(96vw,1200px);padding:8px 12px;border-radius:10px;background:#050812a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(126,200,255,.3)}.hud-row{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:.9rem}.meter-wrap{display:flex;align-items:center;gap:8px;flex:1}.meter-track{height:10px;width:100%;background:#ffffff26;border-radius:999px;overflow:hidden}.meter-fill{height:100%;transition:width .1s linear}.alerts{position:absolute;right:18px;top:92px;width:min(280px,35vw);display:grid;gap:8px}.alert{padding:8px 10px;border-radius:8px;font-size:.85rem;background:#111726cc}.alert-warning{border-left:3px solid #ffb357}.alert-danger{border-left:3px solid #ff6961}.alert-info{border-left:3px solid #79dbff}.overlay-card{position:absolute;width:min(620px,calc(100vw - 24px));max-height:80vh;overflow:auto;background:#050a14e6;border:1px solid rgba(124,210,255,.35);border-radius:14px;padding:20px;text-align:center;box-shadow:0 14px 36px #0000006b}.modal-layer{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;padding:12px}.modal-layer>*{pointer-events:auto}.overlay-card h1,.overlay-card h2{margin-top:0}.tagline{margin:0;color:#8fe6d2}.subtitle{color:#d3d9ef}.mode-picker{display:flex;gap:8px;margin:14px 0;justify-content:center}.mode-btn,.primary-btn,.ghost-btn{border-radius:10px;border:1px solid rgba(143,220,255,.35);padding:10px 14px;cursor:pointer}.mode-btn,.ghost-btn{background:#0e1323eb;color:#f0f4ff}.mode-btn.active,.primary-btn{background:linear-gradient(135deg,#2d8d91,#5db16a);color:#041318;font-weight:700}.overlay-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.highscore,.controls-help{font-size:.9rem}.orientation-prompt{position:absolute;inset:auto 12px 12px;background:#22120df2;border:1px solid rgba(255,180,120,.7);border-radius:10px;padding:10px 12px;text-align:center}@media(max-width:900px){.hud{top:8px}.alerts{position:absolute;right:10px;top:126px;width:min(280px,50vw)}.hud-row{flex-wrap:wrap;justify-content:center}}.mobile-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:min(96vw,880px);display:flex;justify-content:space-between;pointer-events:auto}.touch-btn{border:1px solid rgba(200,236,255,.35);color:#f2f8ff;background:#090c18b8;border-radius:999px;min-width:92px;min-height:52px;font-weight:700;letter-spacing:.04em;touch-action:none}.touch-btn:active{transform:translateY(1px);background:#1f384ac7}@media(min-width:1024px){.mobile-controls{display:none}}