*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}:root{--bg:#0f0f1a;--panel:#1a1a2e;--accent:#e94560;--accent-end:#ff6b6b;--hint:#f39c12;--hint-end:#e67e22;--undo:#3498db;--undo-end:#5dade2;--text:#eee;--text-dim:#888;--gold:#ffd700}body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;overflow:hidden;height:100dvh;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none}.header{width:100%;max-width:480px;display:flex;align-items:center;padding:20px 16px 8px;position:relative}.stats-wrapper{position:absolute;left:50%;transform:translateX(-50%)}.header h1{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.stats{display:flex;gap:16px}.stat{text-align:center}.stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.stat-value{font-size:1.1rem;font-weight:700}#score-value{color:var(--gold)}.info-bar{width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;padding:4px 16px 8px;font-size:.75rem;color:var(--text-dim)}.combo-display{font-weight:700;color:var(--accent);opacity:0;transition:opacity .3s;font-size:.7rem;white-space:nowrap}.combo-display.active{opacity:1}.moves-display{color:var(--text-dim);white-space:nowrap}.combo-meter{flex:1;height:10px;background:var(--panel);border-radius:5px;overflow:hidden;margin:0 10px;position:relative;border:1px solid rgba(255,255,255,.08)}.combo-meter-fill{height:100%;width:0%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent-end));transition:width .3s ease-out}#game-canvas{touch-action:none;cursor:pointer}.btn-row{display:flex;gap:10px;padding:12px 16px;width:100%;max-width:480px}.btn{flex:1;padding:10px 0;border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .1s,filter .1s}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-end));color:#fff}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--text-dim)}.btn-secondary:disabled{opacity:.35;cursor:default}.btn-secondary:disabled:active{transform:none}.btn-undo{background:linear-gradient(135deg,var(--undo),var(--undo-end));color:#fff;border:none}.btn-undo:disabled{background:var(--panel);color:var(--text-dim);border:1px solid var(--text-dim);opacity:.35}.btn-shuffle{position:relative}.btn-hint{background:linear-gradient(135deg,var(--hint),var(--hint-end));color:#fff;position:relative}.hint-count{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#fff;font-size:.6rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.visible{opacity:1;pointer-events:all}.overlay-card{background:var(--panel);border-radius:20px;padding:32px 28px;text-align:center;max-width:340px;width:90%;border:1px solid var(--text-dim)}.overlay-card h2{font-size:1.6rem;margin-bottom:8px}.overlay-card p{color:var(--text-dim);margin-bottom:20px;font-size:.9rem;line-height:1.5}.final-score{font-size:2.5rem;font-weight:800;color:var(--gold);margin:12px 0}.star-row{font-size:2rem;margin-bottom:12px}.overlay-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;background:linear-gradient(135deg,var(--accent),var(--accent-end));color:#fff}.overlay-btn:active{transform:scale(.97)}.overlay-btn.secondary{background:var(--panel);color:var(--text);border:1px solid var(--text-dim)}.gameover-row{display:flex;gap:8px;margin-top:8px}.gameover-half{flex:1;margin-top:0}.signin-google-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;gap:10px}.signin-google-btn:active{transform:scale(.97)}.signin-google-btn svg{flex-shrink:0}.signin-apple-btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:8px;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.signin-apple-btn:active{transform:scale(.97)}.signin-apple-btn svg{flex-shrink:0}.platform-android .apple-signin-btn,.platform-android .signin-apple-btn{display:none}.cloud-status{font-size:.7rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:4px}.cloud-status.synced{color:#10b981}.cloud-status.syncing{color:var(--hint)}@keyframes spin{to{transform:rotate(360deg)}}.cloud-spinner{animation:1s linear infinite spin;display:inline-block}.progress-bar{width:100%;max-width:480px;padding:0 16px}.progress-track{height:6px;background:#222;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-end));border-radius:3px;transition:width .4s;width:0%}.progress-label{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-dim);margin-top:3px;padding:0 2px}.float-score{position:fixed;pointer-events:none;font-weight:800;font-size:1.3rem;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.5);z-index:50;animation:.9s ease-out forwards floatUp}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-60px) scale(1.3)}}#particle-canvas{position:fixed;inset:0;pointer-events:none;z-index:40}.landing{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;transition:opacity .4s}.landing.hidden{opacity:0;pointer-events:none}.landing-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-end),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;letter-spacing:-1px}.landing-sub{color:var(--text-dim);font-size:.85rem;margin-bottom:36px}.landing-menu{width:100%;max-width:300px;display:flex;flex-direction:column;gap:10px;padding:0 20px}.menu-btn{width:100%;padding:14px 20px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .1s;display:flex;align-items:center;gap:12px}.menu-btn:active{transform:scale(.97)}.menu-btn .menu-icon{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-btn .menu-label{flex:1;text-align:left}.menu-btn .menu-detail{font-size:.7rem;font-weight:400;color:rgba(255,255,255,.6)}.menu-btn-daily{background:linear-gradient(135deg,var(--hint),var(--hint-end));color:#fff}.menu-btn-continue{background:linear-gradient(135deg,var(--accent),var(--accent-end));color:#fff}.menu-btn-levels{background:linear-gradient(135deg,#3498db,#2471a3);color:#fff}.menu-btn-leaderboard,.menu-btn-settings{background:var(--panel);color:var(--text);border:1px solid var(--text-dim)}.menu-btn-removeads{background:var(--panel);color:var(--gold);border:1px solid var(--text-dim)}.menu-btn-store{background:var(--panel);color:var(--text);border:1px solid var(--text-dim)}.menu-row{display:flex;gap:10px;width:100%}.menu-row .menu-btn{flex:1;min-width:0;justify-content:center;padding:14px 10px}.menu-row .menu-label{text-align:center;font-size:.85rem}.landing-footer{margin-top:32px;font-size:.65rem;color:var(--text-dim)}.game-screen{display:none;flex-direction:column;align-items:center;width:100%;height:100%}.game-board-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;position:relative;padding-bottom:12px}.game-screen.active{display:flex}.game-back-btn{background:0 0;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:4px 8px;flex-shrink:0}.game-back-btn:active{opacity:.6}.level-nav{display:flex;align-items:center;gap:2px;margin-left:8px}.level-nav-btn{background:0 0;border:none;color:var(--text-dim);font-size:.65rem;cursor:pointer;padding:3px 6px;border-radius:4px;transition:color .15s;white-space:nowrap}.level-nav-btn:hover{color:var(--text)}.level-nav-btn:active{transform:scale(.95)}.level-nav-btn.locked{color:#888;cursor:default}.level-nav-btn.locked:hover{color:#888}.level-nav-btn.hidden{display:none}.level-select{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto}.level-select.visible{opacity:1;pointer-events:all}.ls-header{width:100%;max-width:480px;display:flex;align-items:center;padding:14px 16px 8px}.ls-back{background:0 0;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:4px 8px}.ls-title{flex:1;text-align:center;font-size:1.2rem;font-weight:800}.ls-spacer{width:60px}.ls-tabs{display:flex;gap:0;width:100%;max-width:480px;padding:0 16px;margin-bottom:12px}.ls-tab{flex:1;padding:10px 0;border:none;background:var(--panel);color:var(--text-dim);font-size:.85rem;font-weight:700;cursor:pointer;transition:color .15s,background .15s;border-bottom:2px solid transparent}.ls-tab:first-child{border-radius:8px 0 0 8px}.ls-tab:last-child{border-radius:0 8px 8px 0}.ls-tab.active{background:rgba(233,69,96,.15);color:var(--accent);border-bottom-color:var(--accent)}.ls-pagination{width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;padding:0 16px 8px}.ls-page-btn{background:0 0;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:4px 8px}.ls-page-btn:hover{color:var(--text)}.ls-page-btn.locked{color:#888;cursor:default}.ls-page-btn.locked:hover{color:#888}.ls-page-btn.hidden{visibility:hidden}.ls-page-label{font-size:.7rem;color:var(--text-dim)}.ls-grid{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 20px}.ls-cell{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .1s}.ls-cell:active{transform:scale(.93)}.ls-cell.locked{cursor:default}.ls-cell.locked:active{transform:none}.ls-cell.locked .ls-hex-num{color:#888;color:var(--text-dim)}.ls-hex{width:48px;height:48px;position:relative;display:flex;align-items:center;justify-content:center}.ls-hex svg{position:absolute;inset:0;width:100%;height:100%}.ls-hex-num{position:relative;z-index:1;font-size:.85rem;font-weight:700;color:var(--text)}.ls-stars{display:flex;gap:1px;margin-top:2px}.ls-star svg{width:12px;height:12px}.ls-star-filled{color:var(--gold)}.ls-star-empty{color:#888}.ls-star-hidden{color:var(--bg)}.settings-screen{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto}.settings-screen.visible{opacity:1;pointer-events:all}.settings-header{width:100%;max-width:480px;display:flex;align-items:center;padding:14px 16px 8px}.settings-back{background:0 0;border:none;color:var(--text-dim);font-size:.85rem;cursor:pointer;padding:4px 8px}.settings-title{flex:1;text-align:center;font-size:1.2rem;font-weight:800}.settings-spacer{width:60px}.settings-list{width:100%;max-width:480px;padding:8px 20px;display:flex;flex-direction:column;gap:2px}.settings-section{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);padding:18px 0 8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--panel);border-radius:10px}.settings-row+.settings-row{margin-top:2px}.settings-row-label{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:600}.settings-row-icon{font-size:1.1rem;width:24px;text-align:center;color:var(--text-dim)}.settings-row-detail{font-size:.7rem;color:var(--text-dim);font-weight:400}.toggle{position:relative;width:48px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#333;border-radius:28px;cursor:pointer;transition:background .25s}.toggle-slider::before{content:'';position:absolute;width:22px;height:22px;left:3px;top:3px;background:#999;border-radius:50%;transition:transform .25s,background .25s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider::before{transform:translateX(20px);background:#fff}.settings-action-btn{width:100%;padding:14px;border:1px solid var(--text-dim);border-radius:10px;background:var(--panel);color:var(--accent);font-size:.9rem;font-weight:700;cursor:pointer;margin-top:2px;transition:transform .1s}.settings-action-btn:active{transform:scale(.97)}.leaderboard-screen{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.leaderboard-screen.visible{opacity:1;pointer-events:all}.lb-header{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;padding:16px}.lb-back{background:0 0;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer}.lb-title{font-size:1.2rem;font-weight:800}.lb-spacer{width:60px}.lb-tabs{display:flex;gap:0;width:100%;max-width:480px;padding:0 16px;margin-bottom:12px}.lb-tab{flex:1;padding:10px 0;border:none;background:var(--panel);color:var(--text-dim);font-size:.85rem;font-weight:700;cursor:pointer;transition:color .15s,background .15s;border-bottom:2px solid transparent}.lb-tab:first-child{border-radius:8px 0 0 8px}.lb-tab:last-child{border-radius:0 8px 8px 0}.lb-tab.active{background:rgba(233,69,96,.15);color:var(--accent);border-bottom-color:var(--accent)}.lb-selector{display:flex;align-items:center;gap:16px;margin-bottom:12px}.lb-selector-btn{background:var(--panel);border:1px solid var(--text-dim);color:var(--text);width:32px;height:32px;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lb-selector-btn:disabled{opacity:.3;cursor:default}.lb-selector-label{font-size:.9rem;font-weight:700;min-width:120px;text-align:center}.lb-list{width:100%;max-width:480px;padding:0 16px;overflow-y:auto;flex:1}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin-bottom:4px;background:var(--panel)}.lb-row.me{background:rgba(233,69,96,.12);border:1px solid var(--accent)}.lb-rank{width:28px;font-weight:800;font-size:.9rem;text-align:center;flex-shrink:0}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0;overflow:hidden}.lb-avatar img{width:100%;height:100%;object-fit:cover}.lb-name{flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;font-size:.9rem;color:var(--gold);flex-shrink:0}.lb-stars{flex-shrink:0;font-size:.75rem}.lb-empty,.lb-loading{text-align:center;color:var(--text-dim);padding:40px 16px;font-size:.9rem}.lb-signin-prompt{text-align:center;padding:16px}.lb-signin-prompt p{color:var(--text-dim);margin-bottom:12px;font-size:.85rem}.lb-signin-prompt button{max-width:280px}.lb-my-rank{width:100%;max-width:480px;padding:8px 16px 16px}.store-screen{position:fixed;inset:0;background:var(--bg);z-index:210;display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.store-screen.visible{opacity:1;pointer-events:auto}.store-header{width:100%;max-width:480px;display:flex;align-items:center;padding:16px;gap:12px}.store-back{background:0 0;border:none;color:var(--text);font-size:1rem;cursor:pointer;padding:4px 8px}.store-title{flex:1;text-align:center;font-size:1.2rem;font-weight:800;font-style:italic}.store-spacer{width:60px}.store-section{width:100%;max-width:480px;padding:0 16px 16px}.store-section-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;padding-left:4px}.store-card{background:var(--panel);border:1px solid var(--text-dim);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .1s}.store-card:active{transform:scale(.98)}.store-card.featured{border-color:var(--gold);background:linear-gradient(135deg,rgba(243,156,18,.1),rgba(243,156,18,.02))}.store-card.owned{opacity:.5;pointer-events:none}.store-card-icon{font-size:1.6rem;width:40px;text-align:center;flex-shrink:0}.store-card-info{flex:1;min-width:0}.store-card-name{font-weight:700;font-size:.95rem;margin-bottom:2px}.store-card-desc{font-size:.75rem;color:var(--text-dim)}.store-card-price{font-weight:800;font-size:.9rem;color:var(--gold);white-space:nowrap;padding:6px 12px;border:1px solid var(--gold);border-radius:8px;flex-shrink:0}.store-card.owned .store-card-price{color:var(--text-dim);border-color:var(--text-dim)}.redeem-row{display:flex;gap:8px;padding:0 16px}.redeem-row input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid var(--text-dim);background:var(--bg);color:var(--text);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;text-align:center}.redeem-btn{padding:10px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent),var(--gold));color:#fff;font-weight:700;font-size:.85rem;cursor:pointer}.redeem-btn:active{transform:scale(.95)}.redeem-status{text-align:center;font-size:.8rem;padding:8px 16px 0;min-height:20px}.redeem-status.success{color:#4ade80}.redeem-status.error{color:#f87171}.store-restore{background:0 0;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer;padding:12px;text-decoration:underline}.theme-picker{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;z-index:250;opacity:0;pointer-events:none;transition:opacity .3s;overflow-y:auto}.theme-picker.visible{opacity:1;pointer-events:all}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0 24px}.theme-card{border-radius:14px;padding:14px;cursor:pointer;border:2.5px solid transparent;transition:transform .15s,border-color .2s}.theme-card:active{transform:scale(.96)}.theme-card.active{border-color:var(--accent)}.theme-card-name{font-size:.8rem;font-weight:700;margin-bottom:10px}.theme-card-swatches{display:flex;gap:4px}.theme-swatch{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15)}.settings-action-btn.placeholder{color:var(--text-dim);border-color:var(--text-dim)}.settings-action-btn.help{color:var(--text)}.settings-footer{text-align:center;padding:24px 0 16px}.tutorial-tooltip{position:fixed;z-index:60;background:var(--panel);border:2px solid var(--accent);border-radius:14px;padding:14px 18px;max-width:280px;text-align:center;pointer-events:none;opacity:0;transition:opacity .35s;transform:translateX(-50%);box-shadow:0 4px 24px rgba(0,0,0,.4)}.tutorial-tooltip.visible{opacity:1}.tutorial-tooltip-text{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.4}.tutorial-tooltip-hint{font-size:.7rem;color:var(--text-dim);margin-top:6px}.tutorial-tooltip::after{content:'';position:absolute;left:50%;transform:translateX(-50%);border:8px solid transparent}.tutorial-tooltip.arrow-down::after{top:100%;border-top-color:var(--accent)}.tutorial-tooltip.arrow-up::after{bottom:100%;border-bottom-color:var(--accent)}