:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text,#e8ecf4);background-color:var(--bg,#08090c);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;background-color:var(--bg,#08090c);-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;min-height:100dvh;color:var(--text,#e8ecf4);overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-family:DM Sans,system-ui,sans-serif;font-weight:700}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;padding:0;font-family:DM Sans,system-ui,sans-serif;font-size:1em;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1)}button:focus-visible{outline-offset:2px;outline:2px solid #78a0ff99}html{scroll-behavior:smooth}:root{--bg:#08090c;--bg-raised:#0e1018;--surface:#ffffff0a;--surface-hover:#ffffff12;--glass:#10121cb8;--glass-border:#ffffff0f;--text:#e8ecf4;--text-secondary:#6e7891;--text-dim:#3d4560;--accent:#6ea8fe;--accent-glow:#6ea8fe59;--danger:#ff6b6b;--danger-glow:#ff6b6b59;--success:#5ceead;--success-glow:#5ceead4d;--warning:#ffa726;--warning-glow:#ffa72680;--gold:#ffd866;--gold-glow:#ffd8664d;--purple:#c084fc;--purple-glow:#c084fc4d;--color-endless:#6ea8fe;--color-blitz:#ff6b6b;--color-zen:#5ceead;--color-hunt:#ffb347;--color-duel:#c084fc;--color-coop:#ffd866;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--font:"DM Sans", system-ui, sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--color-bg:#08090c;--color-surface:#0e1018;--color-border:#ffffff0f;--color-text:#e8ecf4;--color-text-muted:#6e7891;--color-primary:#6ea8fe;--color-danger:#ff6b6b;--color-success:#5ceead;--color-gold:#ffd866;--color-purple:#c084fc;--font-heading:"DM Sans", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}@keyframes screen-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.screen-transition{animation:screen-enter .4s var(--ease-out);background-color:var(--bg-raised);min-height:100vh;min-height:100dvh}.animated-score{transition:transform .2s var(--spring);transform:scale(1)}.animated-score--pulse{transform:scale(1.2)}.animated-overlay{border-radius:var(--radius-md);z-index:100;-webkit-backdrop-filter:blur(24px);width:100%;height:100%;animation:overlay-enter .5s var(--ease-out) both;background:#08090ceb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}@keyframes overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.animated-btn{transition:transform .15s var(--spring), opacity .15s ease}.animated-btn:active{transform:scale(.95)}.mode-select-screen{min-height:100vh;min-height:100dvh;padding:32px 24px;padding-top:max(32px, env(safe-area-inset-top,0px));padding-bottom:max(32px, env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mode-select-screen:before{content:"";pointer-events:none;background:radial-gradient(#6ea8fe14 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.mode-select-screen h1{letter-spacing:-.04em;background:linear-gradient(135deg,#e8ecf4 0%,#6ea8fe 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.8rem;position:relative}.language-toggle{background:var(--surface);border:1px solid var(--glass-border);border-radius:14px;gap:0;padding:3px;display:flex}.lang-btn{color:var(--text-secondary);cursor:pointer;transition:all .25s var(--ease-out);background:0 0;border:none;border-radius:11px;padding:8px 20px;font-size:.82rem;font-weight:600}.lang-btn:hover{color:var(--text)}.lang-btn--active{color:var(--accent);background:#6ea8fe1f;box-shadow:0 0 0 1px #6ea8fe33}.start-screen{min-height:100vh;min-height:100dvh;padding:20px 24px 40px;padding-top:max(20px, env(safe-area-inset-top,0px));padding-bottom:max(40px, env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.start-screen:before{content:"";pointer-events:none;background:radial-gradient(#6ea8fe14 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.start-utility-bar{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:380px;margin-bottom:12px;display:flex;position:relative}.utility-group{gap:12px;display:flex}.start-title{letter-spacing:-.04em;background:linear-gradient(135deg,#e8ecf4 0%,#6ea8fe 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:2.8rem;position:relative}.start-tabs{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:380px;margin-top:12px;margin-bottom:4px;padding:3px;display:flex}.start-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.start-tab:active{transform:scale(.95)}.start-tab--active{color:var(--accent);background:#6ea8fe1f;box-shadow:0 0 0 1px #6ea8fe33}.start-tab--locked{opacity:.5;cursor:not-allowed}.start-tab--locked:active{transform:none}.start-tab-lock-icon{opacity:.7}.start-cta{text-align:center;max-width:380px;margin-top:14px}.start-cta-headline{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;padding:20px 0;display:flex}.start-cta-tile{color:#fff;text-shadow:0 1px 2px #00000080;border:1.5px solid;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:inline-flex}.start-cta-gap{width:8px;display:inline-block}.start-cta-body{color:var(--text-secondary);margin:8px 0 0;font-size:.78rem;line-height:1.45}.start-mode-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;padding-top:5px;display:grid}.start-section-divider{align-items:center;gap:16px;width:100%;max-width:380px;margin:24px 0 16px;display:flex}.start-section-divider:before,.start-section-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}.start-section-divider span{color:var(--text-secondary);white-space:nowrap;letter-spacing:.02em;font-size:.78rem;font-weight:600}.online-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:4px;transition:background .3s;display:inline-block}.online-dot--on{background:#4ade80;box-shadow:0 0 4px #4ade8080}.online-dot--off{background:#f87171;box-shadow:0 0 4px #f8717180}.settings-popover-anchor{position:relative}.settings-gear-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.settings-gear-btn:active{background:var(--surface-hover);transform:scale(.92)}.settings-popover{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:100;min-width:160px;animation:popover-enter .2s var(--ease-out);margin-top:6px;padding:6px;position:absolute;top:100%;left:0}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-popover-item{width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:12px 16px;font-size:.85rem;font-weight:500;transition:background .15s}.settings-popover-item:hover,.settings-popover-item:active{background:var(--surface-hover)}.mode-card-badge{color:var(--success);letter-spacing:.02em;text-transform:uppercase;background:#5ceead1f;border:1px solid #5ceead33;border-radius:8px;padding:3px 8px;font-size:.58rem;font-weight:700;position:absolute;top:8px;right:10px}.mode-card-highscore{color:var(--gold);opacity:.8;margin-top:2px;font-size:.7rem;font-weight:600}.mode-card--secondary{opacity:.8;width:100%;max-width:380px;min-height:72px;margin-top:12px}.mode-card--secondary h2{font-size:1rem}.mode-card--secondary p{font-size:.75rem}.mode-card{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--surface);cursor:pointer;text-align:left;color:var(--text);transition:all .3s var(--ease-out);flex-direction:column;gap:4px;min-height:88px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";border-radius:var(--radius-lg);opacity:0;transition:opacity .4s;position:absolute;inset:0}.mode-card:after{content:"";opacity:.07;width:200px;height:200px;transition:opacity .4s ease, transform .4s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;top:-50%;right:-30%}.mode-card:active{transform:scale(.97)}.mode-card:hover:before,.mode-card:active:before{opacity:1}.mode-card:hover:after,.mode-card:active:after{opacity:.12;transform:scale(1.1)}.mode-card--endless{--mode-color:var(--color-endless)}.mode-card--endless:before{background:linear-gradient(135deg,#6ea8fe14,#0000 60%)}.mode-card--endless:after{background:radial-gradient(circle, var(--color-endless) 0%, transparent 70%)}.mode-card--blitz{--mode-color:var(--color-blitz)}.mode-card--blitz:before{background:linear-gradient(135deg,#ff6b6b14,#0000 60%)}.mode-card--blitz:after{background:radial-gradient(circle, var(--color-blitz) 0%, transparent 70%)}.mode-card--zen{--mode-color:var(--color-zen)}.mode-card--zen:before{background:linear-gradient(135deg,#5ceead0f,#0000 60%)}.mode-card--zen:after{background:radial-gradient(circle, var(--color-zen) 0%, transparent 70%)}.mode-card--hunt{--mode-color:var(--color-hunt)}.mode-card--hunt:before{background:linear-gradient(135deg,#ffb34714,#0000 60%)}.mode-card--hunt:after{background:radial-gradient(circle, var(--color-hunt) 0%, transparent 70%)}.daily-banner{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--color-hunt) 30%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--color-hunt) 8%, transparent), transparent 60%);cursor:pointer;text-align:left;width:100%;max-width:380px;color:inherit;font:inherit;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:transform .15s,border-color .2s;display:flex}.daily-banner:active{transform:scale(.97)}.daily-banner:hover{border-color:color-mix(in srgb, var(--color-hunt) 50%, transparent)}.daily-banner-icon{background:color-mix(in srgb, var(--color-hunt) 15%, transparent);width:36px;height:36px;color:var(--color-hunt);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.daily-banner-text{flex-direction:column;flex:1;min-width:0;display:flex}.daily-banner-title{color:var(--color-hunt);font-size:.9rem;font-weight:700;line-height:1.2}.daily-banner-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.3}.daily-banner-status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:.7rem;font-weight:700}.daily-banner-status--play{color:var(--color-hunt);background:color-mix(in srgb, var(--color-hunt) 15%, transparent);border:1px solid color-mix(in srgb, var(--color-hunt) 30%, transparent)}.daily-banner-status--done{color:var(--success);background:#5ceead1a;border:1px solid #5ceead33}.daily-banner--done{opacity:.6}.daily-banner--done:hover{opacity:.75}.mode-card--coop{--mode-color:var(--color-coop)}.mode-card--coop:before{background:linear-gradient(135deg,#ffd8660f,#0000 60%)}.mode-card--coop:after{background:radial-gradient(circle, var(--color-coop) 0%, transparent 70%)}.mode-card--duel{--mode-color:var(--color-duel)}.mode-card--duel:before{background:linear-gradient(135deg,#c084fc14,#0000 60%)}.mode-card--duel:after{background:radial-gradient(circle, var(--color-duel) 0%, transparent 70%)}.mode-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-card h2{color:var(--mode-color);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.mode-icon{color:var(--mode-color);opacity:.8;justify-content:center;align-items:center;display:flex}.mode-card p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.canvas-wrapper{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}canvas{object-fit:contain;max-width:100%;max-height:100%}.game-container{height:100vh;background:var(--bg);height:100dvh;color:var(--text);max-width:500px;padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top,0px));padding-bottom:max(8px, env(safe-area-inset-bottom,0px));padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.game-mode-endless,.game-mode-blitz,.game-mode-zen,.game-mode-hunt,.game-mode-duel,.game-mode-coop{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-raised) 100%)}.top-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 0 6px;display:flex}.back-btn,.help-btn,.bgm-toggle,.sfx-toggle{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1rem;transition:all .2s;display:flex}.back-btn:active,.help-btn:active,.bgm-toggle:active,.sfx-toggle:active{background:var(--surface-hover);transform:scale(.92)}.sound-controls{gap:8px;display:flex}.top-bar h1{letter-spacing:-.02em;background:linear-gradient(135deg,#e8ecf4 0%,#6ea8fe 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.15rem;display:inline-block}.score-display{background:var(--surface);border:1px solid var(--glass-border);text-align:center;border-radius:20px;min-width:64px;padding:6px 14px;font-size:1.1rem;position:relative}.score-display .score-value{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}.team-score-label{color:var(--text-secondary);letter-spacing:.03em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:.65rem}.score-flash{color:var(--gold);pointer-events:none;animation:score-flash-up .8s var(--ease-out) both;font-size:.72rem;font-weight:700;position:absolute;top:-12px;right:-8px}@keyframes score-flash-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.8)}}.mode-badge{text-transform:uppercase;letter-spacing:1.5px;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:700}.mode-badge--endless{color:var(--color-endless);background:#6ea8fe1a;box-shadow:0 0 0 1px #6ea8fe26}.mode-badge--blitz{color:var(--color-blitz);background:#ff6b6b1a;box-shadow:0 0 0 1px #ff6b6b26}.mode-badge--zen{color:var(--color-zen);background:#5ceead1a;box-shadow:0 0 0 1px #5ceead26}.mode-badge--hunt,.mode-badge--daily{color:var(--color-hunt);background:#ffb3471a;box-shadow:0 0 0 1px #ffb34726}.mode-badge--duel{color:var(--color-duel);background:#c084fc1a;box-shadow:0 0 0 1px #c084fc26}.mode-badge--coop{color:var(--color-coop);background:#ffd8661a;box-shadow:0 0 0 1px #ffd86626}.combo-display{text-align:center;animation:combo-pop .3s var(--spring);padding:2px 0;font-size:.85rem;font-weight:700}.combo-display--normal{color:var(--gold)}.combo-display--high{color:var(--purple);text-shadow:0 0 16px var(--purple-glow)}.combo-display--fade{animation:combo-fade-out .5s var(--ease-out) both}@keyframes combo-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes combo-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.level-display{color:var(--color-endless);opacity:.8;padding:2px 0;font-size:.8rem;font-weight:600}.blitz-timer{text-align:center;width:100%;color:var(--text);font-variant-numeric:tabular-nums;padding:2px 0;font-size:1.6rem;font-weight:700}.blitz-timer--low{color:var(--danger);animation:.5s infinite alternate timer-blink}.blitz-timer-title{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-weight:700;-webkit-text-fill-color:initial!important;background:0 0!important;font-size:1.4rem!important}@keyframes timer-blink{0%{opacity:.4}to{opacity:1}}.zen-goals{justify-content:center;gap:14px;padding:4px 0;display:flex}.zen-goal{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.zen-goal-count{color:var(--success);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.zen-milestone-badge{color:var(--gold);text-align:center;margin-bottom:2px;font-size:.8rem;font-weight:700}.deadline-container{flex-direction:column;flex:1;width:100%;min-height:0;margin-top:6px;display:flex;position:relative}.deadline-line{z-index:10;background-size:200% 100%;border-radius:2px;width:100%;height:4px;margin-bottom:3px;animation:3s linear infinite plasma-flow;position:relative}@keyframes plasma-flow{0%{background-position:100% 0}to{background-position:-100% 0}}.deadline-line--normal{background-image:linear-gradient(90deg, var(--accent-glow) 0%, var(--accent) 25%, #fff 50%, var(--accent) 75%, var(--accent-glow) 100%);box-shadow:0 0 10px var(--accent-glow), 0 0 20px #fff6}.deadline-line--warning{background-image:linear-gradient(90deg, var(--danger) 0%, #ff9800 25%, #ffeb3b 50%, #ff9800 75%, var(--danger) 100%);box-shadow:0 0 12px var(--danger-glow), 0 0 20px #ff980099;animation:1.5s linear infinite plasma-flow}.deadline-line--critical{background-image:linear-gradient(90deg, var(--danger) 0%, red 20%, #fff 50%, red 80%, var(--danger) 100%);box-shadow:0 0 15px var(--danger-glow), 0 0 30px #f00c, 0 0 45px #fff9;height:6px;margin-top:-1px;animation:.2s linear infinite plasma-flow,.1s linear infinite deadline-shake}@keyframes deadline-shake{0%{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}to{transform:translateY(0)}}.deadline-container--flash{border-radius:var(--radius-md);animation:.3s infinite alternate perimeter-flash;box-shadow:inset 0 0 0 2px #ff6b6b66}@keyframes deadline-pulse{0%{opacity:.5}to{opacity:1}}@keyframes perimeter-flash{0%{box-shadow:inset 0 0 0 2px #ff6b6b33}to{box-shadow:inset 0 0 0 2px #ff6b6b80}}.canvas-wrapper{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--glass-border);flex:1;justify-content:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-wrapper canvas{object-fit:contain;max-width:100%;max-height:100%}.game-over-overlay{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);z-index:100;width:100%;height:100%;animation:overlay-enter .5s var(--ease-out) both;background:#08090ceb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;top:0;left:0}.game-over-overlay h2{margin:0;font-size:2.2rem}.game-over-overlay button{padding:14px 28px;font-size:.95rem}.game-over-title{letter-spacing:-.03em;margin:0 0 8px;font-size:1.8rem}.game-over-title--lose{color:var(--danger)}.game-over-title--win{color:var(--success);text-shadow:0 0 30px var(--success-glow)}.game-over-new-best{color:var(--gold);margin-bottom:4px;font-size:.9rem;font-weight:600}.game-over-final-score{color:var(--gold);margin-bottom:2px;font-size:1.3rem;font-weight:700}.game-over-high-score{color:var(--text-secondary);margin-bottom:8px;font-size:.82rem}.game-over-buttons{gap:10px;width:100%;max-width:300px;margin-top:8px;display:flex}.postgame-stats{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff08;grid-template-columns:1fr 1fr;gap:6px;width:100%;max-width:300px;margin:8px 0;padding:14px 16px;display:grid}.postgame-stat{text-align:center;padding:6px 4px}.postgame-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-size:.6rem;font-weight:600;display:block}.postgame-stat-value{color:var(--text);font-size:1rem;font-weight:700}.postgame-stat-value--highlight{color:var(--gold)}.tray{flex-direction:column;gap:8px;width:100%;padding:8px 0 4px;display:flex}.tray-word-row{justify-content:center;align-items:center;gap:12px;min-height:36px;display:flex}.current-word{color:var(--success);letter-spacing:4px;text-align:center;text-transform:uppercase;min-width:80px;font-size:1.3rem;font-weight:700}.current-word--empty{color:var(--text-dim);letter-spacing:1px;text-transform:none;font-weight:500}.multiplier-badge{color:var(--gold);background:#ffd8661a;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;box-shadow:0 0 0 1px #ffd86626}.multiplier-badge--fever{color:var(--purple);background:#c084fc1f;animation:.4s infinite alternate fever-glow;box-shadow:0 0 0 1px #c084fc33}@keyframes fever-glow{0%{box-shadow:0 0 0 1px #c084fc33,0 0 8px #c084fc26}to{box-shadow:0 0 0 1px #c084fc59,0 0 20px #c084fc40}}.action-buttons{gap:8px;width:100%;display:flex}.btn-submit{background:var(--accent);color:#08090c;border-radius:var(--radius-md);letter-spacing:.02em;border:none;flex:2;min-height:48px;padding:14px;font-size:.95rem;font-weight:700}.btn-submit:active{transform:scale(.97)}.btn-submit--glow{background:var(--success);box-shadow:0 0 20px var(--success-glow), 0 0 40px #5ceead1a}.btn-clear{background:var(--surface);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex:1;min-height:48px;padding:14px;font-size:.95rem;font-weight:600}.btn-clear:active{background:var(--surface-hover);transform:scale(.97)}.powerup-row{gap:8px;width:100%;display:flex}.powerup-btn{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--surface);min-height:52px;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;font-size:.75rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.powerup-btn:active{background:var(--surface-hover);transform:scale(.95)}.powerup-btn--active{color:var(--accent);background:#6ea8fe14;border-color:#6ea8fe4d}.powerup-icon{font-size:1.15rem;line-height:1}.powerup-label{text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:600}.powerup-timer-bar{background:var(--accent);border-radius:0 0 var(--radius-md) var(--radius-md);height:3px;transition:width .1s linear;position:absolute;bottom:0;left:0}.active-powerups{gap:6px;width:100%;display:flex}.active-powerup-indicator{border-radius:var(--radius-sm);color:var(--accent);background:#6ea8fe0f;border:1px solid #6ea8fe1a;flex:1;align-items:center;gap:6px;padding:5px 10px;font-size:.68rem;font-weight:600;display:flex}.active-powerup-bar{background:#ffffff0f;border-radius:2px;flex:1;height:3px;overflow:hidden}.active-powerup-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .1s linear}.current-word--reject{animation:.35s reject-shake;color:var(--danger)!important}@keyframes reject-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}50%{transform:translate(-5px)}70%{transform:translate(5px)}85%{transform:translate(-2px)}}.powerup-btn--cooldown{opacity:.35;pointer-events:none}.powerup-cooldown-bar{border-radius:0 0 var(--radius-md) var(--radius-md);background:#ffffff1f;height:3px;transition:width .5s linear;position:absolute;bottom:0;left:0}.dict-loading-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;width:100%;height:100%;color:var(--accent);cursor:pointer;background:#08090cf2;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex;position:fixed;top:0;left:0}.zen-info-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;background:#08090ceb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.zen-info-content{text-align:center;max-width:320px;padding:2rem}.zen-info-content h2{color:var(--color-zen);margin-bottom:.75rem;font-size:1.5rem}.zen-info-overlay--hunt .zen-info-content h2{color:var(--color-hunt)}.zen-info-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.daily-already-played-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;background:#08090cf2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.daily-already-played-content{text-align:center;max-width:320px;padding:2rem}.daily-already-played-content h2{color:var(--color-hunt);margin-bottom:.75rem;font-size:1.5rem}.daily-already-played-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.daily-previous-score{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.tutorial-overlay{-webkit-backdrop-filter:blur(16px);z-index:300;width:100%;height:100%;animation:overlay-enter .4s var(--ease-out) both;background:#08090ce0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;left:0}.tutorial-card{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:340px;padding:36px 28px;display:flex}.tutorial-icon{font-size:2.8rem;line-height:1}.tutorial-step-text{color:var(--text);font-size:1rem;font-weight:500;line-height:1.6}.tutorial-dots{gap:8px;display:flex}.tutorial-dot{background:var(--surface);width:8px;height:8px;transition:all .3s var(--ease-out);border-radius:50%}.tutorial-dot--active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.tutorial-btn{background:var(--accent);color:#08090c;border-radius:var(--radius-md);cursor:pointer;border:none;min-height:48px;padding:14px 36px;font-size:.95rem;font-weight:700}.tutorial-btn:active{transform:scale(.97)}.tutorial-skip{top:max(16px, env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;z-index:301;background:0 0;border-radius:20px;min-height:40px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .2s;position:fixed}.tutorial-skip:active{background:var(--surface);transform:scale(.95)}.tutorial-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:700}.lobby-container{background:var(--bg-raised);border-radius:var(--radius-xl);border:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:16px;width:100%;min-width:320px;max-width:380px;padding:28px 24px;display:flex}.lobby-title{color:var(--accent);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:700}.lobby-connection-dot{color:var(--text-secondary);align-items:center;gap:6px;margin-top:4px;font-size:.72rem;display:flex}.lobby-dot{border-radius:50%;width:7px;height:7px}.lobby-dot--connected{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.lobby-dot--connecting{background:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.lobby-dot--disconnected{background:var(--danger);box-shadow:0 0 6px var(--danger-glow)}.lobby-error{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background:#ff6b6b0f;border:1px solid #ff6b6b1f;width:100%;padding:10px 16px;font-size:.78rem;font-weight:500}.lobby-btn-primary{cursor:pointer;background:var(--accent);color:#08090c;border-radius:var(--radius-md);border:none;width:100%;min-height:48px;padding:14px 28px;font-size:.95rem;font-weight:700}.lobby-btn-primary:active{transform:scale(.97)}.lobby-btn-secondary{cursor:pointer;background:var(--accent);color:#08090c;border-radius:var(--radius-md);border:none;min-height:44px;padding:12px 20px;font-size:.85rem;font-weight:700}.lobby-btn-secondary:active{transform:scale(.97)}.lobby-btn-back{cursor:pointer;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:0 0;min-height:40px;margin-top:4px;padding:10px 20px;font-size:.82rem;font-weight:600}.lobby-btn-back:active{background:var(--surface)}.lobby-btn-ready{cursor:pointer;border-radius:var(--radius-md);border:none;width:100%;min-height:48px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .2s}.lobby-btn-ready--active{background:var(--success);color:#08090c;box-shadow:0 0 16px var(--success-glow)}.lobby-btn-ready--inactive{background:var(--surface);color:var(--text);border:1px solid var(--glass-border)}.lobby-divider{text-align:center;border-top:1px solid var(--glass-border);width:100%;padding-top:14px}.lobby-divider span{color:var(--text-dim);font-size:.82rem;font-weight:500}.lobby-join-row{align-items:center;gap:8px;display:flex}.lobby-input{text-align:center;letter-spacing:6px;background:var(--bg);width:150px;color:var(--accent);border:1px solid var(--glass-border);border-radius:var(--radius-sm);outline:none;padding:12px 14px;font-family:DM Sans,monospace;font-size:1.1rem;font-weight:700;transition:border-color .2s}.lobby-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.lobby-room-code-container{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:6px;width:100%;padding:18px;display:flex}.lobby-room-code-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:600}.lobby-room-code-row{align-items:center;gap:14px;display:flex}.lobby-room-code{letter-spacing:8px;color:var(--accent);font-size:2rem;font-weight:700}.lobby-room-code-actions{flex-direction:column;gap:6px;display:flex}.lobby-btn-copy{cursor:pointer;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1px solid #6ea8fe33;border-radius:8px;padding:5px 12px;font-size:.68rem;font-weight:700}.lobby-btn-copy:active{background:#6ea8fe14}.lobby-btn-share{cursor:pointer;background:var(--success);color:#08090c;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:5px 12px;font-size:.68rem;font-weight:700}.lobby-btn-share:active{transform:scale(.97)}.lobby-room-hint{color:var(--text-dim);font-size:.7rem;font-weight:500}.lobby-player-list{flex-direction:column;gap:8px;width:100%;display:flex}.lobby-player-row{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.85rem;display:flex}.lobby-player-row--waiting{color:var(--text-dim);border-style:dashed;justify-content:center}.lobby-player-name{color:var(--accent);font-weight:600}.lobby-player-status--ready{color:var(--success);font-size:.78rem;font-weight:700}.lobby-player-status--not-ready{color:var(--gold);font-size:.78rem;font-weight:700}.lobby-countdown{color:var(--gold);text-shadow:0 0 40px var(--gold-glow);font-size:3.5rem;font-weight:700;animation:1s ease-in-out combo-pop}.lobby-rematch-section{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.lobby-rematch-alert{color:var(--gold);border-radius:var(--radius-sm);background:#ffd8660f;border:1px solid #ffd8661f;padding:8px 16px;font-size:.78rem;font-weight:700}.opponent-view{background:var(--surface-raised);border-radius:var(--radius-md);border:1px solid var(--glass-border);flex-direction:column;align-items:center;width:100%;padding:8px;transition:all .2s;display:flex}.opponent-view:hover{background:var(--surface-hover);border-color:#ffffff1a}.opponent-header{align-items:center;gap:8px;width:100%;margin-bottom:6px;display:flex}.opponent-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.opponent-dot--connected{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.opponent-dot--disconnected{background:var(--danger);box-shadow:0 0 6px var(--danger-glow)}.opponent-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;font-weight:700;overflow:hidden}.opponent-score{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-bottom:4px;font-size:.9rem;font-weight:800}.opponent-combo{color:var(--purple);text-shadow:0 0 10px var(--purple-glow);margin-bottom:6px;font-size:.6rem;font-weight:800}.opponent-deadline-bar{background:var(--glass-border);border-radius:4px;width:100%;max-width:126px;height:3px;margin-bottom:12px;overflow:hidden}.opponent-deadline-fill{height:100%;transition:width .3s}.opponent-deadline-fill--normal{background:var(--gold)}.opponent-deadline-fill--danger{background:var(--danger)}.opponent-canvas{border:1px solid var(--glass-border);border-radius:6px;width:100%;max-width:126px;height:auto;display:block}.multiplayer-game-area{flex:1;align-items:flex-start;gap:20px;width:100%;max-width:1400px;min-height:0;margin:0 auto;transition:all .3s;display:flex}.multiplayer-main{flex-direction:column;flex:1;min-width:0;display:flex}.partners-column{flex-direction:column;flex-shrink:0;gap:12px;width:25%;max-width:25%;transition:width .3s,max-width .3s,opacity .3s;display:flex}.partners-collapsed .partners-column{width:60px;max-width:60px}.partners-toggles{border-bottom:1px solid var(--glass-border);flex-direction:column;align-items:flex-end;gap:8px;margin-top:6px;margin-bottom:12px;padding-bottom:12px;display:flex}.partner-toggle-btn{background:var(--surface-raised);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex;position:relative}.partner-toggle-btn:hover{background:var(--surface-hover);color:var(--text)}.partner-toggle-btn--active{border-color:var(--accent);color:var(--accent);background:#6ea8fe26}.partner-number{margin-top:-2px;font-size:.65rem;font-weight:800}.partners-list{flex-direction:column;gap:15px;width:100%;display:flex}.waiting-for-partners{color:var(--text-dim);text-align:center;padding:20px 0;font-size:.8rem;font-style:italic}.freeze-overlay{border-radius:var(--radius-md);z-index:20;pointer-events:none;background:#6ea8fe14;border:2px solid #6ea8fe40;width:100%;height:100%;position:absolute;top:0;left:0}.sabotage-alert{color:var(--danger);text-shadow:0 0 24px var(--danger-glow);z-index:30;pointer-events:none;letter-spacing:-.01em;font-size:1.4rem;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.help-alert{color:var(--success);text-shadow:0 0 24px var(--success-glow);z-index:30;pointer-events:none;font-size:1.4rem;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.no-moves-alert{color:var(--warning);text-shadow:0 0 24px var(--warning-glow);z-index:30;pointer-events:none;letter-spacing:-.01em;text-align:center;font-size:1.4rem;font-weight:700;line-height:1.4;animation:1s ease-in-out infinite no-moves-pulse;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes no-moves-pulse{0%,to{opacity:1}50%{opacity:.6}}.coop-help-hints{width:100%;color:var(--text-secondary);justify-content:center;gap:8px;padding:2px 0;font-size:.62rem;font-weight:500;display:flex}.slow-gravity-indicator{color:var(--success);text-align:center;padding:2px 0;font-size:.72rem;font-weight:700}.hint-word-alert{z-index:20;color:#ffd740;pointer-events:none;background:#ffd74026;border:1px solid #ffd74066;border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite hint-pulse;position:absolute;top:12px;left:50%;transform:translate(-50%)}@keyframes hint-pulse{0%,to{opacity:.9}50%{opacity:1}}.hunt-hud{flex-direction:column;gap:4px;width:100%;padding:4px 0;display:flex}.hunt-round-badge{color:var(--color-hunt);justify-content:center;align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.hunt-progress{color:var(--text-secondary);font-size:.7rem;font-weight:500}.hunt-targets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hunt-target-word{letter-spacing:1px;text-transform:uppercase;transition:all .3s var(--ease-out);border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:700}.hunt-target-word--remaining{color:var(--color-hunt);background:#ffb34714;border:1px solid #ffb34733}.hunt-target-word--found{color:var(--success);opacity:.6;background:#5ceead14;border:1px solid #5ceead33;text-decoration:line-through}.hunt-round-complete{z-index:30;pointer-events:none;text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hunt-round-complete-text{color:var(--color-hunt);text-shadow:0 0 24px #ffb34780;animation:combo-pop .5s var(--spring);font-size:1.6rem;font-weight:700}.hunt-bonus-flash{z-index:25;color:var(--color-hunt);text-shadow:0 0 16px #ffb34766;pointer-events:none;animation:score-flash-up 1s var(--ease-out) both;font-size:1rem;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (orientation:landscape) and (max-height:500px){.game-container{flex-flow:wrap;max-width:100%;padding:4px 12px}.top-bar{padding:2px 0}.tray{gap:4px;padding:4px 0}.canvas-wrapper{max-height:70vh}.powerup-btn{padding:6px 4px}}@media (min-width:600px){.game-container{padding:16px 20px}.mode-select-screen h1,.start-title{font-size:3.5rem}.start-mode-grid{max-width:420px}}.stats-screen{height:100vh;height:100dvh;padding:0 16px;padding-top:max(8px, env(safe-area-inset-top,0px));background:var(--bg);color:var(--text);box-sizing:border-box;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;display:flex;position:relative;overflow:hidden}.stats-screen *{box-sizing:border-box}.stats-screen:before{content:"";pointer-events:none;background:radial-gradient(#6ea8fe0f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.stats-screen .top-bar{z-index:10;width:100%;margin-bottom:20px;position:relative}.stats-screen .top-bar h1{opacity:1;letter-spacing:-.02em;font-size:1.2rem}.stats-header-fixed{z-index:10;flex-shrink:0;width:100%;position:relative}.stats-tabs{background:var(--surface);border:1px solid var(--glass-border);border-radius:14px;width:100%;margin-bottom:16px;padding:3px;display:flex}.stats-tab{color:var(--text-secondary);cursor:pointer;transition:all .25s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-radius:11px;flex:1;padding:8px 4px;font-size:.78rem;font-weight:600}.stats-tab:active{transform:scale(.95)}.stats-tab--active{color:var(--accent);background:#6ea8fe1f;box-shadow:0 0 0 1px #6ea8fe33}.stats-tab-content{width:100%;padding-bottom:max(40px, env(safe-area-inset-bottom,0px));scrollbar-width:thin;scrollbar-color:var(--accent) transparent;flex:1;overflow:hidden auto}.stats-tab-content::-webkit-scrollbar{width:6px}.stats-tab-content::-webkit-scrollbar-track{background:0 0}.stats-tab-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.stats-link-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.stats-link-btn:active{background:var(--surface-hover);transform:scale(.92)}.stats-summary-cards{border-radius:var(--radius-md);border:1px solid var(--glass-border);z-index:1;background:#ffffff08;grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:16px;padding:14px 16px;display:grid;position:relative}.stats-summary-card{text-align:center;padding:6px 4px}.stats-summary-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;display:block}.stats-summary-card--highlight .stats-summary-value{color:var(--gold)}.stats-summary-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:3px;font-size:.6rem;font-weight:600;display:block}.stats-mode-tabs-group{flex-direction:column;gap:6px;width:100%;margin-bottom:16px;display:flex}.stats-mode-tabs-row{gap:6px;display:flex}.stats-mode-tab--all{flex:1;justify-content:center}.stats-mode-tabs--mp{flex:3;min-width:0}.stats-mode-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--glass-border);z-index:1;border-radius:14px;gap:0;width:100%;padding:3px;display:flex;position:relative;overflow-x:auto}.stats-mode-tabs::-webkit-scrollbar{display:none}.stats-mode-tab{min-width:0;color:var(--text-secondary);cursor:pointer;transition:all .25s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-radius:11px;flex:1;padding:8px 4px;font-size:.68rem;font-weight:600}.stats-mode-tab:hover{color:var(--text)}.stats-mode-tab:active{transform:scale(.95)}.stats-mode-tab--active{color:var(--accent);background:#6ea8fe1f;box-shadow:0 0 0 1px #6ea8fe33}.stats-mode-breakdown{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);z-index:1;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.stats-mode-row{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.stats-mode-row+.stats-mode-row{border-top:1px solid var(--glass-border)}.stats-mode-stat-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.stats-mode-stat-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.stats-mode-stat-value--highlight{color:var(--gold)}.stats-empty-mode{text-align:center;width:100%;color:var(--text-dim);margin-bottom:16px;padding:24px 16px;font-size:.82rem}.stats-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin-top:60px;display:flex}.stats-empty-icon{opacity:.4;font-size:2.5rem}.stats-empty p{color:var(--text-secondary);font-size:.85rem;font-weight:500}.stats-recent-section{z-index:1;width:100%;position:relative}.stats-recent-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px 2px;font-size:.6rem;font-weight:600}.stats-recent-list{flex-direction:column;gap:4px;display:flex}.stats-recent-item{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px}.stats-recent-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stats-recent-mode{letter-spacing:.01em;font-size:.72rem;font-weight:700}.stats-recent-mode[data-mode=endless]{color:var(--color-endless)}.stats-recent-mode[data-mode=blitz]{color:var(--color-blitz)}.stats-recent-mode[data-mode=zen],.stats-recent-mode[data-mode=coop-zen]{color:var(--color-zen)}.stats-recent-mode[data-mode=hunt]{color:var(--color-hunt)}.stats-recent-mode[data-mode=duel]{color:var(--color-duel)}.stats-recent-mode[data-mode=coop]{color:var(--color-coop)}.stats-recent-date{color:var(--text-dim);font-size:.65rem;font-weight:500}.stats-recent-item-body{align-items:baseline;gap:10px;display:flex}.stats-recent-score{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.stats-recent-detail{color:var(--text-secondary);font-size:.68rem;font-weight:500}.stats-clear-section{border-top:1px solid var(--glass-border);z-index:1;justify-content:center;width:100%;margin-top:24px;padding-top:16px;display:flex;position:relative}.stats-clear-btn{color:var(--danger);cursor:pointer;opacity:.6;background:0 0;border:1px solid #ff6b6b26;border-radius:12px;padding:8px 18px;font-size:.75rem;font-weight:600;transition:all .2s}.stats-clear-btn:active{opacity:1;background:#ff6b6b14;transform:scale(.95)}.stats-clear-confirm{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.stats-clear-confirm p{color:var(--text-secondary);margin:0;font-size:.82rem}.stats-clear-confirm-buttons{gap:8px;display:flex}.stats-clear-yes{color:var(--danger)!important;background:#ff6b6b1f!important;border-color:#ff6b6b40!important}.achievements-section{z-index:1;width:100%;margin-bottom:16px;position:relative}.achievements-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.achievements-title{color:var(--gold);letter-spacing:-.01em;font-size:.85rem;font-weight:700}.achievements-progress{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}.achievements-progress-bar{background:var(--surface);border-radius:2px;width:100%;height:4px;margin-bottom:12px;overflow:hidden}.achievements-progress-fill{background:linear-gradient(90deg, var(--gold), var(--warning));height:100%;box-shadow:0 0 6px var(--gold-glow);border-radius:2px;transition:width .4s}.achievements-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.achievement-card{border-radius:var(--radius-sm);border:1px solid var(--glass-border);opacity:.4;background:#ffffff05;align-items:flex-start;gap:8px;padding:10px;transition:all .2s;display:flex}.achievement-card--unlocked{opacity:1;background:#ffd8660a;border-color:#ffd8661f}.achievement-card-icon{width:24px;height:24px;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.achievement-card--unlocked .achievement-card-icon{color:var(--gold)}.achievement-card-info{flex-direction:column;gap:1px;min-width:0;display:flex}.achievement-card-name{color:var(--text);font-size:.7rem;font-weight:700;line-height:1.2}.achievement-card--unlocked .achievement-card-name{color:var(--gold)}.achievement-card-desc{color:var(--text-dim);font-size:.58rem;line-height:1.3}.achievement-card--unlocked .achievement-card-desc{color:var(--text-secondary)}.achievement-card-date{color:var(--text-dim);margin-top:2px;font-size:.52rem}.settings-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.settings-btn:active{background:var(--surface-hover);transform:scale(.92)}.settings-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:min(90vw,360px);max-height:80vh;animation:slideUp .3s var(--ease-out);padding:24px;overflow-y:auto;box-shadow:0 24px 48px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-modal h2{color:var(--text);text-align:center;letter-spacing:.05em;margin:0 0 20px;font-size:1.2rem}.settings-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.settings-toggle{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.8rem;transition:all .2s}.settings-toggle--active{color:var(--accent);background:#6ea8fe26;border-color:#6ea8fe59}.settings-section{margin-bottom:20px}.settings-section .settings-label{margin-bottom:12px;display:block}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.theme-card{background:var(--surface);border:2px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:10px;transition:all .2s;position:relative}.theme-card:active{transform:scale(.95)}.theme-card--active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.theme-preview{border:1px solid #ffffff0f;border-radius:8px;width:100%;height:40px;margin-bottom:8px}.theme-name{color:var(--text-secondary);font-size:.7rem;display:block}.theme-badge{background:var(--gold);color:#000;letter-spacing:.05em;border-radius:6px;padding:1px 5px;font-size:.55rem;font-weight:700;position:absolute;top:4px;right:4px}.settings-close{background:var(--surface);border:1px solid var(--glass-border);width:100%;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;margin-top:4px;padding:10px;font-size:.85rem;transition:all .2s}.settings-close:active{background:var(--surface-hover);transform:scale(.97)}.settings-reset-zone{border-top:1px solid var(--glass-border);margin-top:12px;padding-top:12px}.settings-reset-btn{border-radius:var(--radius-sm);color:#dc5050b3;cursor:pointer;background:0 0;border:1px solid #dc323240;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.settings-reset-btn:hover{color:#dc4646;background:#dc32320f;border-color:#dc323280}.settings-reset-confirm{text-align:center}.settings-reset-warning{color:#dc5050;margin-bottom:10px;font-size:.78rem;line-height:1.5}.settings-reset-buttons{gap:8px;display:flex}.settings-reset-yes{border-radius:var(--radius-sm);color:#dc4646;cursor:pointer;background:#b41e1e26;border:1px solid #dc323280;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.settings-reset-yes:hover{background:#b41e1e40}.settings-reset-cancel{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;padding:10px;font-size:.82rem;transition:all .15s}.settings-reset-cancel:hover{background:var(--surface-hover)}.install-prompt{z-index:900;background:var(--glass);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--glass-border);animation:slideUpIn .3s var(--ease-out);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-prompt-text{color:var(--text);flex:1;font-size:.9rem}.install-prompt-actions{flex-shrink:0;gap:8px;display:flex}.install-prompt-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);border:none;padding:8px 16px}.install-prompt-btn--primary{background:var(--accent);color:#000}.install-prompt-btn--dismiss{color:var(--text-secondary);background:0 0}.btn-share{background:var(--surface);border:1px solid var(--glass-border);color:var(--text)}.btn-share:active{background:var(--surface-hover)}.start-here-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--success);background:#5ceead1f;border:1px solid #5ceead40;border-radius:8px;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.mode-card--locked{opacity:.4;cursor:not-allowed;pointer-events:none}.mode-card-lock{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);opacity:.7;margin-top:4px;font-size:.65rem;font-weight:600;display:inline-block}.help-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px 2px;font-size:.6rem;font-weight:600}.help-card{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:20px;overflow:hidden}.help-card-row{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.help-card-row+.help-card-row{border-top:1px solid var(--glass-border)}.help-card-row-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.help-card-row-value{color:var(--text);text-align:right;font-size:.82rem;font-weight:600}.help-card-row-value--accent{color:var(--accent)}.help-card-row-value--gold{color:var(--gold)}.help-card-row-value--purple{color:var(--purple)}.help-steps{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.help-step{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.help-step-number{width:28px;height:28px;color:var(--accent);background:#6ea8fe1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.help-step-text{color:var(--text);padding-top:3px;font-size:.85rem;font-weight:500;line-height:1.5}.help-callout{color:var(--text-secondary);margin-bottom:24px;padding:0 4px;font-size:.82rem;font-style:italic;line-height:1.5}.help-powerups{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.help-powerup{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.help-powerup-icon{font-size:1.3rem;line-height:1}.help-powerup-name{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.help-powerup-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.help-powerup-note{color:var(--text-dim);text-align:center;margin-bottom:20px;font-size:.75rem}.help-obsidian-row{align-items:flex-start;gap:14px;display:flex}.help-obsidian-row p{color:var(--text-secondary);margin:0;font-size:.85rem}.help-obsidian-tile{color:#ffffff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex}.help-modes{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.help-mode{background:var(--bg-raised);border:1px solid var(--glass-border);border-radius:var(--radius-md);border-left:3px solid var(--glass-border);align-items:flex-start;gap:14px;padding:12px 16px;display:flex}.help-mode--zen{border-left-color:var(--color-zen)}.help-mode--endless{border-left-color:var(--color-endless)}.help-mode--blitz{border-left-color:var(--color-blitz)}.help-mode--hunt,.help-mode--daily{border-left-color:var(--color-hunt)}.help-mode--duel{border-left-color:var(--color-duel)}.help-mode--coop{border-left-color:var(--color-coop)}.help-mode--coop-zen{border-left-color:var(--color-zen)}.help-mode-name{margin-bottom:2px;font-size:.82rem;font-weight:700}.help-mode--zen .help-mode-name{color:var(--color-zen)}.help-mode--endless .help-mode-name{color:var(--color-endless)}.help-mode--blitz .help-mode-name{color:var(--color-blitz)}.help-mode--hunt .help-mode-name,.help-mode--daily .help-mode-name{color:var(--color-hunt)}.help-mode--duel .help-mode-name{color:var(--color-duel)}.help-mode--coop .help-mode-name{color:var(--color-coop)}.help-mode--coop-zen .help-mode-name{color:var(--color-zen)}.help-mode-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.help-tips{border-radius:var(--radius-md);background:#ffd8660a;border:1px solid #ffd8661f;margin-bottom:20px;padding:16px}.help-tip{color:var(--text);align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.5;display:flex}.help-tip+.help-tip{margin-top:10px}.help-tip-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.help-about-row{align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;display:flex}.help-about-row+.help-about-row{border-top:1px solid var(--glass-border)}.help-about-divider{border-top:1px solid var(--glass-border);padding:14px 16px}.help-about-divider h3{color:var(--text);margin:0 0 8px;font-size:.85rem;font-weight:600}.help-about-divider p{color:var(--text-secondary);margin:0 0 8px;font-size:.82rem;line-height:1.5}.help-about-divider p:last-child{margin-bottom:0}.achievement-toast{top:max(12px, env(safe-area-inset-top,12px));z-index:9999;cursor:pointer;width:calc(100% - 32px);max-width:400px;position:fixed;left:50%;transform:translate(-50%)}.achievement-toast-glow{background:linear-gradient(135deg, var(--gold-glow), var(--warning-glow));filter:blur(1px);z-index:-1;border-radius:16px;position:absolute;inset:-1px}.achievement-toast-content{background:var(--bg-raised);border:1px solid var(--gold-glow);-webkit-backdrop-filter:blur(12px);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:flex}.achievement-toast-icon{width:32px;height:32px;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.achievement-toast-text{flex:1;min-width:0}.achievement-toast-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:2px;font-size:.6rem;font-weight:700}.achievement-toast-name{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.2}.achievement-toast-desc{color:var(--text-secondary);margin-top:1px;font-size:.75rem;line-height:1.3}.achievement-toast-enter{animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-in}.achievement-toast-exit{animation:.3s ease-in forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-100%)}}
