:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#ecf3ff;background:radial-gradient(circle at top,rgba(75,130,255,.2),transparent 40%),linear-gradient(180deg,#091120,#03060d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:999px;padding:.85rem 1.4rem;font:inherit;font-weight:700;color:#07101d;background:linear-gradient(135deg,#7af7ff,#7f8cff);cursor:pointer;box-shadow:0 10px 30px #66c5ff59;transition:transform .16s ease,box-shadow .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 36px #66c5ff66}button:focus-visible{outline:3px solid rgba(122,247,255,.5);outline-offset:3px}#app{width:100%}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.panel{width:min(960px,100%);padding:1.5rem;border:1px solid rgba(128,163,255,.2);border-radius:28px;background:#070c18c7;box-shadow:0 24px 80px #00000073;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.eyebrow{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#7af7ff}h1{margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.95}.subtitle{margin:.75rem 0 0;color:#ecf3ffb8}.stats{display:flex;gap:.9rem}.stat-card{min-width:108px;padding:.85rem 1rem;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);text-align:left}.stat-label{display:block;margin-bottom:.2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#ecf3ff99}.stat-card strong{font-size:1.8rem}.game-frame{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(121,155,255,.28);background:linear-gradient(180deg,#080f1bfa,#04070dfa)}canvas{display:block;width:100%;height:auto;aspect-ratio:800 / 520}.overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.75rem;padding:2rem;text-align:center;background:linear-gradient(180deg,#03060d3d,#03060dd1)}.overlay.hidden{opacity:0;pointer-events:none}.overlay-tag{margin:0;padding:.35rem .7rem;border-radius:999px;color:#7af7ff;background:#7af7ff1f;border:1px solid rgba(122,247,255,.25);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.overlay h2{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.overlay p:last-of-type{margin:0;color:#ecf3ffb8}.controls{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:#ecf3ffa3;font-size:.95rem}@media(max-width:720px){.shell{padding:1rem}.panel{padding:1rem;border-radius:22px}.hud,.controls,.stats{flex-direction:column}.stats,.stat-card{width:100%}}