:root{color:#eaf7ff;background:#050713;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.screen{background:radial-gradient(circle at 50% 25%,#17315f,#050713 65%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.panel{text-align:center;background:#071122dd;border:1px solid #47d9ff88;border-radius:24px;width:min(94vw,760px);max-width:760px;padding:24px;box-shadow:0 0 40px #1ee4ff44}.title{color:#fff;text-shadow:0 0 18px #39e6ff;margin:0;font-size:clamp(42px,9vw,86px)}.subtitle{color:#b8e8ff;font-size:18px}.primary,.secondary{cursor:pointer;color:#04101c;background:linear-gradient(135deg,#62f8ff,#c6ff4d);border:0;border-radius:16px;margin:8px;padding:14px 22px;font-weight:800}.secondary{color:#d7fbff;background:#19344d;border:1px solid #50dfff}.hud{pointer-events:none;justify-content:space-between;gap:8px;padding:10px;display:flex;position:fixed;top:0;left:0;right:0}.hud span{background:#071122cc;border:1px solid #2bdcff77;border-radius:12px;padding:8px 10px}.canvas{touch-action:none;background:#050713;width:100vw;height:100vh;display:block}.overlay{gap:10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.touch{color:#eaffff;background:#0d2746cc;border:1px solid #5eeaff;border-radius:18px;min-width:74px;min-height:58px;font-weight:900}.hidden{display:none}.missions{color:#d5fbff;gap:6px;margin-top:14px;display:grid}.small{color:#98c8dd;font-size:13px}body.reduced-motion .screen{background:#050713}body.reduced-motion .title{text-shadow:none}body.reduced-motion .panel{box-shadow:none}@media (width<=600px){.panel{padding:18px}.hud{flex-wrap:wrap;font-size:12px}.overlay{bottom:10px}.touch{min-width:68px}}