@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700;800&family=Outfit:wght@600;700;800;900&family=Space+Grotesk:wght@700&display=swap";:root{--ac-cream: #fffdf2;--ac-sand: #fef7e2;--ac-wood-dark: #5c3a1e;--ac-wood-border: #7c4d28;--ac-wood-shadow: #3b2210;--ac-gold-light: #ffe57f;--ac-gold-main: #ffd166;--ac-gold-dark: #f59e0b}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;background:#0f172a;font-family:Fredoka,cursive,sans-serif;color:var(--ac-wood-dark);overflow:hidden}#game-wrapper{position:relative;width:100vw;height:100vh;background:#0f172a;overflow:hidden}canvas{width:100%;height:100%;display:block;cursor:pointer}.game-top-bar{position:absolute;top:14px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:15;transition:all .3s ease}.game-top-bar.in-menu{justify-content:flex-end}.game-top-bar.in-menu .hud-card,.game-top-bar.in-menu #btn-pause{display:none!important}.hud-group{display:flex;gap:10px;align-items:center}.hud-card{border-radius:28px;padding:5px 15px 5px 8px;display:flex;align-items:center;gap:8px;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1);background:#fff}.hud-card:hover{transform:translateY(-2px) scale(1.03)}.hud-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#fff;box-shadow:inset 0 2px 2px #fff9,0 2px 5px #00000026}.hud-label{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.6px;display:block;line-height:1;margin-bottom:2px;font-family:Outfit,sans-serif}.hud-card.timer{background:linear-gradient(135deg,#fff,#fef3c7);border:3px solid #f59e0b;box-shadow:0 4px #b45309,0 8px 16px #f59e0b40}.hud-card.timer .hud-icon-wrap{background:linear-gradient(135deg,#fbbf24,#d97706);border:2px solid #ffffff}.hud-card.timer .hud-label{color:#b45309}.hud-card.timer strong{color:#78350f;font-size:1.4rem;font-weight:900;font-family:"Baloo 2",Fredoka,cursive,sans-serif;line-height:1}.hud-card.score{background:linear-gradient(135deg,#fff,#d1fae5);border:3px solid #10b981;box-shadow:0 4px #047857,0 8px 16px #10b98140}.hud-card.score .hud-icon-wrap{background:linear-gradient(135deg,#34d399,#059669);border:2px solid #ffffff}.hud-card.score .hud-label{color:#047857}.hud-card.score strong{color:#064e3b;font-size:1.45rem;font-weight:900;font-family:"Baloo 2",Fredoka,cursive,sans-serif;line-height:1}.hud-card.combo{background:linear-gradient(135deg,#fff,#ffedd5);border:3px solid #f97316;box-shadow:0 4px #c2410c,0 8px 16px #f9731640}.hud-card.combo .hud-icon-wrap{background:linear-gradient(135deg,#fb923c,#ea580c);border:2px solid #ffffff}.hud-card.combo .hud-label{color:#c2410c}.hud-card.combo strong{color:#7c2d12;font-size:1.35rem;font-weight:900;font-family:"Baloo 2",Fredoka,cursive,sans-serif;line-height:1}.hud-card.record{background:linear-gradient(135deg,#fff,#fef9c3);border:3px solid #eab308;box-shadow:0 4px #a16207,0 8px 16px #eab30840}.hud-card.record .hud-icon-wrap{background:linear-gradient(135deg,#facc15,#ca8a04);border:2px solid #ffffff}.hud-card.record .hud-label{color:#a16207}.hud-card.record strong{color:#713f12;font-size:1.35rem;font-weight:900;font-family:"Baloo 2",Fredoka,cursive,sans-serif;line-height:1}.btn-hud,.btn-premium{pointer-events:auto;padding:8px 18px;border-radius:26px;font-family:Fredoka,"Baloo 2",cursive,sans-serif;font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .12s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.35);border:3px solid #ffffff;color:#fff}#btn-pause{background:linear-gradient(180deg,#fb923c,#ea580c);box-shadow:0 4px #9a3412,0 8px 18px #ea580c59}#btn-pause:hover{background:linear-gradient(180deg,#fdba74,#f97316);transform:translateY(-2px) scale(1.05)}#btn-pause:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #9a3412,0 3px 8px #ea580c40}#btn-fullscreen{background:linear-gradient(180deg,#38bdf8,#0284c7);box-shadow:0 4px #075985,0 8px 18px #0284c759}#btn-fullscreen:hover{background:linear-gradient(180deg,#7dd3fc,#0369a1);transform:translateY(-2px) scale(1.05)}#btn-fullscreen:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #075985,0 3px 8px #0284c740}#btn-sound-toggle{background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 4px #14532d,0 8px 18px #16a34a59}#btn-sound-toggle:hover{background:linear-gradient(180deg,#86efac,#15803d);transform:translateY(-2px) scale(1.05)}#btn-sound-toggle:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #14532d,0 3px 8px #16a34a40}.landing-start-box{position:absolute;top:55%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:25;pointer-events:auto;opacity:1;transition:opacity .25s ease,transform .25s ease}.landing-start-box.hide-in-game{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.btn-start-action{font-family:Fredoka,"Baloo 2",Luckiest Guy,cursive,sans-serif;font-size:1.35rem;font-weight:900;padding:13px 38px;border-radius:34px;background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 5.5px #14532d,0 14px 28px #16a34a66;border:3.5px solid #ffffff;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 1px 2px rgba(0,0,0,.35);letter-spacing:.5px;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.btn-start-action:hover{background:linear-gradient(180deg,#86efac,#15803d);transform:translateY(-2px) scale(1.02)}.btn-start-action:active{transform:translateY(3.5px) scale(.98);box-shadow:0 1.5px #14532d,0 4px 10px #16a34a40}.landing-hint-text{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;color:#fef3c7;text-shadow:0 2px 6px rgba(0,0,0,.85);display:inline-flex;align-items:center;gap:6px}.bottom-hints-bar{position:absolute;bottom:16px;left:0;width:100%;display:flex;justify-content:center;pointer-events:none;z-index:20;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.bottom-hints-bar.hide-in-game{opacity:0;transform:translateY(20px)}.hints-pill{background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid #f59e0b;border-radius:30px;padding:5px 18px 5px 8px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px #b45309,0 10px 24px #00000038;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800;color:#78350f}.hints-icon-wrap{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7e22ce);border:2px solid #ffffff;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0003}.hints-title{font-family:"Baloo 2",Fredoka,cursive,sans-serif;font-size:.96rem;font-weight:900;color:#b45309;text-transform:uppercase;letter-spacing:.5px}.hint-item{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#451a03}.keycap{display:inline-block;background:linear-gradient(180deg,#fff,#e2e8f0);border:2px solid #cbd5e1;border-bottom:3.5px solid #94a3b8;border-radius:8px;padding:1px 7px;font-family:Fredoka,"Baloo 2",sans-serif;font-size:.85rem;font-weight:900;color:#1e293b;box-shadow:0 2px 4px #0000001a;line-height:1.3}.keycap-wide{padding:1px 9px;background:linear-gradient(180deg,#fef08a,#fde047);border-color:#eab308;border-bottom-color:#ca8a04;color:#713f12}.mini-btn-pill{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fb923c,#ea580c);border:1.5px solid #ffffff;color:#fff;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 1.5px #9a3412}.hint-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a192fc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:linear-gradient(180deg,#fff,#fffbeb);border:5px solid #f59e0b;border-radius:36px;padding:24px 30px;text-align:center;max-width:480px;width:90%;max-height:90vh;box-shadow:0 8px #b45309,0 25px 60px #0000008c;transform:scale(.9);transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;display:flex;flex-direction:column;align-items:center}.menu-card{max-width:520px;padding:28px 32px;border-color:#f59e0b;box-shadow:0 9px #b45309,0 30px 70px #0009}.menu-mascot-wrap{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#fef08a,#f59e0b);border:4.5px solid #ffffff;box-shadow:0 5px #b45309,0 12px 25px #f59e0b66;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.menu-mascot-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));animation:floatMascot 2.4s ease-in-out infinite}@keyframes floatMascot{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(3deg)}}.menu-title{font-size:2.35rem;font-family:Luckiest Guy,"Baloo 2",Fredoka,cursive,sans-serif;color:#f59e0b;margin-bottom:6px;font-weight:900;text-shadow:0 2px 0 #78350f,0 0 20px rgba(245,158,11,.35);letter-spacing:1px;line-height:1.1}.menu-subtitle{font-size:1.08rem;color:#78350f;margin-bottom:22px;font-weight:700;font-family:Outfit,sans-serif}.btn-menu-start{width:100%;font-size:1.4rem;font-family:Fredoka,"Baloo 2",cursive,sans-serif;font-weight:900;padding:14px 32px;border-radius:32px;background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 6px #14532d,0 12px 28px #16a34a73;border:4px solid #ffffff;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .12s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.35);margin-bottom:18px;animation:pulseStartBtn 2s infinite}@keyframes pulseStartBtn{0%,to{transform:scale(1);box-shadow:0 6px #14532d,0 12px 28px #16a34a73}50%{transform:scale(1.03);box-shadow:0 7px #14532d,0 16px 34px #16a34a8c}}.btn-menu-start:hover{background:linear-gradient(180deg,#86efac,#15803d);transform:translateY(-2px) scale(1.05)}.btn-menu-start:active{transform:translateY(4px) scale(.98);box-shadow:0 1px #14532d,0 4px 10px #16a34a40}.menu-hints-pill{background:#ffffffe6;border:2.5px solid #f59e0b;border-radius:22px;padding:6px 16px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 3px #b45309;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800;color:#78350f}.modal-overlay.active .modal-content{transform:scale(1)}.trophy-badge-wrap{position:relative;margin-bottom:6px}.trophy-img{width:76px;height:76px;border-radius:50%;border:4px solid #ffffff;background:linear-gradient(135deg,#fde047,#ea580c);box-shadow:0 4px #b45309,0 10px 25px #f59e0b73}.new-record-tag{display:none;position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#ef4444,#dc2626);border:2.5px solid #ffffff;color:#fff;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:900;letter-spacing:.6px;box-shadow:0 3px #991b1b,0 6px 14px #dc262666;white-space:nowrap;animation:pulseTag 1.2s infinite}@keyframes pulseTag{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}.modal-title{font-size:2.2rem;font-family:Luckiest Guy,"Baloo 2",Fredoka,cursive,sans-serif;color:#f59e0b;margin-bottom:2px;font-weight:900;text-shadow:0 2px 0 #78350f,0 0 15px rgba(245,158,11,.3);letter-spacing:1px}.star-text{font-size:1.25rem;color:#b45309;margin-bottom:6px;font-weight:800;font-family:"Baloo 2",cursive,sans-serif}.rank-pill{display:inline-block;padding:6px 22px;border-radius:26px;font-weight:900;font-size:1rem;margin-bottom:14px;border:3px solid #ffffff;box-shadow:0 4px #00000040;font-family:"Baloo 2",Fredoka,cursive,sans-serif;letter-spacing:.5px}.rank-s{background:linear-gradient(180deg,#facc15,#ea580c);color:#fff;text-shadow:0 1px 2px #7c2d12}.rank-a{background:linear-gradient(180deg,#34d399,#059669);color:#fff;text-shadow:0 1px 2px #064e3b}.rank-b{background:linear-gradient(180deg,#38bdf8,#0284c7);color:#fff;text-shadow:0 1px 2px #0c4a6e}.rank-c{background:linear-gradient(180deg,#94a3b8,#64748b);color:#fff;text-shadow:0 1px 2px #1e293b}.score-box{background:#fff;border:3.5px solid #f59e0b;padding:12px 18px;border-radius:26px;margin-bottom:16px;width:100%;box-shadow:0 5px #b45309,inset 0 2px 6px #0000000a}.score-main{font-size:3.2rem;font-family:Luckiest Guy,"Baloo 2",cursive,sans-serif;color:#10b981;line-height:1;margin:2px 0 10px;text-shadow:0 2px 0 #064e3b}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.stat-item{border-radius:18px;padding:7px 12px;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-family:Outfit,sans-serif;background:#fff}.stat-item.stat-normal{background:linear-gradient(135deg,#fff,#d1fae5);border:2.5px solid #10b981;color:#065f46;box-shadow:0 3px #047857}.stat-item.stat-gold{background:linear-gradient(135deg,#fff,#fef3c7);border:2.5px solid #f59e0b;color:#854d0e;box-shadow:0 3px #b45309}.stat-item.stat-combo{background:linear-gradient(135deg,#fff,#ffedd5);border:2.5px solid #f97316;color:#9a3412;box-shadow:0 3px #c2410c}.stat-item.stat-bad{background:linear-gradient(135deg,#fff,#fee2e2);border:2.5px solid #ef4444;color:#991b1b;box-shadow:0 3px #991b1b}.stat-item strong{font-size:1.15rem;font-family:"Baloo 2",Fredoka,cursive,sans-serif}.pause-modal-box{max-width:440px;padding:24px 28px;border-color:#f97316;box-shadow:0 8px #c2410c,0 25px 60px #0000008c}.pause-icon-badge{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fb923c,#ea580c);border:3.5px solid #ffffff;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 4px #9a3412,0 10px 22px #ea580c66;margin-bottom:8px}.pause-subtitle{font-size:1.05rem;color:#78350f;margin-bottom:18px;font-weight:700;font-family:Outfit,sans-serif}.pause-stats-bar{display:flex;justify-content:center;gap:10px;width:100%;margin-bottom:20px}.pause-stat-pill{flex:1;border-radius:20px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.pause-stat-pill:nth-child(1){background:linear-gradient(135deg,#fff,#d1fae5);border:2.8px solid #10b981;box-shadow:0 3.5px #047857}.pause-stat-pill:nth-child(2){background:linear-gradient(135deg,#fff,#fef3c7);border:2.8px solid #f59e0b;box-shadow:0 3.5px #b45309}.pause-stat-pill:nth-child(3){background:linear-gradient(135deg,#fff,#ffedd5);border:2.8px solid #f97316;box-shadow:0 3.5px #c2410c}.pause-stat-label{font-size:.72rem;font-weight:900;letter-spacing:.5px;margin-bottom:2px;font-family:Outfit,sans-serif}.pause-stat-pill:nth-child(1) .pause-stat-label{color:#047857}.pause-stat-pill:nth-child(2) .pause-stat-label{color:#b45309}.pause-stat-pill:nth-child(3) .pause-stat-label{color:#c2410c}.pause-stat-val{font-size:1.45rem;font-weight:900;line-height:1;font-family:"Baloo 2",Fredoka,cursive,sans-serif}.val-green{color:#064e3b}.val-gold{color:#78350f}.val-orange{color:#7c2d12}.pause-actions-group{display:flex;flex-direction:column;gap:12px;width:100%}.modal-btn-row{display:flex;gap:10px;width:100%}.gameover-actions-group{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:14px}.btn-play-action{width:100%;font-size:1.25rem;padding:12px 28px;border-radius:30px;background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 5px #14532d,0 10px 22px #16a34a66;border:3.5px solid #ffffff;color:#fff}.btn-play-action:hover{background:linear-gradient(180deg,#86efac,#15803d);transform:translateY(-2px) scale(1.03)}.btn-play-action:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #14532d,0 4px 10px #16a34a40}.btn-restart-action{flex:1;font-size:1.05rem;padding:10px 16px;border-radius:26px;background:linear-gradient(180deg,#38bdf8,#0284c7);box-shadow:0 4.5px #075985,0 8px 18px #0284c759;border:3px solid #ffffff;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-restart-action:hover{background:linear-gradient(180deg,#7dd3fc,#0369a1);transform:translateY(-2px) scale(1.02)}.btn-restart-action:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #075985,0 4px 10px #0284c740}.btn-home-action{flex:1;font-size:1.05rem;padding:10px 16px;border-radius:26px;background:linear-gradient(180deg,#fb923c,#ea580c);box-shadow:0 4.5px #9a3412,0 8px 18px #ea580c59;border:3px solid #ffffff;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-home-action:hover{background:linear-gradient(180deg,#fdba74,#c2410c);transform:translateY(-2px) scale(1.02)}.btn-home-action:active{transform:translateY(3px) scale(.98);box-shadow:0 1px #9a3412,0 4px 10px #ea580c40}