*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg:#0d0d0f;--surface:#18181c;--border:#2a2a32;--accent:#f59e0b;--accent2:#ef4444;--accent3:#8b5cf6;--text:#f5f5f5;--muted:#8d95a3}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-user-select:none;user-select:none}button,input{font:inherit}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(245,158,11,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.045) 1px,transparent 1px);background-size:40px 40px}.app-shell{position:relative;z-index:1;min-height:100dvh;padding-bottom:48px;display:flex;flex-direction:column;align-items:center}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px}.auth-screen.hidden{display:none}.auth-logo{font-family:Bebas Neue,sans-serif;font-size:3.7rem;color:var(--accent);letter-spacing:4px}.auth-sub{font-size:.9rem;color:var(--muted);margin:4px 0 32px}.auth-tabs{display:flex;background:var(--surface);border-radius:12px;padding:4px;margin-bottom:24px;width:100%;max-width:320px}.auth-tab{flex:1;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.auth-tab.active{background:var(--accent);color:#0d0d0f}.auth-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:12px}.auth-input{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;color:var(--text);outline:none;width:100%}.auth-input:focus{border-color:var(--accent)}.auth-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));border:0;border-radius:14px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.35rem;letter-spacing:2px;padding:16px;cursor:pointer;width:100%}.auth-error{font-size:.82rem;color:#ef4444;text-align:center;min-height:20px}header{width:100%;max-width:760px;padding:36px 24px 16px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--accent);letter-spacing:2px}.user-badge{font-size:.75rem;color:var(--muted);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:7px 12px}.score-wrap{text-align:center;margin:8px 0 4px}.score-num{font-family:Bebas Neue,sans-serif;font-size:5.4rem;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .1s ease}.score-num.bump{transform:scale(1.08)}.score-label{font-size:.8rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase}.xp-wrap,.stats-row,.ability-section,.streak-wrap,.section-title,.upgrades,.lb-section{width:calc(100% - 48px);max-width:390px}.xp-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:6px}.xp-bar,.cd-bar{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent3),var(--accent));transition:width .4s ease}.stats-row{display:flex;gap:12px;margin:12px auto}.stat-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;text-align:center}.stat-val{font-size:1.2rem;font-weight:800;color:var(--accent)}.stat-key{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.tap-area{margin:16px auto;width:200px;height:200px}.tap-btn{width:200px;height:200px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 35%,#f59e0b,#ef4444);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 20px 60px #ef44444d;transition:transform .08s ease;position:relative;overflow:hidden;color:#fff}.tap-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.25),transparent 60%)}.tap-btn:active{transform:scale(.92)}.tap-emoji{font-size:3.5rem;line-height:1;position:relative;z-index:1}.tap-hint{font-size:.75rem;color:#ffffffbf;font-weight:800;letter-spacing:1px;margin-top:4px;position:relative;z-index:1}.float-text{position:fixed;font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--accent);pointer-events:none;z-index:50;animation:floatUp .8s ease forwards;text-shadow:0 0 20px #f59e0b}@keyframes floatUp{to{opacity:0;transform:translateY(-80px) scale(1.4)}}.ability-title,.section-title,.lb-title{font-size:.75rem;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.ability-tabs{display:flex;gap:8px;margin-bottom:10px}.ability-tab{flex:1;padding:8px 4px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.78rem;font-weight:800;cursor:pointer;text-align:center;line-height:1.3}.ability-tab.active{border-color:var(--accent);color:var(--accent);background:#1f1a0d}.ability-tab.locked{opacity:.35;cursor:not-allowed}.ability-btn{width:100%;padding:16px;border:0;border-radius:8px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.ability-btn.frenzy{background:linear-gradient(135deg,#7c3aed,#a855f7)}.ability-btn.gold{background:linear-gradient(135deg,#d97706,#f59e0b)}.ability-btn.dice{background:linear-gradient(135deg,#059669,#10b981)}.ability-btn.cooling{background:var(--surface);border:1px solid var(--border);cursor:not-allowed;color:var(--muted)}.cd-bar{height:4px;margin-top:8px}.cd-fill{height:100%;border-radius:99px;transition:width .3s linear}.ability-desc{font-size:.72rem;color:var(--muted);text-align:center;margin-top:5px}.streak-wrap{margin:12px auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.streak-top{display:flex;justify-content:space-between;margin-bottom:10px}.streak-lbl{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.streak-cnt{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:var(--accent)}.streak-days{display:flex;gap:5px}.streak-day{flex:1;height:8px;border-radius:99px;background:var(--border)}.streak-day.done{background:linear-gradient(90deg,var(--accent2),var(--accent))}.streak-day.today{background:linear-gradient(90deg,var(--accent3),var(--accent))}.upgrades{display:flex;flex-direction:column;gap:8px;margin:0 auto}.upg-card,.lb-entry{background:var(--surface);border:1px solid var(--border);border-radius:8px}.upg-card{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s ease}.upg-card.can{border-color:var(--accent);box-shadow:0 0 16px #f59e0b26}.upg-card.done{opacity:.4;pointer-events:none}.upg-icon{font-size:1.8rem;width:40px;text-align:center}.upg-info{flex:1}.upg-name{font-weight:800;font-size:.9rem}.upg-desc{font-size:.75rem;color:var(--muted);margin-top:2px}.upg-tag,.upg-lv{font-size:.65rem;color:#a855f7;font-weight:800;letter-spacing:1px;margin-top:3px}.upg-lv{color:#10b981}.upg-cost{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:var(--accent);white-space:nowrap}.upg-cost.grey{color:var(--muted)}.upg-cost.purple{color:#a855f7}.lb-section{margin:16px auto 0}.lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lb-refresh{background:none;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-size:.75rem;padding:5px 12px;cursor:pointer}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-entry{padding:10px 14px;display:flex;align-items:center;gap:10px}.lb-entry.me{border-color:var(--accent);background:#1f1a0d}.lb-rank{font-family:Bebas Neue,sans-serif;font-size:1.2rem;color:var(--muted);width:28px;text-align:center}.lb-rank.g{color:#f59e0b}.lb-rank.s{color:#9ca3af}.lb-rank.b{color:#b45309}.lb-name{flex:1;font-weight:800;font-size:.9rem}.lb-score{font-family:Bebas Neue,sans-serif;font-size:1.1rem;color:var(--accent)}.lb-empty{text-align:center;color:var(--muted);font-size:.85rem;padding:20px 0}.dice-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;opacity:0;pointer-events:none;transition:opacity .3s ease}.dice-modal.show{opacity:1;pointer-events:all}.dice-face{font-size:8rem;line-height:1;animation:diceRoll .12s ease infinite}.dice-face.landed{animation:none}.dice-result{text-align:center;opacity:0;transform:translateY(20px);transition:all .4s ease}.dice-result.show{opacity:1;transform:translateY(0)}.dice-rtitle{font-family:Bebas Neue,sans-serif;font-size:2.8rem;letter-spacing:3px;margin-bottom:8px}.dice-rdesc{font-size:1rem;color:#ffffffd9;max-width:280px;line-height:1.6}.dice-close-btn{background:#fff;color:#0d0d0f;border:0;border-radius:99px;padding:14px 40px;font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:2px;cursor:pointer}@keyframes diceRoll{50%{transform:rotate(20deg) scale(1.15)}}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:linear-gradient(135deg,var(--accent3),var(--accent));color:#fff;border-radius:8px;padding:20px 32px;text-align:center;z-index:40;opacity:0;transition:all .3s ease;pointer-events:none;min-width:220px}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast-title{font-family:Bebas Neue,sans-serif;font-size:2.5rem;letter-spacing:2px}.toast-sub{font-size:.9rem;opacity:.9;margin-top:4px}