:root{--bg0: #0b1030;--bg1: #1a1147;--accent: #8ea2ff;--gold: #ffd84a;--ink: #f4f5ff;--muted: #a9adcf;--sheet: rgba(18, 16, 48, .94)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#05060f;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:relative;height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg0),var(--bg1));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[hidden]{display:none!important}#hud{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px;flex:0 0 auto}.label{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:700}.score{font-size:34px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.score.bump{animation:bump .22s ease-out}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--gold)}to{transform:scale(1)}}.best{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.06em}.hud-right{display:flex;align-items:center;gap:14px}.next{display:flex;flex-direction:column;align-items:center;gap:2px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--ink);display:grid;place-items:center}#stage{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:0 0 6px}#game{display:block;border-radius:14px;touch-action:none}.screen{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}#menu{background:radial-gradient(120% 80% at 50% 0%,#2a1f6e 0%,var(--bg0) 55%,#070818 100%)}.screen.dim{background:#040410b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.logo{text-align:center}.logo img{border-radius:30px;box-shadow:0 14px 40px #785aff73,0 0 0 1px #ffffff24;animation:float 3.2s ease-in-out infinite;-webkit-user-drag:none}@keyframes float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}h1{margin:6px 0 4px;font-size:44px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#c7b6ff 50%,#ffd84a);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{margin:0;color:var(--muted);font-size:15px}h2{margin:0;font-size:24px;font-weight:800}h3{margin:10px 0 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:flex-start}.menu-buttons{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.btn{width:100%;min-height:54px;padding:10px 18px;border-radius:16px;font:inherit;font-weight:700;font-size:17px;color:var(--ink);background:#ffffff17;border:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .08s ease}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#8f7bff,#5a3df0);border-color:#ffffff4d;box-shadow:0 8px 24px #5a3df073}.btn.daily{background:linear-gradient(180deg,#ffcf4a,#f08a1d);color:#2a1500;border-color:#fff6;box-shadow:0 8px 24px #f08a1d59}.btn.daily.done{background:#ffcf4a24;color:var(--gold);box-shadow:none;border-color:#ffcf4a66}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted);min-height:44px;font-size:15px}.btn-sub{font-size:12px;font-weight:600;opacity:.75}.toggles{display:flex;gap:10px}.chip{font:inherit;font-size:13px;font-weight:600;color:var(--muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;min-height:40px}.chip.on{color:var(--ink);border-color:#ffffff4d}.sheet{width:100%;max-width:360px;background:var(--sheet);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:26px 22px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px #00000080;animation:rise .28s cubic-bezier(.2,1.2,.4,1)}#app,#app *{touch-action:none}#app button{touch-action:manipulation}.sheet.tall{max-height:100%;min-height:0;padding:0;gap:0;overflow:hidden}.sheet-head{width:100%;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px 22px}.sheet-body{width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 22px 16px}.sheet-foot{width:100%;flex:0 0 auto;padding:12px 22px 18px;border-top:1px solid rgba(255,255,255,.1);background:#0a082299}.icon-btn.small{width:38px;height:38px;border-radius:12px}#app .sheet-body,#app .sheet-body *{touch-action:pan-y}@keyframes rise{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}.badge{background:var(--gold);color:#2a1500;font-weight:900;font-size:12px;letter-spacing:.14em;padding:5px 12px;border-radius:999px;animation:bump .5s ease-out .3s}.big-score{font-size:56px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.nudge{margin:0;text-align:center;color:var(--ink);font-size:15px;font-weight:600}.nudge.small{color:var(--muted);font-size:13px;font-weight:500}.ladder{display:flex;gap:3px;font-size:19px;flex-wrap:wrap;justify-content:center}.ladder span.off{filter:grayscale(1) brightness(.35)}.streak{color:var(--gold);font-weight:800;font-size:16px}.grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;background:#ffffff0d;font-size:10.5px;font-weight:600;color:var(--muted);text-align:center}.cell.locked canvas{filter:brightness(0) opacity(.45)}.themes{width:100%;display:flex;flex-direction:column;gap:8px}.theme{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;font:inherit;color:var(--ink);text-align:left;min-height:52px}.theme .swatch{width:30px;height:30px;border-radius:9px;border:2px solid;flex:0 0 auto}.theme .t-name{font-weight:700;font-size:14px}.theme .t-hint{font-size:12px;color:var(--muted)}.theme.locked{opacity:.5}.theme.active{border-color:var(--gold)}.stats{font-size:12px;color:var(--muted);text-align:center;line-height:1.6}.board-line{font:inherit;font-size:13.5px;font-weight:700;color:var(--gold);background:#ffd84a14;border:1px solid rgba(255,216,74,.28);border-radius:12px;padding:9px 12px;min-height:40px;margin-top:-4px;font-variant-numeric:tabular-nums}.board-note{color:var(--gold);font-size:14px}.board-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.board-list li{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff0d;font-variant-numeric:tabular-nums}.board-list .rank{color:var(--muted);font-weight:800;font-size:13px}.board-list .name{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:800;font-size:19px;letter-spacing:.22em}.board-list .pts{font-weight:800;font-size:16px}.board-list li.first{background:linear-gradient(90deg,#ffd84a38,#ffd84a0f)}.board-list li.first .rank{color:var(--gold)}.board-list li.me{outline:2px solid var(--gold)}.board-list li.empty{opacity:.35}.board-list .you{font-size:10px;font-weight:900;letter-spacing:.1em;color:#2a1500;background:var(--gold);border-radius:999px;padding:2px 6px;margin-left:8px;vertical-align:middle}.slots{display:flex;gap:10px;margin:4px 0}.slots span{width:58px;height:68px;border-radius:14px;display:grid;place-items:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:38px;font-weight:800;background:#ffffff12;border:2px solid rgba(255,255,255,.18)}.slots span.cursor{border-color:var(--gold);animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{border-color:#ffffff2e}}.keys{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.keys button{font:inherit;font-weight:800;font-size:17px;min-height:44px;border-radius:10px;color:var(--ink);background:#ffffff17;border:1px solid rgba(255,255,255,.14);padding:0}.keys button:active{background:#ffffff38}.keys button.wide{grid-column:span 2;font-size:15px}.btn:disabled{opacity:.4;box-shadow:none}.nudge.err{color:#ff8f8f}#toast{position:absolute;left:50%;top:calc(86px + env(safe-area-inset-top));transform:translate(-50%);z-index:9;background:#ffd84af5;color:#2a1500;font-weight:800;font-size:14px;padding:10px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 24px #0006;animation:toast 2.4s ease forwards;pointer-events:none}@keyframes toast{0%{opacity:0;transform:translate(-50%,-12px) scale(.9)}10%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px)}}@media(prefers-reduced-motion:reduce){.logo img,.sheet,.score.bump{animation:none}}