*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f0f13;--color-surface: #1a1a24;--color-surface-2: #242433;--color-border: #2e2e40;--color-primary: #6C63FF;--color-primary-hover: #8b85ff;--color-secondary: #43C59E;--color-danger: #EF476F;--color-warning: #FFD166;--color-text: #f0f0f5;--color-text-muted: #8888aa;--color-text-faint: #55556a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(108,99,255,.35);--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--tile-size: clamp(44px, 10vw, 64px);--tile-font: clamp(1.1rem, 4vw, 1.6rem)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #6c63ff66}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 24px #6c63ff99}.btn--secondary{background:var(--color-surface-2);color:var(--color-text);border:1.5px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-border)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.btn--ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.btn--large{padding:14px 28px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn--small{padding:6px 14px;font-size:.8rem}.btn--icon{width:40px;height:40px;padding:0;border-radius:50%;font-size:1.1rem;background:var(--color-surface-2);color:var(--color-text);border:1.5px solid var(--color-border);flex-shrink:0}.btn--icon:hover:not(:disabled){background:var(--color-border)}.btn__icon{font-size:1.1em}.btn__sub{font-size:.75em;opacity:.7;margin-left:4px}.home-screen{max-width:480px;margin:0 auto;padding:32px 20px 60px;display:flex;flex-direction:column;gap:32px}.home-screen__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:16px}.home-screen__logo{width:72px;height:72px;border-radius:20px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:900;color:#fff;box-shadow:var(--shadow-glow),0 4px 16px #6c63ff99;letter-spacing:-1px;text-shadow:0 2px 6px rgba(0,0,0,.35)}.home-screen__logo-w,.home-screen__logo-t{color:#fff}.home-screen__title{font-size:2rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 3px rgba(108,99,255,.3))}.home-screen__tagline{color:var(--color-text-muted);font-size:1rem}.home-screen__stats{display:flex;gap:16px;justify-content:center;background:var(--color-surface);border-radius:var(--radius-lg);padding:16px 24px;border:1.5px solid var(--color-border)}.home-screen__stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.home-screen__stat-value{font-size:1.6rem;font-weight:800;color:var(--color-primary)}.home-screen__stat-label{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.home-screen__actions{display:flex;flex-direction:column;gap:12px}.home-screen__daily-btn{background:linear-gradient(135deg,var(--color-primary),#8b85ff)}.home-screen__section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:12px}.puzzle-tabs{display:flex;border-bottom:1.5px solid var(--color-border);margin-bottom:16px}.puzzle-tab{flex:1;background:none;border:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;padding:10px 12px;font-size:.85rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;gap:6px}.puzzle-tab:hover{color:var(--color-text)}.puzzle-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.puzzle-tab__count{background:var(--color-surface-2);color:var(--color-text-muted);font-size:.7rem;font-weight:700;padding:1px 5px;border-radius:10px}.puzzle-tab--active .puzzle-tab__count{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.home-screen__puzzle-list-header{display:flex;justify-content:flex-end;margin-bottom:12px}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.puzzle-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:background .15s,border-color .15s,transform .1s;font-family:var(--font-body)}.puzzle-card:hover{background:var(--color-surface-2);border-color:var(--color-primary);transform:translateY(-1px)}.puzzle-card--done{border-color:var(--color-secondary)}.puzzle-card--stars-3{border-color:var(--color-warning)}.puzzle-card__id{font-size:.75rem;font-weight:700;color:var(--color-text)}.puzzle-card__difficulty{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.puzzle-card__difficulty--easy{color:var(--color-secondary)}.puzzle-card__difficulty--medium{color:var(--color-warning)}.puzzle-card__difficulty--hard{color:var(--color-danger)}.puzzle-card__stars{font-size:.7rem;color:var(--color-warning);letter-spacing:-1px}.puzzle-card__status{font-size:.65rem;color:var(--color-text-faint)}.home-screen__footer{text-align:center;color:var(--color-text-muted);font-size:.85rem}.game-header{padding:16px 20px 12px;background:var(--color-surface);border-bottom:1.5px solid var(--color-border);display:flex;flex-direction:column;gap:12px;position:sticky;top:0;z-index:10}.game-header__top{display:flex;align-items:center;justify-content:space-between}.game-header__title{font-size:1.1rem;font-weight:900;letter-spacing:-.01em;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 2px rgba(108,99,255,.25))}.game-header__clue-box{background:var(--color-surface-2);border-radius:var(--radius-md);padding:12px 16px;border:1.5px solid var(--color-border)}.game-header__clue-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);display:flex;align-items:center;gap:8px;margin-bottom:4px}.game-header__length-badge{background:var(--color-primary);color:#fff;font-size:.65rem;padding:2px 7px;border-radius:var(--radius-pill);font-weight:700;text-transform:none;letter-spacing:0}.game-header__clue{font-size:.95rem;color:var(--color-text);line-height:1.4}.game-header__stats{display:flex;gap:12px;justify-content:center}.game-header__stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:52px}.game-header__stat-value{font-size:1.3rem;font-weight:800;color:var(--color-text)}.game-header__stat-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.game-header__difficulty--easy{color:var(--color-secondary)}.game-header__difficulty--medium{color:var(--color-warning)}.game-header__difficulty--hard{color:var(--color-danger)}.game-header__stat-complete{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.game-screen{display:flex;flex-direction:column;min-height:100dvh}.game-screen__main{flex:1;max-width:480px;margin:0 auto;width:100%;padding:24px 16px 40px;display:flex;flex-direction:column;align-items:center;gap:20px}.game-screen__target-hint{display:flex;gap:6px;align-items:center}.game-screen__target-dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--color-border);background:transparent}.game-screen__word-area{width:100%}.game-screen__instructions{font-size:.8rem;color:var(--color-text-faint);text-align:center}.game-screen__wrong-guesses{display:flex;flex-direction:column;gap:4px;align-items:center}.game-screen__wrong-guess{margin:0;font-size:.86rem;color:var(--color-danger);text-align:center}.game-screen__footer{display:flex;justify-content:center;padding:16px 16px 28px}.game-screen__tweak-total{display:flex;flex-direction:column;align-items:center;gap:2px}.game-screen__tweak-count{font-size:2rem;font-weight:800;color:var(--color-primary);line-height:1}.game-screen__tweak-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.word-display{position:relative;width:100%}.word-display__tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:16px 8px}@keyframes pulse-valid{0%{filter:brightness(1)}50%{filter:brightness(1.3) hue-rotate(40deg)}to{filter:brightness(1)}}@keyframes shake-invalid{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.word-display--valid .word-display__tiles{animation:pulse-valid .6s ease}.word-display--invalid .word-display__tiles{animation:shake-invalid .5s ease}.letter-tile{position:relative;width:var(--tile-size);height:var(--tile-size);background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none;outline:none;flex-shrink:0}.letter-tile:hover{border-color:var(--color-primary);background:#1e1e30;box-shadow:0 0 12px #6c63ff40}.letter-tile:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff66}.letter-tile--editing{border-color:var(--color-primary);background:#1e1e30;box-shadow:var(--shadow-glow)}.letter-tile--valid{border-color:var(--color-secondary);animation:tile-pop .3s ease}.letter-tile--invalid{border-color:var(--color-danger)}@keyframes tile-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.letter-tile__letter{font-size:var(--tile-font);font-weight:800;font-family:var(--font-body);color:var(--color-text);line-height:1}.letter-tile__delete{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--color-danger);color:#fff;border:none;font-size:.75rem;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;font-weight:700;transition:transform .1s;z-index:1}.letter-tile:hover .letter-tile__delete,.letter-tile:focus-within .letter-tile__delete{display:flex}.letter-tile__delete:hover{transform:scale(1.15)}.word-display__insert-btn{width:24px;height:24px;border-radius:50%;background:transparent;border:2px dashed var(--color-border);color:var(--color-text-faint);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1;font-weight:700}.word-display__insert-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.word-display__insert-btn:disabled{opacity:.2;cursor:not-allowed}.word-display__input-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.word-display__input-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-md);animation:card-in .2s ease}@keyframes card-in{0%{transform:translateY(12px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.word-display__input-prompt{font-size:.9rem;color:var(--color-text-muted);text-align:center}.word-display__letter-input{width:72px;height:72px;text-align:center;font-size:2rem;font-weight:800;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);outline:none;transition:border-color .15s;text-transform:uppercase}.word-display__letter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff4d}.word-display__letter-input--valid{border-color:var(--color-secondary)}.word-display__letter-input--invalid{border-color:var(--color-danger)}.word-display__preview{font-size:1.1rem;font-weight:700;letter-spacing:.1em;padding:8px 16px;border-radius:var(--radius-sm);transition:all .15s}.word-display__preview--valid{color:var(--color-secondary);background:#43c59e1a}.word-display__preview--invalid{color:var(--color-danger);background:#ef476f1a}.word-display__input-actions{display:flex;gap:10px;width:100%;justify-content:center}.validation-feedback{display:flex;align-items:center;gap:8px;background:#ef476f1f;border:1.5px solid rgba(239,71,111,.4);border-radius:var(--radius-md);padding:10px 16px;color:var(--color-danger);font-size:.88rem;font-weight:500;max-width:400px;width:100%;animation:slide-in .2s ease}@keyframes slide-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.validation-feedback__icon{font-size:1rem;flex-shrink:0}.move-history{width:100%;max-width:340px}.move-history__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.move-history__list{list-style:none;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.move-history__item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);animation:item-in .2s ease}@keyframes item-in{0%{transform:translate(-8px);opacity:0}to{transform:translate(0);opacity:1}}.move-history__item--win{border-color:var(--color-secondary);background:#43c59e14}.move-history__step{width:22px;font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-align:center;flex-shrink:0}.move-history__word{font-family:var(--font-body);font-weight:700;font-size:.95rem;letter-spacing:.08em;color:var(--color-text)}.star-rating{display:flex;gap:4px;align-items:center}.star-rating--sm .star-rating__star{font-size:1rem}.star-rating--md .star-rating__star{font-size:1.5rem}.star-rating--lg .star-rating__star{font-size:2.2rem}.star-rating__star{transition:color .15s}.star-rating__star--filled{color:var(--color-warning)}.star-rating__star--empty{color:var(--color-border)}.win-screen{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:20px 20px 60px;overflow-y:auto;position:relative}.win-screen__card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px;box-shadow:var(--shadow-md);animation:card-in .35s cubic-bezier(.22,1,.36,1);position:relative;z-index:1}.win-screen__badge{font-size:3.5rem;line-height:1;animation:badge-pop .5s cubic-bezier(.22,1,.36,1) .1s both}@keyframes badge-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.win-screen__label{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.win-screen__target-reveal{font-size:1rem;color:var(--color-text-muted);text-align:center}.win-screen__target-word{color:var(--color-secondary);font-size:1.3rem;letter-spacing:.08em}.win-screen__stats{display:flex;align-items:center;gap:16px;background:var(--color-surface-2);border-radius:var(--radius-md);padding:16px 24px;border:1.5px solid var(--color-border);width:100%;justify-content:center}.win-screen__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.win-screen__stat-value{font-size:2rem;font-weight:800;color:var(--color-primary)}.win-screen__stat-label{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.win-screen__stat-divider{color:var(--color-text-faint);font-size:.8rem;padding:0 4px}.win-screen__efficiency{font-size:.9rem;color:var(--color-text-muted);text-align:center}.win-screen__path{width:100%}.win-screen__path-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:10px;text-align:center}.win-screen__path-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.win-screen__path-item{display:flex;align-items:center;gap:6px}.win-screen__path-word{background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-weight:700;font-size:.9rem;letter-spacing:.06em;color:var(--color-text)}.win-screen__path-item--start .win-screen__path-word{border-color:var(--color-text-muted)}.win-screen__path-item--end .win-screen__path-word{border-color:var(--color-secondary);color:var(--color-secondary);background:#43c59e14}.win-screen__path-arrow{color:var(--color-text-faint);font-size:.8rem}.win-screen__actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.game-screen__give-up{margin-top:8px;display:flex;justify-content:center}.game-screen__give-up-btn{font-size:.82rem;padding:7px 18px;color:var(--color-text-faint);border-color:transparent}.game-screen__give-up-btn:hover:not(:disabled){color:var(--color-danger);border-color:#ef476f4d;background:#ef476f12}.give-up-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.give-up-modal__card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-md);animation:card-in .2s ease;text-align:center}.give-up-modal__icon{font-size:3rem;line-height:1;margin:0}.give-up-modal__title{font-size:1.6rem;font-weight:800;color:var(--color-text)}.give-up-modal__message{font-size:.92rem;color:var(--color-text-muted);line-height:1.5}.give-up-modal__actions{display:flex;flex-direction:column;gap:10px;width:100%;padding-top:4px}.give-up-modal__confirm-btn{color:var(--color-danger);border-color:#ef476f59}.give-up-modal__confirm-btn:hover:not(:disabled){background:#ef476f14;border-color:var(--color-danger);color:var(--color-danger)}.abandoned-screen__card{border-color:#ef476f33}.abandoned-screen__label{font-size:1.8rem;font-weight:800;color:var(--color-text-muted);text-align:center}.abandoned-screen__note{color:var(--color-text-faint);font-style:italic}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:-20px;left:var(--x);width:var(--size);height:var(--size);background:var(--color);border-radius:2px;animation:confetti-fall var(--duration) ease-in var(--delay) forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.clickable-word{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.clickable-word__row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:8px 4px}.clickable-word__add-btn{width:36px;height:36px;border-radius:50%;border:2px dashed var(--color-border);background:transparent;color:var(--color-text-faint);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;line-height:1}.clickable-word__add-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1);border-style:solid}.clickable-word__tile-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.clickable-word__marker{font-size:.65rem;font-weight:800;color:var(--color-primary);min-height:14px;line-height:1;-webkit-user-select:none;user-select:none}.clickable-word__tile{width:clamp(48px,11vw,68px);height:clamp(56px,12vw,76px);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-mono);font-size:clamp(1.3rem,4.5vw,2rem);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;-webkit-user-select:none;user-select:none;outline:none;position:relative}.clickable-word__tile:hover{border-color:var(--color-primary);background:#1e1e30;box-shadow:0 0 12px #6c63ff40;transform:translateY(-2px)}.clickable-word__tile:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff66}.clickable-word__tile--active{border-color:var(--color-primary);background:#1e1e30;box-shadow:var(--shadow-glow)}@keyframes tile-tweak{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.clickable-word__tile--tweaked{animation:tile-tweak .3s ease}.clickable-word__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clickable-word__input-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px;max-width:300px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-md);animation:card-in .2s ease}.clickable-word__input-prompt{font-size:.92rem;color:var(--color-text-muted);text-align:center}.clickable-word__letter-input{width:80px;height:80px;text-align:center;font-size:2.2rem;font-weight:800;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);outline:none;transition:border-color .15s;text-transform:uppercase}.clickable-word__letter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff4d}.clickable-word__letter-input--error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef476f33}.clickable-word__input-error{font-size:.8rem;color:var(--color-danger);text-align:center}.clickable-word__input-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%;justify-content:center}.clickable-word__delete-btn{color:var(--color-danger);border-color:#ef476f59}.clickable-word__delete-btn:hover:not(:disabled){background:#ef476f14;border-color:#ef476f8c}.game-clue{width:min(680px,100%);background:var(--color-surface);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;border:1.5px solid var(--color-border)}.game-clue__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--color-text-muted);margin-bottom:8px}.game-clue__meta{margin:10px 0 0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.game-clue__text{font-size:clamp(1.15rem,4.2vw,1.7rem);font-weight:800;line-height:1.25;color:var(--color-text)}.game-word-area{width:min(680px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.game-word-area__guess{display:flex;flex-direction:column;align-items:center;gap:8px}.game-word-area__guess-btn{min-width:128px;width:auto;max-width:min(92vw,520px);text-align:center}.game-word-area__guess-count{margin:0;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.game-word-area__reset-btn{min-width:128px;width:auto;padding:9px 16px;font-size:.82rem;font-weight:700;color:var(--color-text-muted);background:#64748b1f;border:1.5px solid rgba(100,116,139,.4);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.game-word-area__reset-btn:hover:not(:disabled){color:var(--color-text);background:#64748b38;border-color:#64748bb3;box-shadow:0 4px 14px #64748b33}.game-word-area__give-up-btn{min-width:128px;width:auto;padding:9px 16px;font-size:.82rem;font-weight:700;color:#ef476f;background:#ef476f1a;border:1.5px solid rgba(239,71,111,.5)}.game-word-area__give-up-btn:hover:not(:disabled){color:#fff;background:#ef476f59;border-color:#ef476fe6;box-shadow:0 6px 20px #ef476f47}.game-header__stat-value--tweaks{color:var(--color-primary);font-size:1.6rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@media (max-width: 360px){:root{--tile-size: 40px;--tile-font: 1rem}.game-header{padding:12px 14px 10px}.word-display__tiles{gap:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.game-header__clue-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.game-header__start-word{font-size:.82rem;color:var(--color-text-muted);margin-top:6px}.game-header__start-value{color:var(--color-secondary);font-size:1rem;letter-spacing:.08em}.game-header__stat-value--difficulty{font-size:1.1rem}.game-header__stats .game-header__stat{min-width:60px}.blanks-row{display:flex;gap:6px;align-items:center;justify-content:center;padding:8px 0}.blanks-row__blank{width:clamp(24px,6vw,36px);height:clamp(24px,6vw,36px);border-radius:var(--radius-sm);border:2px solid var(--color-border);background:transparent;display:inline-block}.guess-input{display:flex;gap:10px;width:100%;max-width:400px}.guess-input__field{flex:1;height:48px;padding:0 14px;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;outline:none;transition:border-color .15s,box-shadow .15s}.guess-input__field::placeholder{color:var(--color-text-faint);font-weight:400;letter-spacing:0;text-transform:none}.guess-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff33}.guess-input__field:disabled{opacity:.4;cursor:not-allowed}.guess-input__submit{height:48px;padding:0 20px;flex-shrink:0;border-radius:var(--radius-pill)}.guess-history{width:100%;max-width:400px}.guess-history__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.guess-history__list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.guess-history__item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface);border-radius:var(--radius-md);border:1.5px solid var(--color-border);animation:item-in .2s ease}.guess-history__item--correct{border-color:var(--color-secondary);background:#43c59e14}.guess-history__item--wrong{border-color:#ef476f4d}.guess-history__item--newest{box-shadow:0 0 0 2px #6c63ff59}.guess-history__number{width:20px;font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-align:center;flex-shrink:0}.guess-history__word{flex:1;font-family:var(--font-body);font-weight:800;font-size:1rem;letter-spacing:.1em;color:var(--color-text)}.guess-history__badge{font-size:1rem;flex-shrink:0}.lost-screen__card{border-color:#ef476f40}.lost-screen__label{font-size:1.8rem;font-weight:800;color:var(--color-danger);text-align:center}.lost-screen__note{font-size:.9rem;color:var(--color-text-muted);text-align:center}.puzzle-card--won{border-color:var(--color-secondary)}.puzzle-card--lost{border-color:#ef476f66}.puzzle-card--given-up{border-color:var(--color-border)}.puzzle-card__outcome{font-size:.75rem;font-weight:800}.puzzle-card__outcome--win{color:var(--color-secondary)}.puzzle-card__outcome--lose{color:var(--color-danger)}.puzzle-card__outcome--give-up{color:var(--color-text-faint)}@media (prefers-color-scheme: light){:root{--color-bg: #f5f5f9;--color-surface: #ffffff;--color-surface-2: #f0f0f7;--color-border: #d8d8e8;--color-text: #1a1a2e;--color-text-muted: #666680;--color-text-faint: #aaaacc}.home-screen__title,.game-header__title{background:linear-gradient(135deg,#2a2060 0%,var(--color-primary) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.win-screen__label{-webkit-text-fill-color:transparent}}.game-header{position:static;padding:22px 16px 10px;border-bottom:0;background:transparent;align-items:center;text-align:center;gap:14px}.game-header__top{width:min(680px,100%);justify-content:center}.game-header__title{font-size:clamp(1.45rem,4vw,2rem)}.game-header__clue-box{width:min(680px,100%);background:var(--color-surface);border-radius:var(--radius-lg);padding:18px 16px;text-align:center}.game-header__clue-label{margin:0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--color-text-muted)}.game-header__clue{font-size:clamp(1.25rem,4.8vw,1.9rem);line-height:1.25;font-weight:800;margin-top:8px}.game-header__start-word{font-size:clamp(1rem,3.8vw,1.35rem);margin-top:12px;color:var(--color-text-muted)}.game-header__start-value{color:var(--color-secondary);font-size:1.08em;letter-spacing:.09em}.game-header__stats{width:min(680px,100%);justify-content:center}.game-header__stat{min-width:60px}.game-header__stat-value{font-size:1.12rem}.game-screen__main{max-width:680px;padding:6px 16px 40px;gap:22px}.start-word-display{width:min(680px,100%);text-align:center;display:flex;flex-direction:column;gap:4px}.start-word-display__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:var(--color-text-muted)}.start-word-display__row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.start-word-display__word{font-family:var(--font-mono);font-size:clamp(2rem,9vw,3.2rem);font-weight:900;letter-spacing:.14em;color:var(--color-secondary);line-height:1;text-shadow:0 0 16px rgba(67,197,158,.2)}.start-word-display__distance{font-size:clamp(1.1rem,4vw,1.6rem);font-weight:900;color:var(--color-danger);letter-spacing:.02em;line-height:1;white-space:nowrap;text-shadow:0 0 12px rgba(239,71,111,.3)}.guess-input{position:relative;width:min(680px,100%)}.guess-input__hidden{position:absolute;width:1px;height:1px;top:0;left:0;opacity:0;pointer-events:none}.guess-input__row{width:100%;display:flex;align-items:stretch;justify-content:center;gap:10px}.guess-input__blocks{display:flex;justify-content:center;gap:8px;flex:1}.guess-input__block{width:clamp(48px,9vw,64px);height:clamp(56px,10vw,72px);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:var(--font-mono);font-size:clamp(1.25rem,3.8vw,1.8rem);font-weight:800}.guess-input__block:disabled{opacity:.4}.guess-input__block--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #6c63ff40}.guess-input__letter{line-height:1}.guess-input__cursor{position:absolute;bottom:9px;width:2px;height:55%;background:var(--color-primary-hover);animation:guess-cursor-blink 1s steps(1,end) infinite}@keyframes guess-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.guess-input__submit{min-width:clamp(92px,20vw,128px);height:auto;border-radius:var(--radius-md);font-size:clamp(1rem,2.7vw,1.12rem);padding:0 18px;font-weight:800}.guess-history{width:min(680px,100%)}.guess-history__list{gap:2px;max-height:200px}.guess-history__item{padding:5px 8px;gap:8px;background:transparent;border:none;border-radius:0;border-bottom:1px solid rgba(46,46,64,.5);animation:item-in .2s ease}.guess-history__item:last-child{border-bottom:none}.guess-history__word{font-size:.82rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-muted)}.guess-history__entry-tweaks{flex:1;font-size:.75rem;color:var(--color-text-faint)}.guess-history__badge{font-size:.8rem;opacity:.8}.current-distance{width:min(680px,100%);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.current-distance__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.current-distance__value{display:flex;align-items:center;gap:10px}.current-distance__text{font-size:.9rem;color:var(--color-text);font-weight:700}.current-distance__target{font-size:.8rem;color:var(--color-text-muted)}.tweak-meter{display:inline-flex;align-items:center;gap:4px}.tweak-meter--sm{gap:3px}.tweak-meter__dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--color-border);background:transparent}.tweak-meter--sm .tweak-meter__dot{width:7px;height:7px}.tweak-meter__dot--filled{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px #6c63ff59}.tweak-meter__overflow{font-size:.75rem;color:var(--color-text-muted);font-weight:700;margin-left:2px}@media (max-width: 420px){.game-header__top{flex-direction:row}.guess-input__row{gap:8px}.guess-input__block{width:clamp(42px,10vw,54px);height:clamp(52px,11vw,64px)}.guess-input__submit{min-width:86px}}.btn--maker{background:var(--color-secondary);color:#0a1f1a;box-shadow:0 4px 16px #43c59e59}.btn--maker:hover:not(:disabled){background:#59d4ad;box-shadow:0 4px 24px #43c59e8c}.home-screen__modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-screen__mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 12px;border-radius:var(--radius-lg);text-align:center}.home-screen__mode-btn .btn__icon{font-size:1.6rem}.home-screen__mode-btn-text{display:flex;flex-direction:column;gap:3px}.home-screen__mode-btn-name{font-size:1rem;font-weight:800;line-height:1}.home-screen__mode-btn-desc{font-size:.72rem;opacity:.75;font-weight:500;line-height:1.2}.word-maker-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.word-maker-screen--complete{align-items:center;justify-content:center;padding:24px 20px}.word-maker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1.5px solid var(--color-border);background:var(--color-surface)}.word-maker-header__back{font-size:.88rem;padding:7px 14px}.word-maker-difficulty-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:var(--radius-pill);border:1.5px solid}.word-maker-difficulty-badge--easy{color:var(--color-secondary);border-color:var(--color-secondary);background:#43c59e1a}.word-maker-difficulty-badge--medium{color:var(--color-warning);border-color:var(--color-warning);background:#ffd1661a}.word-maker-difficulty-badge--hard{color:var(--color-danger);border-color:var(--color-danger);background:#ef476f1a}.word-maker-main{flex:1;max-width:520px;width:100%;margin:0 auto;padding:28px 20px 48px;display:flex;flex-direction:column;gap:24px}.word-maker-prompt{text-align:center;display:flex;flex-direction:column;gap:6px}.word-maker-prompt__label{font-size:.9rem;font-weight:500;color:var(--color-text-muted);line-height:1.4;margin-bottom:2px}.word-maker-prompt__word{margin:4px 0 10px;line-height:1}.word-maker-prompt__word .word-maker-start-chip{font-size:clamp(2.2rem,9vw,3.2rem);padding:8px 24px;letter-spacing:.18em}.word-maker-prompt__line{font-size:clamp(1.1rem,4vw,1.4rem);font-weight:600;color:var(--color-text);line-height:1.4}.word-maker-prompt__emphasis{color:var(--color-secondary);font-weight:900}.word-maker-start-chip{display:inline-block;background:#43c59e1f;border:1.5px solid rgba(67,197,158,.4);color:var(--color-secondary);font-family:var(--font-mono);font-size:1.1em;font-weight:900;letter-spacing:.12em;border-radius:var(--radius-sm);padding:2px 10px;line-height:1.5}.word-maker-rules{margin-top:8px;opacity:.7;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:center;gap:16px}.word-maker-rules__label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.word-maker-rules__list{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px}.word-maker-rules__list li{font-size:.86rem;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.word-maker-rules__list li:before{content:"•";color:var(--color-secondary);font-size:1rem}.word-maker-progress{display:flex;align-items:center;gap:12px;justify-content:center}.word-maker-progress__pips{display:flex;gap:8px;align-items:center}.word-maker-progress__pip{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);background:transparent;transition:background .25s,border-color .25s,transform .2s}.word-maker-progress__pip--filled{background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 0 10px #43c59e66;transform:scale(1.15)}.word-maker-progress__label{font-size:.82rem;color:var(--color-text-muted);font-weight:700;white-space:nowrap}.word-maker-input-row{display:flex;gap:10px;align-items:center}.word-maker-input{flex:1;height:52px;padding:0 16px;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);font-size:1.2rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;outline:none;transition:border-color .15s,box-shadow .15s}.word-maker-input::placeholder{font-family:var(--font-body);font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--color-text-faint)}.word-maker-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #43c59e33}.word-maker-submit-btn{height:52px;padding:0 20px;flex-shrink:0;border-radius:var(--radius-md)}.word-maker-feedback{padding:10px 14px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;animation:slide-in .2s ease}.word-maker-feedback--error{background:#ef476f1a;border:1.5px solid rgba(239,71,111,.35);color:var(--color-danger)}.word-maker-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-muted);margin-bottom:10px}.word-maker-found{display:flex;flex-direction:column}.word-maker-found-grid{display:flex;flex-wrap:wrap;gap:8px}.word-maker-found-pill{background:#43c59e1f;border:1.5px solid rgba(67,197,158,.4);color:var(--color-secondary);font-family:var(--font-mono);font-size:1rem;font-weight:800;letter-spacing:.1em;padding:7px 14px;border-radius:var(--radius-pill);animation:pill-pop .3s cubic-bezier(.22,1,.36,1)}.word-maker-found-pill--done{animation:none}@keyframes pill-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.word-maker-invalid{display:flex;flex-direction:column}.word-maker-invalid-list{display:flex;flex-direction:column;gap:6px}.word-maker-invalid-item{display:flex;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--color-border)}.word-maker-invalid-item:last-child{border-bottom:none}.word-maker-invalid-item__word{font-family:var(--font-mono);font-size:.95rem;font-weight:800;color:var(--color-text-muted);letter-spacing:.06em;flex-shrink:0}.word-maker-invalid-item__reason{font-size:.8rem;color:var(--color-text-faint)}.word-maker-complete-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:36px 28px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:var(--shadow-md);animation:card-in .35s cubic-bezier(.22,1,.36,1);text-align:center}.word-maker-complete-card__icon{font-size:4rem;line-height:1;animation:badge-pop .5s cubic-bezier(.22,1,.36,1) .1s both}.word-maker-complete-card__title{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--color-secondary),#59d4ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.word-maker-complete-card__subtitle{font-size:1rem;color:var(--color-text-muted);line-height:1.5}.word-maker-complete-card__actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}@media (max-width: 400px){.home-screen__modes{grid-template-columns:1fr}.word-maker-rules{flex-direction:column;align-items:flex-start;gap:8px}.word-maker-rules__list{flex-direction:column;gap:4px}}.btn--twd{background:var(--color-warning);color:#1a1000;box-shadow:0 4px 16px #ffd16659}.btn--twd:hover:not(:disabled){background:#ffe066;box-shadow:0 4px 24px #ffd1668c}.home-screen__mode-btn--twd{grid-column:1 / -1}.twd-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.twd-screen--summary{align-items:center;justify-content:center;padding:24px 20px}.twd-countdown{flex:1;display:flex;align-items:center;justify-content:center}.twd-countdown__value{font-size:clamp(6rem,25vw,12rem);font-weight:900;font-family:var(--font-mono);color:var(--color-warning);line-height:1;text-shadow:0 0 40px rgba(255,209,102,.4);animation:twd-pop .25s cubic-bezier(.22,1,.36,1)}.twd-countdown__value--go{color:var(--color-secondary);text-shadow:0 0 40px rgba(67,197,158,.4)}@keyframes twd-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.twd-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1.5px solid var(--color-border);background:var(--color-surface)}.twd-round-badge{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.twd-timer{font-family:var(--font-mono);font-size:1.1rem;font-weight:900;color:var(--color-warning);min-width:64px;text-align:right}.twd-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:32px 20px;max-width:480px;margin:0 auto;width:100%}.twd-prompt{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.twd-words{display:flex;flex-direction:column;align-items:center;gap:8px}.twd-word{font-family:var(--font-mono);font-size:clamp(3rem,14vw,5rem);font-weight:900;letter-spacing:.12em;color:var(--color-text);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.twd-word-arrow{font-size:1.4rem;color:var(--color-text-faint);line-height:1}.twd-input-area{display:flex;gap:12px;align-items:center;justify-content:center}.twd-input{width:96px;height:64px;text-align:center;font-size:2rem;font-weight:900;font-family:var(--font-mono);background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.twd-input:focus{border-color:var(--color-warning);box-shadow:0 0 0 3px #ffd16633}.twd-input::-webkit-inner-spin-button,.twd-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.twd-input[type=number]{-moz-appearance:textfield}.twd-submit-btn{height:64px;padding:0 24px;font-size:1rem;border-radius:var(--radius-md)}.twd-answer-btns{display:flex;gap:clamp(4px,2vw,12px);align-items:center;justify-content:center;flex-wrap:nowrap;width:100%}.twd-answer-btn{position:relative;flex:1 1 0;min-width:0;max-width:72px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:clamp(1rem,4vw,2rem);font-weight:900;background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background .1s,border-color .12s,box-shadow .12s,transform .1s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.twd-answer-btn:hover{border-color:var(--color-warning);box-shadow:0 0 0 3px #ffd16633;transform:scale(1.06)}.twd-answer-btn:active{transform:scale(.91);background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface-2));border-color:var(--color-warning);box-shadow:0 0 0 3px #ffd1664d}.twd-answer-btn.twd-demo-btn--hover{border-color:var(--color-warning);box-shadow:0 0 0 3px #ffd16640;transform:scale(1.06)}.twd-answer-btn.twd-demo-btn--hover:before{content:"▼";position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:.9rem;color:var(--color-warning);animation:twd-cursor-bounce .55s ease-in-out infinite}@keyframes twd-cursor-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.twd-answer-btn.twd-demo-btn--selected{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface-2));border-color:var(--color-warning);box-shadow:0 0 0 3px #ffd1664d;animation:twd-demo-btn-press .28s ease forwards}@keyframes twd-demo-btn-press{0%{transform:scale(1.06)}40%{transform:scale(.9)}to{transform:scale(1)}}.twd-feedback{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 40px;border-radius:var(--radius-lg);animation:card-in .2s ease;text-align:center;width:100%;max-width:320px}.twd-feedback--correct{background:#43c59e1a;border:1.5px solid rgba(67,197,158,.4)}.twd-feedback--incorrect{background:#ef476f1a;border:1.5px solid rgba(239,71,111,.4)}.twd-feedback__icon{font-size:2.5rem;line-height:1}.twd-feedback__text{font-size:1.1rem;font-weight:700}.twd-feedback--correct .twd-feedback__text{color:var(--color-secondary)}.twd-feedback--incorrect .twd-feedback__text{color:var(--color-danger)}.twd-feedback__time{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--color-text-muted)}.twd-summary{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:var(--shadow-md);animation:card-in .35s cubic-bezier(.22,1,.36,1)}.twd-summary__icon{font-size:3rem;line-height:1}.twd-summary__title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--color-warning) 0%,#ffa500 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.twd-summary__rounds{width:100%;display:flex;flex-direction:column;gap:8px}.twd-summary__round{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-surface-2);border:1.5px solid var(--color-border);font-size:.88rem}.twd-summary__round--correct{border-color:#43c59e66;background:#43c59e0f}.twd-summary__round--incorrect{border-color:#ef476f4d}.twd-summary__round-num{font-weight:800;color:var(--color-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.twd-summary__round-words{font-family:var(--font-mono);font-weight:700;color:var(--color-text);font-size:.85rem;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twd-summary__round-result{font-weight:700;font-size:.88rem;white-space:nowrap}.twd-summary__round-time{font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-muted);white-space:nowrap;text-align:right}.twd-summary__totals{width:100%;display:flex;justify-content:center;gap:20px;background:var(--color-surface-2);border-radius:var(--radius-md);padding:16px 24px;border:1.5px solid var(--color-border)}.twd-summary__total-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.twd-summary__total-label{font-size:.68rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.twd-summary__total-value{font-size:1.5rem;font-weight:900;color:var(--color-text);font-family:var(--font-mono)}.twd-summary__score-value{color:var(--color-warning);font-size:2rem}.twd-summary__actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.twd-demo-animation-container{overflow:hidden;max-height:700px;opacity:1;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .35s ease}.twd-demo-animation-container--collapsed{max-height:0;opacity:0}.twd-demo-replay-area{display:flex;justify-content:center;padding:14px 20px;border-bottom:1.5px solid var(--color-border);animation:twd-replay-in .3s ease both}@keyframes twd-replay-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.twd-demo-alert{display:flex;align-items:center;justify-content:center;align-self:center;width:fit-content;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 35%,transparent);border-radius:20px;padding:5px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary);margin:8px auto 0}.twd-demo-word{display:flex;justify-content:center;align-items:baseline}.twd-demo-letter{font-family:var(--font-mono);font-size:clamp(3rem,14vw,5rem);font-weight:900;letter-spacing:.12em;line-height:1;color:var(--color-text);text-shadow:0 2px 8px rgba(0,0,0,.3);transition:color .3s ease,text-shadow .3s ease}.twd-demo-letter--match{color:var(--color-secondary);text-shadow:0 0 14px rgba(67,197,158,.3)}.twd-demo-letter--changed{color:var(--color-warning);text-shadow:0 0 24px rgba(255,209,102,.55);animation:twd-demo-letter-shake-pop .5s cubic-bezier(.22,1,.36,1)}@keyframes twd-demo-letter-shake-pop{0%{transform:scale(1) translate(0)}18%{transform:scale(1.28) translate(-5px)}32%{transform:scale(1.28) translate(5px)}46%{transform:scale(1.28) translate(-4px)}60%{transform:scale(1.2) translate(3px)}78%{transform:scale(1.1) translate(-1px)}to{transform:scale(1) translate(0)}}.twd-demo-change-counter{display:flex;align-items:center;gap:10px}.twd-demo-change-counter__label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.twd-demo-change-counter__value{font-family:var(--font-mono);font-size:2.2rem;font-weight:900;color:var(--color-text-muted);min-width:1.5ch;text-align:center;display:inline-block;animation:twd-pop .25s cubic-bezier(.22,1,.36,1)}.twd-demo-change-counter__value--active{color:var(--color-warning);text-shadow:0 0 20px rgba(255,209,102,.5)}.twd-demo-change-counter__hint{font-size:.82rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.06em}.twd-demo-submit--clicking{animation:twd-demo-click .25s ease forwards}@keyframes twd-demo-click{0%{transform:scale(1)}45%{transform:scale(.92)}to{transform:scale(1)}}.twd-main--demo{justify-content:flex-start;padding-top:28px;gap:22px}.twd-demo-ready-section{flex-shrink:0;padding:20px 20px 32px;border-top:1.5px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.twd-demo-ready-section__title{font-size:1.35rem;font-weight:900;color:var(--color-text)}.twd-demo-ready-section__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.twd-screen--ready{align-items:center;justify-content:center;padding:24px 20px}.twd-ready{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:40px 28px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;box-shadow:var(--shadow-md);animation:card-in .3s cubic-bezier(.22,1,.36,1)}.twd-ready__icon{font-size:3.5rem;line-height:1;animation:badge-pop .5s cubic-bezier(.22,1,.36,1) .05s both}.twd-ready__title{font-size:2rem;font-weight:900;color:var(--color-text)}.twd-ready__desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6;max-width:300px}.twd-ready__actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;padding-top:4px}@media (max-width: 380px){.twd-word{font-size:clamp(2.2rem,14vw,3rem);letter-spacing:.08em}.twd-summary__round{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}.twd-summary__round-time{grid-column:3;grid-row:1}.twd-summary__round-result{grid-column:3;grid-row:2}}.home-screen__how-to-play{margin-top:4px;font-size:.8rem;opacity:.75}.home-screen__how-to-play:hover{opacity:1}.wm-demo-animation-container{overflow:hidden;max-height:900px;opacity:1;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s ease}.wm-demo-animation-container--collapsed{max-height:0;opacity:0}.wm-demo-alert{display:flex;align-items:center;justify-content:center;align-self:center;width:fit-content;background:color-mix(in srgb,var(--color-secondary) 12%,transparent);border:1.5px solid color-mix(in srgb,var(--color-secondary) 30%,transparent);border-radius:20px;padding:4px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-secondary);margin:6px auto 0}.wm-demo-word-area{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px}.wm-demo-word-display{display:flex;justify-content:center;align-items:center;gap:2px;min-height:72px}.wm-demo-word-display--accepted{animation:wm-demo-word-accept .4s cubic-bezier(.22,1,.36,1)}@keyframes wm-demo-word-accept{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.wm-demo-letter{font-family:var(--font-mono);font-size:clamp(2.4rem,11vw,3.8rem);font-weight:900;letter-spacing:.06em;line-height:1;color:var(--color-text);animation:wm-demo-letter-appear .15s ease both}.wm-demo-letter--inserted{color:var(--color-secondary);text-shadow:0 0 20px rgba(67,197,158,.5);animation:wm-demo-letter-insert .45s cubic-bezier(.22,1,.36,1) both}.wm-demo-letter--replaced{color:var(--color-warning);text-shadow:0 0 20px rgba(255,209,102,.5);animation:wm-demo-letter-replace .5s cubic-bezier(.22,1,.36,1) both}.wm-demo-letter--accepted{color:var(--color-secondary);text-shadow:0 0 12px rgba(67,197,158,.3);animation:wm-demo-letter-appear .15s ease both}@keyframes wm-demo-letter-appear{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes wm-demo-letter-insert{0%{opacity:0;transform:scale(0) translateY(12px)}55%{transform:scale(1.32) translateY(-4px);opacity:1}80%{transform:scale(.94) translateY(0)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes wm-demo-letter-replace{0%{transform:scale(1) translate(0)}18%{transform:scale(1.28) translate(-5px)}32%{transform:scale(1.28) translate(5px)}46%{transform:scale(1.28) translate(-4px)}60%{transform:scale(1.2) translate(3px)}78%{transform:scale(1.1) translate(-1px)}to{transform:scale(1) translate(0)}}.wm-demo-change-counter{display:flex;align-items:center;gap:8px}.wm-demo-change-counter__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.wm-demo-change-counter__value{font-family:var(--font-mono);font-size:2rem;font-weight:900;color:var(--color-text-muted);min-width:1.4ch;text-align:center;display:inline-block;animation:twd-pop .25s cubic-bezier(.22,1,.36,1) both}.wm-demo-change-counter__value--active{color:var(--color-secondary);text-shadow:0 0 16px rgba(67,197,158,.45)}.wm-demo-change-counter__needed{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.wm-demo-checkmark{display:flex;align-items:center;gap:8px;animation:twd-pop .3s cubic-bezier(.22,1,.36,1) both}.wm-demo-checkmark__icon{font-size:1.3rem;line-height:1}.wm-demo-checkmark__text{font-size:1rem;font-weight:800;color:var(--color-secondary)}.wm-demo-replay-area{display:flex;justify-content:center;padding:14px 20px;border-bottom:1.5px solid var(--color-border);animation:twd-replay-in .3s ease both}.wm-demo-ready-section{flex-shrink:0;padding:20px 20px 32px;border-top:1.5px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.wm-demo-ready-section__title{font-size:1.35rem;font-weight:900;color:var(--color-text);margin:0}.wm-demo-ready-section__actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}@media (max-width: 380px){.wm-demo-letter{font-size:clamp(2rem,11vw,3rem);letter-spacing:.04em}}.wm-demo-menu-screen{display:flex;align-items:center;justify-content:center;padding:24px 20px}.wm-demo-menu{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:40px 28px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;box-shadow:var(--shadow-md);animation:card-in .3s cubic-bezier(.22,1,.36,1)}.wm-demo-menu__icon{font-size:3.5rem;line-height:1;animation:badge-pop .5s cubic-bezier(.22,1,.36,1) .05s both}.wm-demo-menu__title{font-size:2rem;font-weight:900;color:var(--color-text);margin:0}.wm-demo-menu__desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.6;max-width:300px;margin:0}.wt-demo-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg);position:relative;overflow-x:hidden}.wt-demo-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.wt-demo-skip-btn{flex-shrink:0}.wt-demo-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 16px 24px;max-width:480px;margin:0 auto;width:100%}.wt-demo-overlay-text{display:flex;flex-direction:column;align-items:center;gap:2px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 28%,transparent);border-radius:var(--radius-lg);padding:14px 20px;text-align:center;width:100%;max-width:360px;animation:wt-demo-overlay-in .45s cubic-bezier(.22,1,.36,1) both}.wt-demo-overlay-text__line{font-size:clamp(.95rem,3.5vw,1.15rem);font-weight:700;color:var(--color-text);line-height:1.45}@keyframes wt-demo-overlay-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wt-demo-tile--tap{border-color:var(--color-primary)!important;background:#1e1e30!important;box-shadow:0 0 22px #6c63ff8c!important;animation:wt-demo-tap .9s cubic-bezier(.22,1,.36,1) infinite!important}@keyframes wt-demo-tap{0%,to{transform:scale(1);box-shadow:0 0 12px #6c63ff59}50%{transform:scale(1.12) translateY(-3px);box-shadow:0 0 28px #6c63ffb3}}.wt-demo-tile--changed{border-color:var(--color-secondary)!important;color:var(--color-secondary)!important;background:color-mix(in srgb,var(--color-secondary) 12%,transparent)!important;animation:wt-demo-changed .55s cubic-bezier(.22,1,.36,1) both!important}@keyframes wt-demo-changed{0%{transform:scale(.75);opacity:.4}60%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}.wt-demo-tile--new{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-primary) 12%,transparent)!important;animation:wt-demo-tile-new .55s cubic-bezier(.22,1,.36,1) both!important}@keyframes wt-demo-tile-new{0%{transform:scale(0) rotate(-12deg);opacity:0}65%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.wt-demo-add-btn--highlight{background:var(--color-primary)!important;border-color:var(--color-primary)!important;border-style:solid!important;color:#fff!important;box-shadow:0 0 22px #6c63ff8c!important;animation:wt-demo-add-pulse .9s cubic-bezier(.22,1,.36,1) infinite!important}@keyframes wt-demo-add-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.wt-demo-static-input{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:2.2rem;font-weight:800;color:var(--color-text);background:var(--color-surface-2);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:0 0 0 3px #6c63ff47;text-transform:uppercase;animation:wt-demo-input-appear .35s cubic-bezier(.22,1,.36,1) .15s both;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes wt-demo-input-appear{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.wt-demo-guess-btn--win{background:var(--color-secondary)!important;border-color:var(--color-secondary)!important;color:#0f1d18!important;animation:wt-demo-overlay-in .4s cubic-bezier(.22,1,.36,1) both!important;cursor:default!important}.wt-demo-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px 28px;border-top:1px solid var(--color-border)}.wt-demo-tweak-count{animation:wt-demo-count-pop .45s cubic-bezier(.22,1,.36,1) both}@keyframes wt-demo-count-pop{0%{transform:scale(.6)}60%{transform:scale(1.35)}to{transform:scale(1)}}.wt-demo-win-badge{display:flex;flex-direction:column;align-items:center;gap:4px;animation:wt-demo-overlay-in .5s cubic-bezier(.22,1,.36,1) both}.wt-demo-win-badge__text{font-size:.9rem;font-weight:700;color:var(--color-secondary);text-align:center}.wt-demo-win-badge__stars{font-size:1.4rem;animation:wt-demo-stars-pop .6s cubic-bezier(.22,1,.36,1) .3s both}@keyframes wt-demo-stars-pop{0%{transform:scale(0);opacity:0}65%{transform:scale(1.35)}to{transform:scale(1);opacity:1}}.wt-demo-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:wt-demo-overlay-in .4s cubic-bezier(.22,1,.36,1) both}.wt-demo-complete__card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:32px 28px;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:var(--shadow-md)}.wt-demo-complete__emoji{font-size:2.2rem;margin:0 0 4px;line-height:1}.wt-demo-complete__title{font-size:1.5rem;font-weight:900;color:var(--color-text);margin:0}.wt-demo-complete__subtitle{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin:0 0 8px;line-height:1.5}.wt-demo-complete__actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.wt-demo-replay-btn{color:var(--color-text-muted)}.home-screen__how-to-play-btn{grid-column:1 / -1}@media (prefers-reduced-motion: reduce){.wt-demo-tile--tap,.wt-demo-tile--changed,.wt-demo-tile--new,.wt-demo-add-btn--highlight,.wt-demo-overlay-text,.wt-demo-tweak-count,.wt-demo-win-badge__stars,.wt-demo-complete,.wt-demo-static-input,.wt-demo-guess-btn--win{animation:none!important;transition-duration:.01ms!important}}.wm-demo-menu__actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}