html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030914;color:#f5f8ff;font-family:Inter,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}#wrap{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,#172454 0,#06101f 48%,#02060d 100%)}
canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;left:16px;right:16px;top:12px;display:flex;justify-content:space-between;pointer-events:none;font-weight:800;text-shadow:0 2px 8px #000}
.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#020814dd;z-index:4}.card{width:min(560px,90vw);padding:26px;border:1px solid #245184;border-radius:18px;background:#071428e8;box-shadow:0 0 45px #176eff33;text-align:center}.card h1{margin:0 0 8px;font-size:42px}.card p{color:#a9bad1}.btn{border:0;border-radius:10px;padding:13px 20px;font-weight:900;color:#fff;background:linear-gradient(90deg,#12b9ff,#765cff);cursor:pointer}.hidden{display:none}.accent{color:#43d7ff}.danger{color:#ff5bbd}