@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&display=swap";[data-theme=light]{--bg:#faf8f3;--surface:#eeeade;--surface-raised:#fff;--border:#dbd6ca;--border-mid:#c8c2b6;--border-hover:#a8a298;--accent:#c2820a;--accent-bright:#a16207;--accent-bg:#fef3c7;--accent-bg-deep:#fde68a;--text:#1c1510;--text-dim:#5a5040;--text-muted:#7a6e5a;--text-faint:#9a9080;--text-ghost:#b0a898;--text-disabled:#cec8be;--danger:#dc2626;--danger-bg:#fee2e2;--danger-text:#991b1b}[data-theme=light] .app{background-image:radial-gradient(at 50% 0,#fef3c7 0%,#0000 60%)}[data-theme=light] .tile--idle{background:var(--surface-raised)}[data-theme=light] .key-badge{border-color:var(--border-mid);color:var(--text-muted);background:#e8e4da}[data-theme=light] .htp-card{background:var(--surface-raised)}[data-theme=light] .btn--danger-ghost{color:var(--text-muted)}[data-theme=light] .btn--danger-ghost:hover{color:var(--danger-text);border-color:#f5c6c6}[data-theme=light] .timer-track{background:#e0dbd0}[data-theme=light] .gameover-screen,[data-theme=light] .start-screen{color:var(--text)}:root{--bg:#090909;--surface:#111;--surface-raised:#0f0f0f;--border:#1e1e1e;--border-mid:#2a2a2a;--border-hover:#444;--accent:#f59e0b;--accent-bright:#fbbf24;--accent-bg:#1c1000;--accent-bg-deep:#130c00;--text:#e8e8e8;--text-dim:#888;--text-muted:#555;--text-faint:#444;--text-ghost:#333;--text-disabled:#2a2a2a;--danger:#ef4444;--danger-bg:#3d1515;--danger-text:#874040;--font:"IBM Plex Mono", "Courier New", monospace;--radius-sm:6px;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}35%{transform:translate(10px)}55%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.theme-toggle{z-index:100;background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;padding:8px 11px;font-size:16px;line-height:1;transition:all .15s;position:fixed;top:14px;right:16px;box-shadow:0 2px 10px #00000059}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1);box-shadow:0 2px 14px #00000073}[data-theme=light] .theme-toggle{box-shadow:0 2px 10px #0000001f}[data-theme=light] .theme-toggle:hover{box-shadow:0 2px 14px #0000002e}.app{background:var(--bg);min-height:100vh;padding:20px 16px;padding-bottom:calc(20px + var(--keyboard-inset,0px));-webkit-user-select:none;user-select:none;text-align:center;background-image:radial-gradient(at 50% 0,#1a0f00 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow-y:auto}.screen{animation:.4s fadeIn}.screen--pop{animation:.35s pop}.btn{border-radius:var(--radius);cursor:pointer;font-family:var(--font);letter-spacing:.12em;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#000;border:none;padding:13px 40px;font-size:16px}.btn--primary:hover{opacity:.85}.btn--primary:disabled,.btn--primary[aria-disabled=true]{color:var(--text-ghost);cursor:not-allowed;opacity:1;background:#1a1a1a;border:1px solid #222;transform:none}.btn--ghost{border:1px solid var(--border-mid);color:var(--text-dim);letter-spacing:.1em;background:0 0;padding:10px 20px;font-size:15px;font-weight:600}.btn--ghost:hover{border-color:var(--border-hover);color:var(--text)}.btn--danger-ghost{border:1px solid var(--border-mid);color:var(--text-muted);letter-spacing:.12em;background:0 0;width:100%;padding:10px 0;font-size:15px;font-weight:600}.btn--danger-ghost:hover{border-color:var(--danger);color:var(--danger);transform:none}.btn--full{width:100%}.btn--sm{padding:12px 20px;font-size:15px}.loading-screen{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-label{letter-spacing:.2em;color:var(--accent);font-size:11px;animation:1.5s infinite pulse}.loading-error{color:var(--danger);letter-spacing:.05em;font-size:13px}.start-screen{width:100%;max-width:480px}.start-eyebrow{letter-spacing:.3em;color:var(--accent);margin-bottom:10px;font-size:10px}.start-title{letter-spacing:.05em;color:#fff;margin-bottom:4px;font-size:58px;font-weight:700;line-height:1}[data-theme=light] .start-title{color:var(--text)}.start-title .hi{color:var(--accent)}.start-tagline{color:var(--text-faint);letter-spacing:.15em;margin-bottom:32px;font-size:11px}.htp-toggle{background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius);width:100%;color:var(--text-dim);cursor:pointer;font-family:var(--font);letter-spacing:.16em;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.htp-toggle:hover{border-color:var(--border-hover);color:var(--text-dim)}.htp-toggle__chevron{font-size:12px;transition:transform .25s;display:inline-block;transform:rotate(0)}.htp-toggle__chevron--open{transform:rotate(-180deg)}[data-theme=light] .htp-toggle{background:var(--surface-raised)}.htp-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;opacity:0;border-width:0;max-height:0;margin-bottom:20px;transition:max-height .35s,opacity .25s,border-width .25s;overflow:hidden}.htp-card--open{opacity:1;border-width:1px;max-height:600px}.htp-card__inner{padding:22px 26px}.htp-section+.htp-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.htp-section__title{letter-spacing:.28em;color:var(--accent);margin-bottom:12px;font-size:9px;font-weight:700}.htp-row{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:13px;line-height:1.65;display:flex}.htp-row+.htp-row{margin-top:9px}.htp-row__icon{text-align:center;flex-shrink:0;width:18px}.score-table{flex-direction:column;gap:7px;display:flex}.score-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.score-val{color:var(--text-dim);letter-spacing:.04em;font-size:13px;font-weight:700}.score-val--hi{color:var(--accent)}.privacy-link-inline{letter-spacing:.1em;color:var(--text-ghost);text-underline-offset:3px;margin-top:20px;font-size:10px;text-decoration:underline;transition:color .15s;display:block}.privacy-link-inline:hover{color:var(--text-muted)}.start-best{color:var(--text-faint);letter-spacing:.1em;margin-bottom:16px;font-size:12px}.start-best .hi{color:var(--accent)}.word-hints{margin-top:10px;margin-bottom:4px}.word-hints__label{letter-spacing:.18em;color:var(--text-ghost);margin-bottom:6px;font-size:10px}.word-hints__words{color:var(--text-dim);letter-spacing:.06em;font-size:15px;font-weight:700}[data-theme=light] .word-hints__words{color:var(--text-muted)}.word-hints__words span+span:before{content:" · ";color:var(--text-ghost);font-weight:400}.btn-quit{color:var(--text-muted);cursor:pointer;font-family:var(--font);letter-spacing:.12em;text-underline-offset:3px;background:0 0;border:none;margin:10px auto 0;padding:4px 0;font-size:12px;text-decoration:underline;transition:color .15s;display:block}.btn-quit:hover{color:var(--text-muted)}.adsbygoogle{margin:16px auto 0}.game-screen{width:100%;max-width:480px;animation:.3s fadeIn;overflow-y:auto}.game-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.game-round{color:var(--text-ghost);letter-spacing:.15em;align-items:center;gap:8px;font-size:11px;display:flex}.game-round span{color:#666}.mode-badge{letter-spacing:.12em;border:1px solid;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.mode-badge--easy{color:#4ade80;background:#052e16;border-color:#166534}[data-theme=light] .mode-badge--easy{color:#166534;background:#dcfce7;border-color:#bbf7d0}.mode-badge--hard{color:var(--danger);border-color:var(--danger-bg);background:#1c0606}[data-theme=light] .mode-badge--hard{color:var(--danger-text);background:#fff1f1;border-color:#fecaca}.streak-badge{color:var(--accent);letter-spacing:.04em;font-size:12px;font-weight:700;animation:.3s pop}.game-score{color:var(--accent);letter-spacing:.05em;font-size:24px;font-weight:700}.timer-track{background:#1a1a1a;border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.timer-fill{border-radius:2px;height:100%;transition:width 1s linear,background-color .4s}.timer-label{text-align:right;letter-spacing:.1em;margin-bottom:14px;font-size:11px;transition:color .4s}.timer-label--urgent{color:var(--danger);animation:.8s infinite timerPulse}.tile-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tile{border-radius:var(--radius);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:56px;font-size:24px;font-weight:700;transition:transform 80ms,background-color .1s,border-color .1s,color .1s,box-shadow .1s;display:flex}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.92)}.tile--idle{background:var(--surface);color:var(--text-dim);box-shadow:none;border:2px solid #222}.tile--used{background:var(--accent-bg);border:2px solid var(--accent);color:var(--accent);box-shadow:0 0 12px #f59e0b21}.word-input{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:50px;margin-bottom:12px;display:flex}.word-input--shake{animation:.45s shake}.word-input__placeholder{color:var(--text-disabled);letter-spacing:.15em;font-size:12px;animation:2s infinite pulse}.word-letter{background:var(--accent-bg-deep);border:2px solid var(--accent);border-radius:var(--radius-sm);width:38px;height:46px;color:var(--accent);justify-content:center;align-items:center;font-size:20px;font-weight:700;animation:.2s pop;display:flex}.toast{letter-spacing:.06em;height:16px;color:var(--danger);margin-bottom:6px;font-size:11px;transition:opacity .2s}.toast--hidden{opacity:0}.toast--visible{opacity:1}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}.action-row{gap:8px;margin-bottom:8px;display:flex}.action-row .btn--primary{flex:1;padding:12px 0;font-size:16px}.result-screen{animation:.35s pop}.result-emoji{margin-bottom:16px;font-size:52px}.result-word{color:var(--accent);letter-spacing:.1em;margin-bottom:8px;font-size:34px;font-weight:700}.result-word--compact{font-size:15px}.result-word--wrong{color:var(--danger);font-size:28px}.result-all-used{color:var(--accent-bright);letter-spacing:.15em;margin-bottom:8px;font-size:11px}.result-bonuses{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:8px;display:flex}.bonus-tag{letter-spacing:.06em;border:1px solid;border-radius:20px;padding:3px 9px;font-size:11px}.bonus-tag--speed{color:#67e8f9;background:#082f49;border-color:#164e63}.bonus-tag--streak{color:var(--accent-bright);background:#1c0d00;border-color:#78350f}[data-theme=light] .bonus-tag--speed{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}[data-theme=light] .bonus-tag--streak{color:var(--accent);background:#fefce8;border-color:#fde68a}.result-pts{color:#fff;font-size:42px;font-weight:700}[data-theme=light] .result-pts{color:var(--text)}.result-pts--negative{color:var(--danger);font-size:36px}.result-reason{color:var(--text-muted);letter-spacing:.06em;margin-bottom:4px;font-size:12px}.result-score-sub{color:var(--text-muted);letter-spacing:.1em;margin-top:8px;font-size:12px}.mode-selector{border:1px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:12px;display:flex;overflow:hidden}.mode-btn{color:var(--text-dim);cursor:pointer;font-family:var(--font);letter-spacing:.12em;background:0 0;border:none;flex:1;padding:11px 0;font-size:14px;font-weight:700;transition:all .15s}.mode-btn+.mode-btn{border-left:1px solid var(--border)}.mode-btn--active-hard{color:var(--danger);background:#1c0606}.mode-btn--active-easy{color:#4ade80;background:#052e16}[data-theme=light] .mode-btn--active-hard{color:var(--danger-text);background:#fff1f1}[data-theme=light] .mode-btn--active-easy{color:#166534;background:#dcfce7}.mode-btn:not([class*=active]):hover{color:var(--text-dim);background:var(--surface)}.mode-desc{color:var(--text-muted);letter-spacing:.06em;margin-bottom:24px;font-size:11px;line-height:1.5}.gameover-screen{width:100%;max-width:440px}.gameover-label{letter-spacing:.28em;color:var(--text-muted);margin-bottom:20px;font-size:11px}.gameover-score{color:#fff;margin-bottom:6px;font-size:80px;font-weight:700;line-height:1}.gameover-new-best{color:var(--accent);letter-spacing:.15em;margin-bottom:6px;font-size:14px}.gameover-prev-best{color:var(--text-dim);letter-spacing:.08em;margin-bottom:6px;font-size:14px}.gameover-round{color:var(--text-muted);letter-spacing:.05em;margin-bottom:10px;font-size:14px}.gameover-reason{color:var(--text-dim);letter-spacing:.04em;margin-bottom:28px;font-size:14px;line-height:1.65}.gameover-reason .hint{color:#666}.gameover-actions{flex-direction:column;gap:12px;display:flex}[data-theme=light] .gameover-score{color:var(--text)}[data-theme=light] .gameover-prev-best{color:var(--text-muted)}.btn--secondary{background:var(--surface);border:1px solid var(--border-mid);color:var(--text-dim);letter-spacing:.1em;padding:13px 0;font-size:15px;font-weight:600}.btn--secondary:hover{background:var(--surface-raised);border-color:var(--border-hover);color:var(--text)}[data-theme=light] .btn--secondary{background:var(--surface-raised);border-color:var(--border-mid);color:var(--text-dim)}[data-theme=light] .btn--secondary:hover{background:var(--surface);color:var(--text)}.btn--share{border:1px solid var(--accent);color:var(--accent);letter-spacing:.12em;background:0 0;padding:13px 0;font-size:15px;font-weight:700}.btn--share:hover{background:var(--accent-bg)}.btn--share--done{background:var(--accent-bg);border-color:var(--accent-bright);color:var(--accent-bright)}[data-theme=light] .btn--share{border-color:var(--accent);color:var(--accent)}[data-theme=light] .btn--share:hover,[data-theme=light] .btn--share--done{background:var(--accent-bg)}.cookie-banner{z-index:200;background:var(--surface-raised);border-top:1px solid var(--border-mid);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.cookie-banner__text{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.cookie-banner__link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.cookie-banner__link:hover{opacity:.8}.cookie-banner__actions{flex-shrink:0;gap:8px;display:flex}.cookie-banner__btn{white-space:nowrap;padding:8px 16px;font-size:11px}[data-theme=light] .cookie-banner{box-shadow:0 -4px 24px #0000001a}@media (width<=520px){.cookie-banner{flex-direction:column;align-items:flex-start;gap:12px}.cookie-banner__actions{width:100%}.cookie-banner__btn{text-align:center;flex:1}}.key-hints{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:14px;display:flex}.key-hint{color:var(--text-ghost);letter-spacing:.06em;align-items:center;gap:5px;font-size:10px;display:flex}.key-badge{color:var(--text-faint);letter-spacing:.04em;background:#161616;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;display:inline-flex}