:root{--bg-app: #3a2a1c;--bg-app-lo: #2a1d12;--bg-cream: #3a2a1c;--bg-light: #fff4d8;--wood-dark: #5a3a1a;--wood-mid: #8c6a36;--wood-warm: #c08850;--wood-tan: #e7d2a0;--wood-edge: #d4b27a;--paper: #fffaeb;--text-dark: #4a3320;--text-mid: #7a5a3a;--text-light: #f0d8b0;--gold: #f5b942;--red-soft: #c83a3a}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overscroll-behavior:none;touch-action:none;background:var(--bg-app);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button{font-family:inherit;cursor:pointer}.game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:1;background:var(--bg-app);display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;padding:env(safe-area-inset-top,14px) 14px env(safe-area-inset-bottom,14px);display:flex;flex-direction:column}.hud-stack-top{display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-top{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding-top:4px}.hud-info-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.level-chip{background:var(--gold);color:#4a2700;font-size:11px;font-weight:900;letter-spacing:2px;padding:4px 12px;border-radius:10px;border:2px solid #844700;box-shadow:0 2px #5a2e00}.score-plate{background:#4a3320b3;border:2px solid rgba(255,230,180,.35);border-radius:14px;padding:10px 32px;min-width:160px;text-align:center;box-shadow:inset 0 0 0 1px #0000004d,0 3px #00000059;position:relative}.score-plate.compact{padding:6px 24px;min-width:130px}.score-number{font-size:28px;font-weight:900;color:#fff;letter-spacing:2px;line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.45)}.combo-tag{position:absolute;top:-10px;right:-10px;background:var(--red-soft);color:#fff;font-size:11px;font-weight:900;letter-spacing:1px;padding:4px 8px;border-radius:10px;border:2px solid #fff;box-shadow:0 2px #4a0e0e;animation:combo-pulse .6s ease-in-out infinite alternate}.combo-tag span{font-size:13px;margin-right:4px}@keyframes combo-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.menu-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#4a3320b3;border:2px solid rgba(255,230,180,.35);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #0000004d,0 3px #00000059;transition:transform .08s ease,box-shadow .08s ease}.menu-btn:active{transform:translateY(calc(-50% + 2px));box-shadow:inset 0 0 0 1px #0000004d,0 1px #00000059}.menu-icon{font-size:26px;font-weight:900;line-height:1}.hud-side-goals{position:absolute;left:14px;top:calc(env(safe-area-inset-top,14px) + 8px);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:7}.goal-side-pill{background:#4a3320eb;border:2px solid rgba(255,215,150,.25);border-radius:10px;padding:4px 8px 5px;display:flex;flex-direction:column;align-items:center;gap:0;min-width:50px;box-shadow:inset 0 1px #ffd79633,0 3px #00000080,0 5px 10px #0000004d}.goal-side-icon{font-size:13px;line-height:1.1}.goal-side-num{font-size:15px;font-weight:900;color:var(--text-light);line-height:1.1;text-shadow:0 1px 0 rgba(0,0,0,.5)}.goal-side-label{font-size:7px;font-weight:800;letter-spacing:1.2px;color:#f0d8b0b3}.goal-side-pill.low{background:#6a1f1f;border-color:#ff8c8c;box-shadow:inset 0 1px #ffb4b440,0 3px #2a0808,0 5px 10px #0000004d;animation:pulse-red .7s ease-in-out infinite}.goal-side-pill.low .goal-side-num{color:#ffd6d6}.goal-side-pill.low .goal-side-label{color:#ffc8c8d9}@keyframes pulse-red{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pause-score-row{display:flex;gap:12px;margin-bottom:18px;justify-content:center}.pause-score{background:#2a1a0a;border:2px solid rgba(255,215,150,.18);border-radius:10px;padding:8px 14px;min-width:90px;text-align:center;box-shadow:inset 0 0 0 1px #0000004d}.pause-score-label{font-size:9px;font-weight:800;letter-spacing:2px;color:#f0d8b0a6}.pause-score-value{font-size:22px;font-weight:900;color:var(--text-light);line-height:1.1}.pause-score-value.gold{color:var(--gold)}.pause-actions-row{display:flex;justify-content:center;gap:10px;margin:12px 0}.pause-mini-btn{position:relative;background:#7a5028;border:2px solid #4a2c10;border-radius:12px;padding:9px 14px 11px;min-width:72px;display:flex;flex-direction:column;align-items:center;font-family:inherit;color:var(--text-light);box-shadow:inset 0 1px #ffd79633,0 4px #2a1a08}.pause-mini-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffd79633,0 1px #2a1a08}.pause-mini-btn.disabled,.pause-mini-btn:disabled{opacity:.45;cursor:not-allowed}.pause-mini-btn.hint{background:#f5b942;border-color:#8a4f00;color:#3a1a00}.pause-mini-icon{font-size:22px;line-height:1}.pause-mini-label{font-size:10px;font-weight:800;letter-spacing:1.6px;margin-top:3px;color:#f0d8b0cc}.pause-mini-btn.hint .pause-mini-label{color:#3a1a00}.pause-mini-badge{position:absolute;top:-7px;right:-7px;background:#ff8c00;color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:10px;border:1.5px solid #fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% -10%,rgba(245,185,66,.18) 0%,transparent 55%),var(--bg-app)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% -20%,rgba(245,185,66,.25) 0%,transparent 60%),var(--bg-app)}.splash-grid{position:relative;z-index:2;margin-bottom:18px;filter:drop-shadow(0 8px 18px rgba(80,50,20,.3))}.splash-icon{width:clamp(160px,50vw,220px);height:auto;display:block;border-radius:22px}.splash-title{font-size:clamp(36px,11vw,56px);font-weight:900;letter-spacing:4px;color:var(--text-light);margin:0;position:relative;z-index:2;text-shadow:0 3px 0 rgba(0,0,0,.55),0 6px 22px rgba(245,185,66,.35)}.splash-sub{font-size:13px;font-weight:900;letter-spacing:4px;color:var(--gold);margin:6px 0 0;position:relative;z-index:2;text-shadow:0 2px 0 rgba(0,0,0,.45)}.splash-loading{position:absolute;bottom:60px;display:flex;gap:8px;z-index:2}.splash-loading .dot{width:9px;height:9px;border-radius:50%;background:var(--wood-warm);animation:bob 1s infinite ease-in-out}.splash-loading .dot:nth-child(2){animation-delay:.15s}.splash-loading .dot:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}.menu-title-wrap{text-align:center;margin-bottom:24px}.menu-title{font-size:clamp(34px,10vw,52px);font-weight:900;letter-spacing:4px;margin:0;color:var(--text-light);text-shadow:0 3px 0 rgba(0,0,0,.55),0 6px 22px rgba(245,185,66,.35)}.menu-sub{font-size:12px;font-weight:900;letter-spacing:4px;color:var(--gold);margin:6px 0 0;text-shadow:0 2px 0 rgba(0,0,0,.4)}.menu-stat-row{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.menu-stat{min-width:95px;background:#4a3320;border:2.5px solid #2a1a08;border-radius:14px;padding:14px 18px;text-align:center;box-shadow:inset 0 1px #ffd7962e,0 5px #1a0e04,0 8px 16px #0000004d}.menu-stat-value{font-size:26px;font-weight:900;color:var(--text-light);line-height:1}.menu-stat-value.gold{color:var(--gold)}.menu-stat-of{font-size:13px;opacity:.55;color:var(--text-light)}.menu-stat-label{font-size:10px;font-weight:800;letter-spacing:2.2px;color:#f0d8b0b3;margin-top:6px}.menu-hint{margin-top:20px;text-align:center;font-size:13px;color:#f0d8b0bf;line-height:1.6;max-width:300px}.menu-hint strong{color:var(--gold);font-weight:900}.icon-btn{width:50px;height:50px;border-radius:14px;background:#5a3a1a;border:2.5px solid #2a1a08;color:var(--text-light);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffd79640,0 5px #1f1208,0 7px 14px #0006;transition:transform .08s ease,box-shadow .08s ease}.icon-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffd79640,0 1px #1f1208}.primary-btn{background:#f5b942;color:#3a1a00;border:3px solid #8a4f00;font-size:18px;font-weight:900;letter-spacing:3px;padding:16px 36px 19px;border-radius:18px;margin:8px 0;box-shadow:inset 0 2px #fff0c866,0 7px #5a2f00,0 11px 20px #00000059;transition:transform .08s ease,box-shadow .08s ease;text-shadow:0 1px 0 rgba(255,255,255,.4)}.primary-btn:active{transform:translateY(5px);box-shadow:inset 0 2px #fff0c866,0 2px #5a2f00}.secondary-btn{background:#7a5028;color:var(--text-light);border:2.5px solid #4a2c10;font-size:14px;font-weight:800;letter-spacing:2px;padding:12px 26px;border-radius:14px;margin:6px;box-shadow:inset 0 1px #ffd79633,0 4px #2a1a08,0 7px 14px #0000004d;transition:transform .08s ease,box-shadow .08s ease;text-shadow:0 1px 0 rgba(0,0,0,.4)}.secondary-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffd79633,0 1px #2a1a08}.pause-card{background:#4a3320;border:3px solid #2a1a08;border-radius:22px;padding:26px 24px;width:88%;max-width:320px;display:flex;flex-direction:column;align-items:stretch;box-shadow:inset 0 2px #ffd79626,0 8px #1a0e04,0 14px 30px #00000073}.pause-title{margin:0 0 18px;text-align:center;font-size:28px;font-weight:900;letter-spacing:5px;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}.end{background:radial-gradient(ellipse at 50% -10%,rgba(245,185,66,.3) 0%,transparent 55%),var(--bg-app)}.end-card{background:#4a3320;border:3px solid #2a1a08;border-radius:24px;padding:30px 28px;width:90%;max-width:360px;text-align:center;box-shadow:inset 0 2px #ffd7962e,0 8px #1a0e04,0 14px 30px #00000073}.end-title{margin:0 0 18px;font-size:22px;font-weight:900;letter-spacing:3.5px;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.55)}.end-stars{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.end-star{font-size:52px;color:#ffe6b426;text-shadow:0 3px 0 rgba(0,0,0,.4)}.end-star.lit{color:var(--gold);text-shadow:0 0 16px rgba(255,209,102,.85),0 3px 0 rgba(120,70,0,.45);animation:starBreathe 1.6s ease-in-out infinite}@keyframes starBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.gameover{background:radial-gradient(ellipse at 50% -10%,rgba(255,90,90,.25) 0%,transparent 55%),var(--bg-app)}.gameover-card{background:#4a2a20;border:3px solid #2a0e08;border-radius:24px;padding:30px 28px;width:90%;max-width:360px;text-align:center;box-shadow:inset 0 2px #ffb4a026,0 8px #1a0604,0 14px 30px #00000073}.gameover-title{margin:0 0 6px;font-size:26px;font-weight:900;letter-spacing:4px;color:#ff8c8c;text-shadow:0 3px 0 rgba(0,0,0,.55)}.gameover-newbest{margin:0 0 12px;color:var(--gold);font-size:14px;font-weight:900;letter-spacing:2.5px;animation:bob 1s infinite ease-in-out}.end-stats{display:flex;justify-content:center;gap:18px;margin:18px 0}.end-stats .stat{text-align:center}.stat-label{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#f0d8b0a6}.stat-value{display:block;font-size:22px;font-weight:900;color:var(--text-light)}.stat-value.gold{color:var(--gold)}.end-actions{display:flex;gap:12px;justify-content:center;margin-top:14px}.tutorial-overlay{background:#28190a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:20}.tutorial-card{background:#4a3320;border:3px solid #2a1a08;border-radius:22px;padding:26px 22px 22px;max-width:340px;width:100%;text-align:center;box-shadow:inset 0 2px #ffd7962e,0 8px #1a0e04,0 14px 30px #00000080}.tutorial-title{margin:0 0 12px;font-size:22px;font-weight:900;letter-spacing:3.5px;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.5)}.tutorial-body{margin:0 0 18px;font-size:14px;line-height:1.55;color:#f0d8b0d9;white-space:pre-line}.tutorial-dots{display:flex;justify-content:center;gap:7px;margin:14px 0 18px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#ffd7962e}.tutorial-dot.active{background:var(--gold);box-shadow:0 0 6px var(--gold)}.tutorial-actions{display:flex;gap:10px;justify-content:center}.themes-screen{padding:env(safe-area-inset-top,14px) 14px env(safe-area-inset-bottom,14px);align-items:stretch;justify-content:flex-start}.themes-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.themes-back{font-size:26px}.themes-title{flex:1;text-align:center;margin:0;font-size:26px;font-weight:900;letter-spacing:5px;color:var(--text-light);text-shadow:0 2px 0 rgba(0,0,0,.5)}.themes-coins-pill{display:flex;align-items:center;gap:5px;background:#ffb02a;border:2px solid #8a4c00;border-radius:14px;padding:6px 12px;box-shadow:0 3px #5a2e00;color:#4a2700;font-weight:900}.themes-coins-pill .coin-icon,.themes-coins-pill .coin-value{font-size:14px}.themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:460px;margin:0 auto;overflow-y:auto;padding-bottom:24px}.theme-card{background:#4a3320;border:2.5px solid #2a1a08;border-radius:16px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:inset 0 1px #ffd7962e,0 5px #1a0e04,0 8px 16px #0000004d}.theme-card.active{border-color:var(--gold);box-shadow:inset 0 1px #ffd79640,0 5px #8a5b00,0 0 0 3px #f5b94273}.theme-preview{width:100%;height:80px;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #00000040}.theme-preview-frame{width:100%;height:100%;border-radius:6px;padding:6px;display:flex;align-items:center;justify-content:center}.theme-preview-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%;height:100%}.theme-preview-cell{border-radius:3px;border:1px solid rgba(0,0,0,.3)}.theme-card-name{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--text-light)}.theme-card-btn{width:100%;border:2px solid;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 3px #00000040}.theme-card-btn.buy-btn{background:#ffd166;border-color:#844700;color:#4a2700}.theme-card-btn.buy-btn.disabled,.theme-card-btn.buy-btn:disabled{background:#d4cdba;border-color:#00000026;color:#0006;cursor:not-allowed;opacity:.7}.theme-card-btn.select-btn{background:#8cd1ff;border-color:#2d6c98;color:#fff}.theme-card-btn.active-btn{background:#b6f0c2;border-color:#2c7a40;color:#1f4d2a;cursor:default}.theme-card-btn .coin-icon{font-size:12px}.end-coins-earned{display:flex;justify-content:center;align-items:center;gap:8px;margin:12px 0;color:var(--gold);font-weight:900}.coin-plus{font-size:18px}.coin-sep{opacity:.5}.coin-total{font-size:12px;color:var(--text-mid)}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.ad-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ad-text{margin-top:14px;font-size:11px;letter-spacing:4px;opacity:.7}