:root{--bg:#1b1420;--panel:#1e121ed1;--panel-solid:#2a1b2b;--ink:#fff3e3;--muted:#d9c2ad;--accent:#ffb347;--accent-2:#ff7b54;--good:#8fe388;--bad:#ff6b6b;--radius:16px;--font:"Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0}body.in-game{height:100dvh;overflow:hidden}button,a.btn{font-family:inherit}#app{-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;position:relative;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui>.levels,#ui>.modal-back,#ui>.loading{pointer-events:auto}.fx-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.btn{cursor:pointer;min-height:48px;color:var(--ink);background:#3d2a3c;border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:17px;font-weight:600;text-decoration:none;transition:transform 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #00000059,inset 0 1px #ffffff14}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn:hover{filter:brightness(1.12)}.btn.primary{color:#3a1a08;background:linear-gradient(#ffc163,#ff9a3c)}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0}.btn.big{min-height:60px;padding:16px 28px;font-size:22px}.btn .ico svg{fill:currentColor;width:20px;height:20px}.icon-btn{background:var(--panel);width:46px;height:46px;color:var(--ink);cursor:pointer;border:0;border-radius:14px;place-items:center;display:grid}.icon-btn svg{fill:currentColor;width:24px;height:24px}.badge{color:var(--accent);background:#ffb34733;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:600}.muted,.link{color:var(--muted)}.menu{padding:calc(28px + var(--safe-top)) 16px calc(22px + var(--safe-bottom));pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}.menu>*{pointer-events:auto}.logo{text-align:center;margin-top:8px}.title{letter-spacing:-1px;background:linear-gradient(#fff1c9,#ffb347 55%,#ff7b54);color:#0000;filter:drop-shadow(0 4px #5a2412)drop-shadow(0 10px 24px #00000080);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(46px,13vw,92px);font-weight:700;line-height:.95}.subtitle{color:var(--muted);text-shadow:0 2px 8px #000;margin:8px 0 0;font-size:18px}.menu-spacer{pointer-events:none;flex:1}.menu-buttons{gap:12px;width:min(360px,100%);margin-bottom:14px;display:grid}.menu-buttons .row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-foot{align-items:center;gap:16px;display:flex}.landing{max-width:760px;color:var(--muted);margin:0 auto;padding:32px 20px 60px;line-height:1.6;display:block}body.in-game .landing{display:none}.landing h1{color:var(--ink);margin:0;font-size:34px}.landing h2{color:var(--ink);margin-top:32px;font-size:22px}.landing .tagline{font-size:18px}.landing .cta{color:#3a1a08;background:var(--accent);border-radius:12px;margin-top:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.landing footer{opacity:.7;margin-top:40px;font-size:14px}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{top:calc(8px + var(--safe-top));align-items:center;gap:10px;display:flex;position:absolute;left:10px;right:10px}.hud-title{background:var(--panel);border-radius:14px;flex-direction:column;flex:1;justify-content:center;min-width:0;height:46px;padding:5px 12px;display:flex}.hud-title .lvl{font-size:16px;font-weight:700;line-height:1.1}.hud-title .lvl-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.moves{background:var(--panel);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:76px;height:46px;padding:0 12px;display:flex}.moves-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.moves-num{font-size:22px;font-weight:700;line-height:1}.moves.low .moves-num{color:var(--bad);animation:.8s infinite pulse}.goals{top:calc(62px + var(--safe-top));pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.goal{background:var(--panel);border-radius:999px;align-items:center;gap:4px;padding:3px 12px 3px 4px;font-size:16px;font-weight:600;display:flex}.goal-icon{object-fit:contain;width:40px;height:40px}.goal-icon.all{place-items:center;font-size:22px;display:grid}.goal.done{background:#50a0508c}.goal.bump{animation:.35s bump}.hud-bottom{bottom:calc(10px + var(--safe-bottom));pointer-events:none;justify-content:center;gap:10px;display:flex;position:absolute;left:0;right:0}.tool{pointer-events:auto;background:var(--panel);width:72px;height:64px;color:var(--ink);cursor:pointer;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.tool svg{fill:currentColor;width:26px;height:26px}.tool:disabled{opacity:.4}.tool:active{transform:scale(.94)}.combo{text-align:center;color:#ffe28a;text-shadow:0 3px #8a3510,0 0 24px #ff8c28cc;opacity:0;pointer-events:none;font-size:36px;font-weight:700;position:absolute;top:34%;left:0;right:0}.combo.show{animation:1s ease-out combo}.tip{left:50%;bottom:calc(86px + var(--safe-bottom));color:#3a2214;text-align:center;opacity:0;pointer-events:none;background:#fff3e3f2;border-radius:14px;width:min(460px,100% - 24px);padding:10px 14px;font-size:15px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%)translateY(10px)}.tip.show{opacity:1;transform:translate(-50%)}.float{color:#fff3c4;text-shadow:0 2px #7a2c0c,0 0 12px #ff7828cc;white-space:nowrap;font-size:22px;font-weight:700;animation:1.05s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.float.hot{color:#ffd36b;font-size:26px}.levels{padding:calc(14px + var(--safe-top)) 14px 20px;background:#140c16e0;position:absolute;inset:0;overflow-y:auto}.levels-head{align-items:center;gap:10px;max-width:720px;margin:0 auto 14px;display:flex}.levels-head h2{flex:1;margin:0;font-size:24px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-width:720px;margin:0 auto;display:grid}.level-card{min-height:104px;color:var(--ink);background:#3a2638;border-radius:16px;flex-direction:column;gap:4px;padding:12px;text-decoration:none;display:flex;box-shadow:0 4px #00000059}.level-card .num{color:var(--accent);font-size:26px;font-weight:700}.level-card .name{color:var(--muted);flex:1;font-size:14px}.level-card.locked{opacity:.5;justify-content:center;align-items:center}.level-card.locked svg{width:28px;fill:var(--muted)}.stars{gap:2px;display:flex}.stars .star svg{fill:#5a4656;width:18px;height:18px}.stars .star.on svg{fill:#ffc94a}.stars.big{justify-content:center;gap:8px;margin:6px 0 12px}.stars.big .star svg{width:54px;height:54px}.stars.big .star.on{animation:.45s backwards starIn;animation-delay:calc(.15s + var(--i) * .18s)}.modal-back{opacity:0;background:#0a050c8c;place-items:center;padding:16px;transition:opacity .2s;display:grid;position:absolute;inset:0}.modal-back.open{opacity:1}.modal{background:var(--panel-solid);text-align:center;border-radius:22px;width:min(400px,100%);padding:22px 20px 18px;transition:transform .25s cubic-bezier(.2,1.4,.4,1);transform:scale(.94);box-shadow:0 20px 60px #0009}.modal-back.open .modal{transform:none}.modal h2{margin:0 0 6px;font-size:30px}.modal h2.win{color:#ffd36b}.modal-buttons{gap:10px;margin-top:14px;display:grid}.modal-foot{justify-content:center;margin-top:12px;display:flex}.band-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 10px;display:grid}.result-stats div{background:#ffffff0f;border-radius:12px;flex-direction:column;padding:8px 4px;display:flex}.result-stats b{font-size:24px}.result-stats span{color:var(--muted);font-size:12px}.beat{color:var(--good);font-weight:600}.loading{color:var(--muted);background:#140c16b3;place-content:center;justify-items:center;font-size:18px;display:grid;position:absolute;inset:0}.spinner{border:5px solid #ffb34740;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.toast{left:50%;top:calc(16px + var(--safe-top));color:#2a1a10;opacity:0;z-index:50;pointer-events:none;overflow-wrap:anywhere;background:#fff3e3;border-radius:12px;max-width:calc(100% - 24px);padding:10px 16px;font-weight:600;transition:all .25s;position:fixed;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes bump{40%{transform:scale(1.18)}}@keyframes combo{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1.1)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-180%)scale(1)}}@keyframes starIn{0%{transform:scale(0)rotate(-40deg)}70%{transform:scale(1.25)rotate(8deg)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.combo.show,.float,.stars.big .star.on{animation-duration:10ms}}@media (min-width:700px){.hud-top{width:min(760px,100% - 20px);left:50%;transform:translate(-50%)}.goals{top:calc(64px + var(--safe-top))}}