:root{color:#e2e8f0;background:#030b16;font-family:Nunito,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:2rem 1rem 3rem}.frame{position:relative;width:min(64rem,100%);margin:0 auto;overflow:hidden;border:1px solid rgb(103 232 249 / .2);border-radius:2rem;background:#071426;box-shadow:0 24px 80px #00000073}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgb(255 255 255 / .1);background:#0b1d33}.bar h1{margin:0 auto 0 0;font-size:1.25rem}.stats{display:flex;gap:.5rem;font-size:.875rem;font-weight:800}.pill{border-radius:999px;padding:.45rem .75rem}.score{color:#67e8f9;background:#22d3ee1a}.best{color:#fcd34d;background:#fbbf241a}.lives{color:#fda4af;background:#fb71851a;letter-spacing:.08em}.icon{border:1px solid rgb(255 255 255 / .1);border-radius:999px;background:transparent;color:inherit;font-size:1.1rem;padding:.4rem .55rem;cursor:pointer}.how{margin:0;padding:.85rem 1.25rem;text-align:center;font-weight:700;background:#102844;border-bottom:1px solid rgb(103 232 249 / .15)}.stage{position:relative;min-height:420px;background:#06101d}canvas{display:block;width:100%;height:auto;max-height:65vh;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;text-align:center;color:#fff;background:#020817d1;border:0;cursor:pointer}.overlay strong{max-width:28rem;font-size:1.6rem;line-height:1.3}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.35em;text-transform:uppercase;color:#67e8f9}.eyebrow.warn{color:#fcd34d}.cta{border:0;border-radius:999px;background:#22d3ee;color:#020617;font-weight:900;padding:.75rem 2rem;cursor:pointer}.hint{font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8}.guide{width:min(40rem,100%);margin:2rem auto 0;line-height:1.6}.guide h2{margin-bottom:.4rem}.guide ul{padding-left:1.2rem}
