:root{--bg1:#0e1526;--bg2:#1a2340;--accent:#ff8a1e;--accent2:#ffb35c;--tile-border:#33436e;--text:#f2f5ff;--muted:#9aa7c7;--good:#34d399;--bad:#f87171}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:radial-gradient(1200px 800px at 50% -10%, var(--bg2), var(--bg1));color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;display:flex}.backbar{width:100%;max-width:560px;padding:4px 2px 0}.backbar a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.backbar a:hover{color:var(--accent2)}header{text-align:center;width:100%;max-width:560px;padding:10px 4px 4px}header h1{letter-spacing:.5px;margin:0;font-size:clamp(20px,5vw,28px)}header h1 span{color:var(--accent)}header p{color:var(--muted);margin:4px 0 0;font-size:13px}.hud{gap:8px;width:100%;max-width:560px;margin:12px 0;display:flex}.stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;flex:1;padding:8px 6px}.stat .label{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:10px}.stat .value{font-variant-numeric:tabular-nums;font-size:clamp(18px,5vw,24px);font-weight:700}#timerVal{color:var(--accent2)}#nextVal{color:var(--good)}.controls{gap:8px;width:100%;max-width:560px;margin-bottom:10px;display:flex}button{cursor:pointer;font-family:inherit}.btn{background:linear-gradient(135deg,var(--accent),#ff5e1a);color:#1a0e00;border:none;border-radius:14px;flex:1;padding:12px;font-size:15px;font-weight:700;transition:transform 80ms;box-shadow:0 6px 18px #ff7a1a59}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--text);box-shadow:none;background:#ffffff12;border:1px solid #ffffff24;font-weight:600}#board{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:560px;display:grid}.tile{aspect-ratio:1;border:2px solid var(--tile-border);color:var(--text);font-variant-numeric:tabular-nums;background:linear-gradient(160deg,#2c3d68,#1e2a4e);border-radius:10px;justify-content:center;align-items:center;font-size:clamp(22px,6.4vw,32px);font-weight:800;transition:transform 70ms,background .15s,opacity .2s;display:flex}.tile:active{transform:scale(.93)}.tile.busy{pointer-events:none}.tile.done{opacity:.18;pointer-events:none;background:#16203c;border-color:#0000;transform:scale(.96)}.tile.pop{animation:.15s pop}@keyframes pop{0%{transform:scale(1)}50%{background:linear-gradient(160deg,#2f7d5b,#1f5c42);transform:scale(1.14)}to{transform:scale(1)}}.tile.fresh{border-color:var(--accent);animation:.45s freshIn}@keyframes freshIn{0%{opacity:0;transform:scale(.55)rotate(-8deg)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.tile.wrong{border-color:var(--bad);color:var(--bad);animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#080c18d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.card{text-align:center;background:linear-gradient(170deg,#1c2748,#121a33);border:1px solid #ffffff1f;border-radius:22px;width:100%;max-width:440px;padding:28px 24px;animation:.3s rise;box-shadow:0 24px 60px #00000080}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.card h2{margin:0 0 6px;font-size:24px}.card h2 span{color:var(--accent)}.card p{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.55}.card .big-time{color:var(--accent2);font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:52px;font-weight:800}.badge{color:var(--good);background:#34d39926;border:1px solid #34d39966;border-radius:999px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.badge.hidden{display:none}.card .row{gap:10px;margin-top:18px;display:flex}.rules{text-align:left;margin:14px 0 4px;padding-left:2px}.rules li{color:#cdd7f2;margin:7px 0;padding-left:26px;font-size:14px;line-height:1.45;list-style:none;position:relative}.rules li:before{content:"👉";position:absolute;left:0}details.facilitator{width:100%;max-width:560px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin-top:14px;padding:10px 14px;font-size:13px}details.facilitator summary{cursor:pointer;color:#cdd7f2;font-weight:600}details.facilitator ul{margin:8px 0 2px;padding-left:18px;line-height:1.7}.hidden{display:none!important}.seo-copy{width:100%;max-width:560px;color:var(--muted);margin-top:22px;font-size:13px;line-height:1.7}.seo-copy h2{color:var(--text);margin:0 0 6px;font-size:17px}footer{color:var(--muted);text-align:center;margin:16px 0 8px;font-size:11px}canvas#confetti{pointer-events:none;z-index:20;position:fixed;inset:0}