:root,[data-theme=maple]{--bg:#f4e6d0;--bg-deep:#e8d3b4;--ink:#4a2e16;--muted:#7a5a38;--wood:#c48a4a;--wood-1:#c48a4a;--wood-2:#b87333;--wood-3:#d19a5c;--wood-4:#9a5b2e;--wood-5:#e0b07a;--board:#d7b891;--slot:#4a2e161a;--panel:#fff8ecb8;--shadow:0 10px 30px #4a2e161f;--accent:#a35c1d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=walnut]{--bg:#2a1d14;--bg-deep:#1c130d;--ink:#f3e2cc;--muted:#c4a07a;--wood-1:#c48a4a;--wood-2:#b87333;--wood-3:#d19a5c;--wood-4:#8a4b24;--wood-5:#e0b07a;--board:#3d2a1c;--slot:#f3e2cc14;--panel:#3a261acc;--shadow:0 10px 30px #00000059;--accent:#e0b07a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=sage]{--bg:#e7efe4;--bg-deep:#d3e2d8;--ink:#2d3d34;--muted:#5d7266;--wood-1:#c48a4a;--wood-2:#b87333;--wood-3:#c9a066;--wood-4:#8d6238;--wood-5:#e0b07a;--board:#c9d6cc;--slot:#2d3d341a;--panel:#ffffffb3;--shadow:0 10px 30px #2d3d341a;--accent:#4d7c5a}[data-theme=night]{--bg:#16141c;--bg-deep:#0e0d13;--ink:#efe8f4;--muted:#b7adc4;--wood-1:#c48a4a;--wood-2:#b87333;--wood-3:#d19a5c;--wood-4:#8a4b24;--wood-5:#e0b07a;--board:#221f2b;--slot:#ffffff0f;--panel:#221f2be0;--shadow:0 10px 30px #0006;--accent:#d9a066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100dvh;margin:0}body{background:radial-gradient(circle at top, var(--bg), var(--bg-deep) 70%);color:var(--ink);font-family:Avenir Next,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:430px;min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(16px + env(safe-area-inset-bottom));margin:0 auto}.screen{flex-direction:column;min-height:100dvh;padding-top:24px;display:flex}.home{text-align:center;justify-content:center;align-items:center;gap:8px}.logo-icon{width:96px;height:96px;box-shadow:var(--shadow);object-fit:cover;border-radius:22px;margin-bottom:12px}h1{letter-spacing:.04em;margin:0;font-size:42px}.tagline,.muted,.install-hint,.best-line{color:var(--muted)}.home-actions{flex-direction:column;gap:10px;width:min(280px,100%);margin-top:28px;display:flex}.primary,.booster{background:var(--accent);color:#fff8ef;box-shadow:var(--shadow);border:0;border-radius:14px;padding:14px 18px}.ghost-btn{color:var(--ink);box-shadow:none;border:1px solid color-mix(in srgb, var(--ink) 20%, transparent);background:0 0}.text-btn{color:var(--muted);background:0 0;border:0;padding:10px}.install-hint{max-width:280px;margin-top:28px;font-size:13px;line-height:1.4}.subhead{grid-template-columns:72px 1fr 72px;align-items:center;display:grid}.subhead h1{text-align:center;font-size:22px}.stat-grid,.scores{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-grid{margin-top:24px}.stat-grid>div,.panel{background:var(--panel);border-radius:16px;padding:16px}.label{color:var(--muted);font-size:12px;display:block}.stat-grid strong,.scores strong{font-size:28px}.chart-title,.panel h2{margin:28px 0 12px;font-size:16px}.chart{background:var(--panel);border-radius:16px;align-items:flex-end;gap:6px;height:140px;padding:12px 8px 0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{background:var(--accent);border-radius:6px 6px 2px 2px;width:100%;min-height:4px}.bar-col span{color:var(--muted);font-size:9px}.theme-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-swatch{border:1px solid color-mix(in srgb, var(--ink) 15%, transparent);background:var(--panel);border-radius:12px;padding:12px}.theme-swatch.on{outline:2px solid var(--accent)}.play{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:8px;min-height:100dvh;padding-top:4px;display:flex}.play-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.play-top .text-btn{flex-shrink:0;padding:6px 4px}.scores{flex:1;width:auto}.scores strong{font-size:20px;display:inline-block}.scores strong.is-record{color:#d4a017}.best-block.live-record .label{color:#d4a017;font-weight:700}.scores.record-pulse strong{animation:.42s recordTick}@keyframes recordTick{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.streak-chip{color:#fff8ef;background:var(--accent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:700;display:inline-block}.fever-chip{color:#2a1608;background:#d4a017}.boosters{flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;width:148px;display:grid}.booster{background:var(--panel);color:var(--ink);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.booster span{display:inline-block}.booster:disabled{opacity:.4}.booster.rotate-grant{outline:2px solid #d4a017;animation:.7s rotateBoost}.booster.rotate-grant span{color:#d4a017;animation:.7s rotateCountPop}@keyframes rotateBoost{0%{transform:scale(1)}30%{transform:scale(1.08)rotate(-4deg)}to{transform:scale(1)}}@keyframes rotateCountPop{0%{transform:scale(1)}35%{transform:scale(1.45)}to{transform:scale(1)}}.board-stage{position:relative}.board-wrap{background:var(--board);box-shadow:var(--shadow);border-radius:18px;padding:8px;transition:box-shadow .2s;position:relative}.play[data-streak="2"] .board-wrap,.play[data-streak="3"] .board-wrap{box-shadow:0 0 22px color-mix(in srgb, var(--accent) 45%, transparent)}.play[data-streak="4"] .board-wrap,.play[data-streak="5"] .board-wrap,.play[data-streak="6"] .board-wrap,.play[data-streak="7"] .board-wrap,.play[data-streak="8"] .board-wrap{box-shadow:0 0 28px color-mix(in srgb, var(--accent) 70%, transparent)}.play[data-record=on] .board-wrap{box-shadow:0 0 24px #d4a01794}.play[data-fever=on] .board-wrap{animation:1.15s ease-in-out infinite feverGlow;box-shadow:0 0 34px #f5d76ec7}.play[data-fever=on] .wood{filter:saturate(1.15)brightness(1.08)}@keyframes feverGlow{0%,to{box-shadow:0 0 28px #f5d76eb3}50%{box-shadow:0 0 42px #f5d76ee6}}.board{aspect-ratio:1;grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.slot,.cell{border-radius:5px}.slot-empty{background:var(--slot)}.slot-empty.hungry-3{background:color-mix(in srgb, #d4a017 46%, var(--slot));animation:1.05s ease-in-out infinite hungryPulse}@keyframes hungryPulse{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}.piece{position:relative}.piece .cell{position:absolute}.wood{background:linear-gradient(180deg, #ffffff3d, transparent 42%), repeating-linear-gradient(90deg, transparent, transparent 5px, #46230824 6px), var(--wood-1);box-shadow:inset 0 1px #ffffff47,0 1px 1px #0000002e}.wood-1{background-color:var(--wood-1)}.wood-2{background-color:var(--wood-2)}.wood-3{background-color:var(--wood-3)}.wood-4{background-color:var(--wood-4)}.wood-5{background-color:var(--wood-5)}.drag-layer{pointer-events:none;z-index:20;will-change:transform;visibility:hidden;position:fixed;top:0;left:0}.drag-layer.on{visibility:visible}.ghost-overlay{pointer-events:none;position:absolute;inset:8px;overflow:hidden}.ghost-piece{visibility:hidden;will-change:transform;opacity:.55;position:absolute;top:0;left:0}.ghost-piece.ok{opacity:.72}.ghost-piece.bad{opacity:.35}.clearing{animation:.28s forwards pop}@keyframes pop{to{opacity:0;transform:scale(.2)}}.tray{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:2px;padding-bottom:4px;display:grid}.tray-slot{background:var(--panel);touch-action:none;border:0;border-radius:14px;place-items:center;min-height:72px;padding:6px;display:grid}.tray-slot.selected{outline:2px solid var(--accent)}.tray-slot.dragging{opacity:.25}.tray-slot.clutch{outline:2px solid #d4a017;animation:.9s ease-in-out infinite clutchPulse}@keyframes clutchPulse{0%,to{transform:scale(1);box-shadow:0 0 #0000}50%{transform:scale(1.04);box-shadow:0 0 16px #d4a0178c}}.toast{pointer-events:none;text-shadow:0 2px 12px var(--bg);z-index:4;font-size:28px;font-weight:700;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.board-stage.shake{animation:.42s shake}.board-stage.slam{animation:.48s slam}@keyframes slam{0%{transform:scale(1)}25%{transform:scale(.97)translateY(4px)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.fx-combo,.fx-milestone,.fx-record,.fx-fever,.fx-fever-lost,.fx-rotate{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.fx-banner{letter-spacing:.04em;text-shadow:0 4px 18px var(--bg-deep);font-size:34px;font-weight:800;animation:1.1s forwards bannerPop;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.fx-banner.combo{color:var(--accent)}.fx-banner.mile{color:#f5d76e;font-size:42px;top:58%}.fx-banner.record{color:#f5d76e;letter-spacing:.08em;text-transform:uppercase;font-size:32px;top:48%}.fx-banner.fever{color:#f5d76e;letter-spacing:.12em;text-transform:uppercase;font-size:44px;top:36%}.fx-banner.lost{color:#c45c2c;font-size:28px;top:40%}.fx-banner.rotate-up{color:#d4a017;font-size:28px;top:62%}.rotate-glyph{grid-template-rows:14px 14px;grid-template-columns:14px 14px;gap:3px;width:34px;height:34px;animation:.9s forwards rotateGlyph;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.rotate-glyph span{background:linear-gradient(180deg, #ffffff47, transparent 42%), var(--wood-3);border-radius:3px;box-shadow:inset 0 1px #ffffff47}.rotate-glyph span:first-child{grid-area:1/1}.rotate-glyph span:nth-child(2){grid-area:2/1}.rotate-glyph span:nth-child(3){grid-area:2/2}@keyframes rotateGlyph{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.6)}22%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1.12)}to{opacity:.2;transform:translate(-50%,-50%)rotate(90deg)scale(1)}}.spark.gold{background:#f5d76e}.fx-ring.gold{border-color:#f5d76e}.spark{background:var(--wood-3);width:8px;height:8px;transform:rotate(calc(var(--i) * 30deg)) translateY(0);border-radius:2px;animation:.7s ease-out forwards sparkOut;position:absolute;top:50%;left:50%}.fx-ring{border:3px solid #f5d76e;border-radius:50%;width:40px;height:40px;animation:.9s ease-out forwards ringOut;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-40%)scale(1)}}@keyframes sparkOut{0%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-72px) scale(.4)}}@keyframes ringOut{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(6)}}.overlay{background:color-mix(in srgb, var(--bg-deep) 55%, transparent);z-index:30;place-items:center;padding:24px;animation:.28s overlayIn;display:grid;position:fixed;inset:0}.modal{background:var(--panel);text-align:center;border-radius:20px;flex-direction:column;gap:10px;width:min(320px,100%);padding:24px;display:flex}.modal-score{margin:0 0 8px;font-size:40px}.modal h2{margin:0}.board-wrap.is-dead .board{animation:.7s forwards boardSplit}.death-fx{pointer-events:none;z-index:8;border-radius:18px;position:absolute;inset:0;overflow:hidden}.death-crack{filter:drop-shadow(0 0 8px #28100473);width:84%;height:84%;animation:.5s forwards crackIn;position:absolute;inset:8%}.death-stamp{letter-spacing:.14em;text-transform:uppercase;color:#f3e2c4;text-shadow:0 4px 16px var(--bg-deep);font-size:42px;font-weight:800;animation:1.1s forwards bannerPop;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.splinter{background:linear-gradient(180deg, #ffffff47, transparent 40%), var(--wood-3);width:10px;height:18px;transform:rotate(calc(var(--i) * 30deg));border-radius:2px 6px 3px 2px;animation:.82s ease-out forwards splinterOut;position:absolute;top:50%;left:50%}.death-mark{width:72px;height:72px;margin:0 auto 4px;position:relative}.death-mark span{background:var(--wood-3);border-radius:4px;width:8px;height:56px;position:absolute;top:8px;left:50%;box-shadow:inset 0 1px #ffffff4d}.death-mark span:first-child{transform:translate(-50%)rotate(28deg)}.death-mark span:last-child{background:var(--wood-5);transform:translate(-50%)rotate(-28deg)}@keyframes crackIn{0%{opacity:0;transform:scaleY(.2)}to{opacity:1;transform:scaleY(1)}}@keyframes splinterOut{0%{opacity:1;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-88px) scale(.5)}}@keyframes boardSplit{0%{filter:none;transform:scale(1)}40%{filter:grayscale(.2)brightness(.9);transform:scale(.985)}to{filter:grayscale(.4)brightness(.78);transform:scale(.99)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}