:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef7ff;background:#07111e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#163b67 0,#091522 46%,#050a10);display:grid;place-items:center;padding:16px}.shell{width:min(1100px,100%)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;background:#0d1c2dba;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:18px;box-shadow:0 16px 50px #0006}.topbar>div:first-child{display:flex;gap:10px;align-items:baseline}.topbar strong{font-size:1.3rem}.topbar span{opacity:.8}.hud{display:flex;gap:14px;font-weight:800}.game-wrap{position:relative;border-radius:24px;overflow:hidden;border:1px solid #ffffff26;box-shadow:0 30px 80px #0008;background:#07111e}.game-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #fff1,inset 0 -80px 120px #04101ccc;z-index:2}canvas{display:block;width:100%;height:auto;touch-action:none;background:linear-gradient(#164b7d,#0a243c)}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#06101aba;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.2s}.overlay.visible{opacity:1;pointer-events:auto}.card{width:min(520px,calc(100% - 28px));text-align:center;background:linear-gradient(180deg,#122a43f2,#091827f2);border:1px solid #ffffff24;padding:28px;border-radius:28px;box-shadow:0 25px 70px #0008}.mascot{font-size:4rem;filter:drop-shadow(0 12px 12px #0008)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:.95;margin:10px 0 14px}p{color:#bdd0df;line-height:1.55}.controls{font-size:.94rem}button{border:0;border-radius:999px;padding:14px 22px;font:inherit;font-weight:900;background:linear-gradient(135deg,#71e6ff,#b6ff6d);color:#082033;cursor:pointer;box-shadow:0 10px 30px #72dcff42;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-2px);filter:brightness(1.08)}footer{text-align:center;color:#7f9bb0;padding:12px;font-size:.86rem}@media(max-width:680px){body{padding:8px}.topbar{border-radius:14px;padding:10px 12px}.topbar>div:first-child span{display:none}.hud{font-size:.86rem;gap:8px}.game-wrap{border-radius:16px}.card{padding:22px}footer{font-size:.75rem}}