@font-face{font-family: 'Kalam';font-style: normal;font-weight: 700;font-display: swap;src: url('/fonts/kalam-700.woff2') format('woff2')}:root{--paper: #fbfaf4;--grid: rgba(64, 116, 196, 0.09);--margin-line: rgba(229, 72, 77, 0.22);--ink: #2142b5;--ink-soft: #6a7cc2;--text: #1b2232;--muted: #697084;--line: #e2e5ee;--card: #ffffff;--card-2: #f2f3f8;--key: #ffffff;--key-dia: #f3f1ff;--key-text: #1b2232;--key-edge: #d3d8e4;--good: #1a8f50;--good-bg: #dcf4e6;--good-edge: #a7dfbf;--bad: #d43f3f;--bad-bg: #fde5e5;--hint: #a8680c;--hint-bg: #fff1c9;--hint-edge: #f2d58a;--primary: #2346c8;--primary-edge: #172f8c;--primary-text: #ffffff;--shadow: 0 1px 2px rgba(20, 30, 60, 0.06), 0 6px 18px rgba(20, 30, 60, 0.07);--font-hand: 'Kalam', 'Chalkboard SE', 'Comic Sans MS', cursive;--font: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--hdr: 56px;--kh: clamp(40px, 6.4svh, 56px);color-scheme: light}[data-theme='dark']{--paper: #1d2a24;--grid: rgba(255, 255, 255, 0.03);--margin-line: transparent;--ink: #f4f1e6;--ink-soft: #b6c3ba;--text: #eef1ea;--muted: #a1afa6;--line: #34453c;--card: #25342d;--card-2: #2b3b33;--key: #2e3f36;--key-dia: #33463c;--key-text: #f1f3ed;--key-edge: #18221d;--good: #6fdc9b;--good-bg: #1f4b36;--good-edge: #2d6a4b;--bad: #ff8a8a;--bad-bg: #4c2729;--hint: #ffd27a;--hint-bg: #4b3e1f;--hint-edge: #6d5a2c;--primary: #ffd75e;--primary-edge: #b48f1f;--primary-text: #1b2620;--shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.22);color-scheme: dark}*, *::before, *::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;font-family: var(--font);color: var(--text);background-color: var(--paper);background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size: 22px 22px;background-position: -1px -1px;-webkit-font-smoothing: antialiased;min-height: 100vh}[data-theme='dark'] body{background-image: radial-gradient(ellipse at 25% 10%, rgba(255, 255, 255, 0.05), transparent 55%), radial-gradient(ellipse at 80% 70%, rgba(255, 255, 255, 0.03), transparent 50%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size: auto, auto, 22px 22px, 22px 22px}@media (min-width: 1100px){body::before{content: '';position: fixed;top: 0;bottom: 0;left: 64px;width: 2px;background: var(--margin-line);pointer-events: none;z-index: -1}}a{color: var(--primary)}[data-theme='dark'] a{color: var(--primary)}button{font: inherit;color: inherit}img, svg{max-width: 100%}kbd{font: 600 0.82em/1 var(--font);padding: 2px 6px;border-radius: 6px;border: 1px solid var(--line);background: var(--card-2);box-shadow: 0 1px 0 var(--line)}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 8px;top: -60px;z-index: 200;background: var(--primary);color: var(--primary-text);padding: 10px 14px;border-radius: 10px;font-weight: 700}.skip:focus{top: 8px}:focus-visible{outline: 3px solid var(--primary);outline-offset: 2px}.hdr{height: var(--hdr);max-width: 1100px;margin: 0 auto;padding: 0 10px 0 12px;display: flex;align-items: center;justify-content: space-between;gap: 8px}.brand{display: flex;align-items: center;gap: 9px;margin: 0;font: 700 25px/1 var(--font-hand);color: var(--ink);text-decoration: none;letter-spacing: 0.2px;white-space: nowrap}.brand a{color: inherit;text-decoration: none;display: flex;align-items: center;gap: 9px}.brand svg{width: 32px;height: 32px;flex: none}.brand-sub{font: 600 12px/1 var(--font);color: var(--muted);letter-spacing: 0;align-self: flex-end;margin-bottom: 3px}.hdr-actions{display: flex;gap: 2px}.icon-btn{position: relative;width: 42px;height: 42px;border-radius: 12px;display: inline-grid;place-items: center;background: transparent;border: 0;color: var(--text);cursor: pointer;text-decoration: none;-webkit-tap-highlight-color: transparent;transition: background 0.15s, transform 0.1s}.icon-btn svg{width: 22px;height: 22px;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.icon-btn:hover{background: var(--card-2)}.icon-btn:active{transform: scale(0.94)}.icon-btn:disabled{opacity: 0.35;cursor: default;background: transparent;transform: none}.icon-btn .badge{position: absolute;top: 4px;right: 3px;min-width: 17px;height: 17px;padding: 0 4px;border-radius: 99px;background: var(--hint);color: #fff;font: 800 11px/17px var(--font)}[data-theme='dark'] .icon-btn .badge{color: #1b2620}.icon-btn:disabled .badge{background: var(--muted)}.app{display: flex;flex-direction: column;height: calc(100vh - var(--hdr));height: calc(100svh - var(--hdr));min-height: 500px;max-height: 900px;max-width: 600px;margin: 0 auto;padding: 0 12px calc(12px + env(safe-area-inset-bottom))}.app[data-view='setup']{height: auto;max-height: none}.page-title{margin: 0 0 6px;text-align: center;font: 700 20px/1.2 var(--font-hand);color: var(--ink)}.modes{display: flex;gap: 2px;padding: 3px;margin: 0 0 8px;border-radius: 13px;background: var(--card-2);box-shadow: inset 0 0 0 1px var(--line)}.mode{flex: 1;display: flex;align-items: center;justify-content: center;gap: 6px;min-height: 36px;padding: 6px 4px;border-radius: 10px;font-weight: 650;font-size: 14px;color: var(--muted);text-decoration: none;white-space: nowrap;transition: background 0.15s, color 0.15s}.mode:hover{color: var(--text)}.mode.is-active{background: var(--card);color: var(--text);box-shadow: var(--shadow)}.mode .dot{width: 7px;height: 7px;border-radius: 50%;background: #f5a524;box-shadow: 0 0 0 3px rgba(245, 165, 36, 0.2)}.mode.is-active .dot, .mode.done .dot{display: none}.board{flex: 1;min-height: 0;display: flex;flex-direction: column}.modes, .bar, .clue, .word, .page-title{flex: none}.bar{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 2px}.chip{display: flex;align-items: center;gap: 8px;min-width: 0;max-width: 78%;padding: 5px 10px 5px 7px;border-radius: 13px;border: 1px solid var(--line);background: var(--card);color: var(--text);text-align: left;cursor: pointer;box-shadow: 0 1px 0 var(--line);-webkit-tap-highlight-color: transparent;transition: transform 0.1s, border-color 0.15s}.chip:hover{border-color: var(--ink-soft)}.chip:active{transform: scale(0.98)}.chip-emoji{font-size: 21px;line-height: 1}.chip-text{display: flex;flex-direction: column;min-width: 0;line-height: 1.15}.chip-text b{font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.chip-text small{font-size: 12px;color: var(--muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.chip .chev{width: 16px;height: 16px;flex: none;stroke: var(--muted);fill: none;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.app[data-kind='duo'] .chip{cursor: default}.app[data-kind='duo'] .chip .chev, .app[data-kind='daily'] .chip .chev{display: none}.bar-right{display: flex;gap: 2px}.stage{flex: 1 1 auto;min-height: 92px;display: grid;grid-template-columns: 64px minmax(0, 1fr) 64px;align-items: stretch;position: relative}.app[data-view='setup'] .stage{flex: none;height: clamp(84px, 17svh, 150px)}.app[data-view='setup'] .clue, .app[data-view='setup'] .word, .app[data-view='setup'] #hintBtn{display: none}.stage-left, .stage-info{display: flex;flex-direction: column;gap: 8px;padding-top: 6px}.stage-info{align-items: flex-end}.stage-left{align-items: flex-start}.stage-art{min-height: 0;display: flex;justify-content: center}.hangman{height: 100%;max-height: 290px;width: auto;aspect-ratio: 220 / 214;overflow: visible}.pill{font: 800 13px/1 var(--font);padding: 5px 8px;border-radius: 99px;background: var(--card);border: 1px solid var(--line);white-space: nowrap;animation: pop-in 0.4s cubic-bezier(0.2, 1.5, 0.4, 1)}.lives{display: grid;grid-template-columns: repeat(3, 14px);gap: 5px 4px}.heart{width: 14px;height: 13px;background: var(--bad);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.5 10.3 20C4.2 14.5 0 10.8 0 6.3 0 2.7 2.8 0 6.4 0 8.4 0 10.4 1 12 2.5 13.6 1 15.6 0 17.6 0 21.2 0 24 2.7 24 6.3c0 4.5-4.2 8.2-10.3 13.7z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.5 10.3 20C4.2 14.5 0 10.8 0 6.3 0 2.7 2.8 0 6.4 0 8.4 0 10.4 1 12 2.5 13.6 1 15.6 0 17.6 0 21.2 0 24 2.7 24 6.3c0 4.5-4.2 8.2-10.3 13.7z'/%3E%3C/svg%3E") center / contain no-repeat;transition: background 0.3s, transform 0.35s cubic-bezier(0.3, 1.6, 0.5, 1)}.heart.lost{background: var(--line);transform: scale(0.78)}.misses{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 2px 7px;max-width: 64px;font: 700 21px/1 var(--font-hand);color: var(--bad)}.misses span{position: relative;animation: pop-in 0.35s cubic-bezier(0.2, 1.5, 0.4, 1)}.misses span::after{content: '';position: absolute;left: -2px;right: -2px;top: 48%;height: 2px;background: currentColor;transform: rotate(-14deg);border-radius: 2px}.hangman .g, .hangman .f{fill: none;stroke: var(--ink);stroke-linecap: round;stroke-linejoin: round}.hangman .g{stroke-width: 5;opacity: 0.82}.hangman .f{stroke-width: 4.5}.hangman [data-part]{stroke-dasharray: 1;stroke-dashoffset: 1;opacity: 0;transition: stroke-dashoffset 0.5s cubic-bezier(0.6, 0.05, 0.3, 1), opacity 0s}.hangman [data-part].on{stroke-dashoffset: 0;opacity: 1}.hangman .g.on{opacity: 0.82}.hangman.no-anim [data-part], .hangman.no-anim .face, .hangman.no-anim .face *{transition: none !important}.hangman .face{opacity: 0;transition: opacity 0.25s 0.35s}.hangman.has-head .face{opacity: 1}.hangman .face circle{fill: var(--ink);stroke: none}.hangman .face path{fill: none;stroke: var(--ink);stroke-width: 2.6;stroke-linecap: round}.hangman .mouth, .hangman .eyes-x{opacity: 0;transition: opacity 0.2s}.hangman[data-mood='calm'] .m-calm, .hangman[data-mood='worried'] .m-worried, .hangman[data-mood='happy'] .m-happy, .hangman[data-mood='dead'] .m-dead, .hangman[data-mood='dead'] .eyes-x{opacity: 1}.hangman[data-mood='dead'] .eyes-open{opacity: 0}.hangman[data-mood='worried'] .eyes-open circle{r: 2.8}.hangman .arms-up{opacity: 0}.hangman .hang{transform-box: view-box;transform-origin: 152px 23px}.hangman .fig, .hangman .fig-in{transform-box: view-box}.hangman.is-won [data-part]{stroke-dashoffset: 0;opacity: 1;transition-duration: 0.35s}.hangman.is-won .g{opacity: 0.82}.hangman.is-won .rope{opacity: 0;transition: opacity 0.3s}.hangman.is-won .arm{opacity: 0;transition: opacity 0.15s 0.5s}.hangman.is-won .arms-up{opacity: 1;transition: opacity 0.15s 0.5s}.hangman.is-won .fig{animation: freed 0.75s cubic-bezier(0.3, 1.3, 0.5, 1) 0.15s both}.hangman.is-won .fig-in{animation: hop 0.5s ease-in-out 0.95s 4}.hangman.is-lost .hang{animation: swing 2.6s ease-in-out 0.35s infinite}.stage.shake .stage-art{animation: shake 0.38s ease}.clue{display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 2px 10px;margin: 4px 0 6px;font-size: 14px;color: var(--muted);text-align: center}.clue b{color: var(--text);font-weight: 700}.clue-len{font-size: 12.5px;padding: 1px 7px;border-radius: 99px;background: var(--card-2)}.word{--ts: 40px;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;gap: 8px max(16px, calc(var(--ts) * 0.7));min-height: calc(var(--ts) * 1.3);margin: 0 0 12px}.wg{display: flex;gap: 6px}.word.wrap .wg{flex-wrap: wrap;justify-content: center;row-gap: 8px}.t{position: relative;width: var(--ts);height: calc(var(--ts) * 1.3);display: flex;align-items: flex-end;justify-content: center;font: 700 calc(var(--ts) * 0.92) / 1 var(--font-hand);color: var(--ink)}.t::after{content: '';position: absolute;left: 7%;right: 7%;bottom: 0;height: 3px;border-radius: 3px;background: var(--ink);opacity: 0.5}.t-ch{display: block;padding-bottom: calc(var(--ts) * 0.2);transform-origin: 50% 90%}.t.is-given .t-ch{color: var(--ink-soft)}.t.is-hint .t-ch{color: var(--hint)}.t.is-missed .t-ch{color: var(--bad)}.t.pop .t-ch{animation: tile-pop 0.45s cubic-bezier(0.2, 1.5, 0.4, 1) both}.t-sep{width: auto;min-width: calc(var(--ts) * 0.35)}.t-sep::after{display: none}.app[data-status='won'] .t::after{background: var(--good);opacity: 0.8}.panel{flex: none}.kb{--cols: 8;--gap: 5px;display: flex;flex-direction: column;gap: 6px;user-select: none;-webkit-user-select: none;touch-action: manipulation}.kb[data-layout='abc-loose']{--cols: 7}.kb[data-layout^='qwerty']{--cols: 10;--gap: 4px}.kb-row{display: flex;justify-content: center;gap: var(--gap)}.key{flex: 0 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));max-width: 58px;height: var(--kh);padding: 0;border: 0;border-radius: 10px;background: var(--key);color: var(--key-text);font: 700 19px/1 var(--font);box-shadow: 0 2px 0 var(--key-edge), inset 0 0 0 1px var(--key-edge);cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 0.07s, box-shadow 0.07s, background 0.2s, color 0.2s, opacity 0.2s}.key-dia{background: var(--key-dia)}.key:hover:not(:disabled){background: var(--card-2)}.key:active:not(:disabled), .key.pressed:not(:disabled){transform: translateY(2px);box-shadow: 0 0 0 var(--key-edge), inset 0 0 0 1px var(--key-edge)}.key:disabled{cursor: default}.key.is-hit, .key.is-given{background: var(--good-bg);color: var(--good);box-shadow: inset 0 0 0 1px var(--good-edge);transform: translateY(2px)}.key.is-hint{background: var(--hint-bg);color: var(--hint);box-shadow: inset 0 0 0 1px var(--hint-edge);transform: translateY(2px)}.key.is-miss{background: transparent;color: var(--bad);box-shadow: inset 0 0 0 1px var(--line);opacity: 0.55;text-decoration: line-through;text-decoration-thickness: 2px;transform: translateY(2px)}.key.is-hit{animation: key-good 0.35s ease}.key.is-miss{animation: key-bad 0.35s ease}.key.nudge{animation: nudge 0.3s ease}.app[data-status='won'] .key:disabled:not(.is-hit):not(.is-given):not(.is-miss):not(.is-hint), .app[data-status='lost'] .key:disabled:not(.is-hit):not(.is-given):not(.is-miss):not(.is-hint){opacity: 0.45}.result{padding: 14px;border-radius: 18px;background: var(--card);box-shadow: var(--shadow), inset 0 0 0 1px var(--line);animation: rise 0.4s cubic-bezier(0.2, 1, 0.3, 1) both}.result.instant{animation: none}.res-head{display: flex;align-items: center;gap: 12px}.res-emoji{font-size: 38px;line-height: 1;animation: pop-in 0.55s cubic-bezier(0.2, 1.6, 0.4, 1) 0.1s both}.result.instant .res-emoji{animation: none}.res-title{margin: 0;font: 700 26px/1.1 var(--font-hand);color: var(--ink)}.res-sub{margin: 3px 0 0;font-size: 14px;color: var(--muted)}.res-actions{display: grid;gap: 8px;margin-top: 12px}.btn-row{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.countdown{margin: 10px 0 0;font-size: 14px;color: var(--muted);text-align: center}.countdown b{color: var(--text);font-variant-numeric: tabular-nums;font-size: 16px}.dex{display: flex;justify-content: center;gap: 6px;margin-top: 10px;font-size: 13px;color: var(--muted);text-decoration: none}.dex span{color: var(--primary);font-weight: 600}.dex:hover{color: var(--text)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 0 14px;border-radius: 12px;border: 1px solid var(--line);background: var(--card);color: var(--text);font: 650 15px/1.15 var(--font);text-align: center;text-decoration: none;cursor: pointer;box-shadow: 0 2px 0 var(--line);-webkit-tap-highlight-color: transparent;transition: transform 0.08s, box-shadow 0.08s, background 0.15s}.btn:hover{background: var(--card-2)}.btn:active{transform: translateY(2px);box-shadow: 0 0 0 var(--line)}.btn svg{width: 18px;height: 18px;flex: none;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.btn-primary{background: var(--primary);color: var(--primary-text);border-color: transparent;box-shadow: 0 3px 0 var(--primary-edge);font-weight: 750}.btn-primary:hover{background: var(--primary);filter: brightness(1.06)}.btn-primary:active{box-shadow: 0 1px 0 var(--primary-edge)}.btn-wide{width: 100%}.btn kbd{margin-left: 4px;background: rgba(255, 255, 255, 0.18);border-color: rgba(255, 255, 255, 0.3);box-shadow: none;color: inherit;font-size: 11px}@media (pointer: coarse){.btn kbd{display: none}}.linkish{border: 0;background: none;padding: 0;color: var(--primary);font: inherit;font-weight: 600;cursor: pointer;text-decoration: underline;text-underline-offset: 3px}.linkish.danger{color: var(--bad)}.setup{animation: rise 0.35s cubic-bezier(0.2, 1, 0.3, 1) both}.duo{display: grid;gap: 12px;padding: 16px;border-radius: 18px;background: var(--card);box-shadow: var(--shadow), inset 0 0 0 1px var(--line)}.duo-lead{margin: 0;font-size: 15.5px;line-height: 1.45}.field{display: grid;gap: 5px}.field-label{font-size: 13px;font-weight: 700;color: var(--muted)}.field-label i{font-weight: 500;font-style: normal}.input{width: 100%;height: 48px;padding: 0 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--paper);color: var(--text);font: 500 17px var(--font);-webkit-appearance: none;appearance: none}.input:focus{outline: 2px solid var(--primary);outline-offset: 0;border-color: transparent}.input.nudge{animation: nudge 0.3s ease}.input-wrap{position: relative;display: block}.input-wrap .input{padding-right: 50px}.secret{-webkit-text-security: disc;letter-spacing: 0.12em}.secret.revealed{-webkit-text-security: none;letter-spacing: 0.02em}.eye{position: absolute;right: 4px;top: 4px;width: 40px;height: 40px;border: 0;border-radius: 10px;background: transparent;color: var(--muted);cursor: pointer;display: grid;place-items: center}.eye svg{width: 22px;height: 22px;stroke: currentColor;fill: none;stroke-width: 2}.eye[aria-pressed='true']{color: var(--primary)}.field-msg{font-size: 12.5px;color: var(--muted);min-height: 1.2em}.field-msg.is-bad{color: var(--bad);font-weight: 600}.field-msg.is-ok{color: var(--good);font-weight: 600}.duo-actions{display: grid;gap: 8px}@media (min-width: 440px){.duo-actions{grid-template-columns: 1.3fr 1fr}}.duo-names summary{cursor: pointer;font-size: 14px;color: var(--muted);font-weight: 600}.duo-names .names{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-top: 8px}.names-score{margin: 8px 0 0;font-size: 13.5px;color: var(--muted)}.duo-link{display: grid;gap: 8px;padding: 12px;border-radius: 14px;background: var(--card-2)}.duo-link p{margin: 0;font-size: 14px}.link-row{display: grid;grid-template-columns: 1fr auto;gap: 8px}.link-row .input{font-size: 14px;height: 46px}.sheet{border: 0;padding: 0;margin: 0;width: 100%;height: 100%;max-width: none;max-height: none;background: transparent;color: var(--text);display: flex;align-items: flex-end;justify-content: center}.sheet:not([open]){display: none}.sheet::backdrop{background: rgba(8, 14, 28, 0.45);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px)}.sheet-card{width: min(580px, 100%);max-height: 90svh;display: flex;flex-direction: column;background: var(--card);border-radius: 22px 22px 0 0;box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);padding-bottom: env(safe-area-inset-bottom);animation: sheet-up 0.32s cubic-bezier(0.2, 0.9, 0.3, 1)}@media (min-width: 700px){.sheet{align-items: center}.sheet-card{border-radius: 22px;max-height: 86vh;animation-name: sheet-in}}.sheet-head{display: flex;align-items: center;justify-content: space-between;padding: 14px 12px 6px 20px}.sheet-title{margin: 0;font: 700 27px/1.1 var(--font-hand);color: var(--ink)}.sheet-body{overflow: auto;padding: 4px 20px 22px;overscroll-behavior: contain}.sheet-note{margin: 10px 0 0;padding: 10px 12px;border-radius: 12px;background: var(--hint-bg);color: var(--text);font-size: 13.5px}.seg{display: grid;gap: 4px;padding: 4px;border-radius: 14px;background: var(--card-2)}.seg-2{grid-template-columns: 1fr 1fr}.seg-3{grid-template-columns: repeat(3, 1fr)}.seg-btn{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 9px 6px;border: 0;border-radius: 10px;background: transparent;color: var(--muted);cursor: pointer;transition: background 0.15s, box-shadow 0.15s}.seg-btn b{font-size: 15px;color: var(--text)}.seg-btn small{font-size: 11.5px;line-height: 1.25;text-align: center}.seg-btn.on{background: var(--card);box-shadow: var(--shadow), inset 0 0 0 1.5px var(--primary)}.seg-btn.on b{color: var(--primary)}[data-theme='dark'] .seg-btn.on{background: var(--key)}.cat-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;margin-top: 14px}@media (min-width: 520px){.cat-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}.cat{display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto;column-gap: 10px;align-items: center;padding: 10px 11px;border-radius: 14px;border: 1px solid var(--line);background: var(--card-2);color: var(--text);text-align: left;cursor: pointer;transition: transform 0.1s, border-color 0.15s, background 0.15s}.cat:hover{border-color: var(--ink-soft);background: var(--card)}.cat:active{transform: scale(0.97)}.cat.on{border-color: var(--primary);box-shadow: inset 0 0 0 1px var(--primary);background: var(--card)}.cat-emoji{grid-row: span 2;font-size: 25px;line-height: 1}.cat-name{font-weight: 700;font-size: 14px;line-height: 1.2}.cat-count{font-size: 12px;color: var(--muted)}.set-group{padding: 6px 0 14px}.set-group h3{margin: 6px 0 8px;font-size: 13px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--muted)}.set-help{margin: 8px 2px 0;font-size: 13px;color: var(--muted);line-height: 1.6}.switch-row{display: flex;align-items: center;justify-content: space-between;gap: 14px;padding: 12px 0;border-bottom: 1px solid var(--line);cursor: pointer}.switch-row:last-child{border-bottom: 0}.switch-row span{display: grid;gap: 2px}.switch-row b{font-size: 15px}.switch-row small{font-size: 12.5px;color: var(--muted)}.switch{-webkit-appearance: none;appearance: none;flex: none;position: relative;width: 48px;height: 29px;margin: 0;border-radius: 99px;background: var(--line);cursor: pointer;transition: background 0.2s}.switch::after{content: '';position: absolute;top: 3px;left: 3px;width: 23px;height: 23px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);transition: transform 0.22s cubic-bezier(0.3, 1.4, 0.5, 1)}.switch:checked{background: var(--good)}.switch:checked::after{transform: translateX(19px)}.set-foot{display: flex;justify-content: space-between;gap: 12px;padding-top: 14px;border-top: 1px solid var(--line);font-size: 14px}.stat-h{margin: 6px 0 10px;font-size: 13px;text-transform: uppercase;letter-spacing: 0.06em;color: var(--muted)}.stat-h ~ .stat-h{margin-top: 22px}.stat-sub{margin: 14px 0 8px;font-size: 13.5px;font-weight: 600}.stat-tiles{display: grid;grid-template-columns: repeat(4, 1fr);gap: 6px}.stat{display: grid;justify-items: center;gap: 3px;padding: 10px 4px;border-radius: 14px;background: var(--card-2);text-align: center}.stat b{font: 700 28px/1 var(--font-hand);color: var(--ink)}.stat span{font-size: 11.5px;color: var(--muted);line-height: 1.2}.bars{display: grid;gap: 4px;margin-top: 10px}.bar-row{display: grid;grid-template-columns: 18px 1fr;align-items: center;gap: 8px}.bar-k{font-weight: 700;font-size: 13px;text-align: center;color: var(--muted)}.bar-v{width: var(--w);min-width: 24px;padding: 3px 7px;border-radius: 6px;background: var(--card-2);font: 700 12px/1.2 var(--font);text-align: right;color: var(--muted);box-shadow: inset 0 0 0 1px var(--line)}.bar-row.cur .bar-v{background: var(--good);color: #fff;box-shadow: none}[data-theme='dark'] .bar-row.cur .bar-v{color: #10261a}.help-list{margin: 0;padding-left: 20px;display: grid;gap: 8px;line-height: 1.5}.help-tips{margin: 16px 0;display: grid;gap: 8px;font-size: 14.5px;line-height: 1.55}.help-tips p{margin: 0;padding: 10px 12px;border-radius: 12px;background: var(--card-2)}.toast{position: fixed;left: 50%;top: calc(12px + env(safe-area-inset-top));z-index: 120;width: max-content;max-width: min(92vw, 440px);padding: 11px 16px;border-radius: 14px;background: var(--text);color: var(--paper);font-size: 14.5px;font-weight: 650;text-align: center;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);transform: translate(-50%, calc(-100% - 30px));transition: transform 0.35s cubic-bezier(0.2, 1.2, 0.3, 1);pointer-events: none}.toast.show{transform: translate(-50%, 0)}.confetti{position: fixed;inset: 0;width: 100%;height: 100%;pointer-events: none;z-index: 110}.content{max-width: 740px;margin: 26px auto 0;padding: 0 18px 30px;font-size: 17px;line-height: 1.68}.content > section{scroll-margin-top: 16px}.content h1{margin: 6px 0 12px;font: 700 34px/1.15 var(--font-hand);color: var(--ink)}.content h2{margin: 42px 0 12px;font: 700 31px/1.15 var(--font-hand);color: var(--ink)}.content h3{margin: 26px 0 8px;font-size: 19px;line-height: 1.3}.content p{margin: 0 0 14px}.content ul, .content ol{padding-left: 22px;margin: 0 0 16px}.content li{margin: 6px 0}.content .steps, .content .cat-links, .content .modes-grid, .content .freq, .content .word-list{padding-left: 0}.nowrap{white-space: nowrap}.content .lead{font-size: 18.5px;color: var(--text)}.content .muted{color: var(--muted);font-size: 15px}.scroll-cue{display: flex;justify-content: center;margin: 4px auto 0;font-size: 14px;color: var(--muted);text-decoration: none;gap: 6px}.steps{list-style: none;padding: 0;margin: 0 0 16px;counter-reset: s;display: grid;gap: 10px}.steps li{counter-increment: s;position: relative;margin: 0;padding: 14px 16px 14px 58px;border-radius: 16px;background: var(--card);box-shadow: var(--shadow), inset 0 0 0 1px var(--line)}.steps li::before{content: counter(s);position: absolute;left: 14px;top: 13px;width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--primary);color: var(--primary-text);font: 700 18px/1 var(--font-hand)}.callout{margin: 18px 0;padding: 14px 16px;border-radius: 16px;background: var(--hint-bg);box-shadow: inset 0 0 0 1px var(--hint-edge);font-size: 16px}.callout p:last-child{margin-bottom: 0}.modes-grid, .cat-links{display: grid;gap: 10px;margin: 0 0 16px;padding: 0;list-style: none}.modes-grid{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}.cat-links{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))}.modes-grid li, .cat-links li{margin: 0}.mode-card, .cat-link{display: block;height: 100%;padding: 14px 16px;border-radius: 16px;background: var(--card);color: var(--text);text-decoration: none;box-shadow: var(--shadow), inset 0 0 0 1px var(--line);transition: transform 0.12s, box-shadow 0.12s}.mode-card:hover, .cat-link:hover{transform: translateY(-2px);box-shadow: 0 10px 24px rgba(20, 30, 60, 0.1), inset 0 0 0 1px var(--ink-soft)}.mode-card b{display: block;font: 700 22px/1.2 var(--font-hand);color: var(--ink);margin-bottom: 4px}.mode-card span{font-size: 15px;color: var(--muted);line-height: 1.5;display: block}.cat-link{display: flex;align-items: center;gap: 10px;padding: 11px 13px;font-weight: 650;font-size: 15px;line-height: 1.25}.cat-link .e{font-size: 22px}.cat-link small{display: block;font-weight: 500;font-size: 12.5px;color: var(--muted)}.freq{display: flex;flex-wrap: wrap;gap: 6px;margin: 4px 0 16px;padding: 0;list-style: none}.freq li{margin: 0;min-width: 42px;padding: 6px 10px;border-radius: 10px;background: var(--card);box-shadow: inset 0 0 0 1px var(--line), 0 2px 0 var(--line);font: 700 20px/1 var(--font-hand);color: var(--ink);text-align: center}.faq{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 15px 2px;font-weight: 700;font-size: 17px;line-height: 1.4;cursor: pointer;list-style: none}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '+';flex: none;font: 700 26px/1 var(--font-hand);color: var(--ink);transition: transform 0.2s}.faq details[open] summary::after{transform: rotate(45deg)}.faq details > div{padding: 0 2px 14px}.word-list{columns: 2 150px;column-gap: 24px;padding: 0;list-style: none;margin: 0 0 16px}.word-list li{margin: 0 0 4px;break-inside: avoid}.word-list .lvl{font-size: 12px;color: var(--muted);margin-left: 4px}.word-group{margin: 0 0 22px;padding: 16px 18px 6px;border-radius: 18px;background: var(--card);box-shadow: var(--shadow), inset 0 0 0 1px var(--line)}.word-group h3{margin: 0 0 10px}.word-group h3 a{text-decoration: none}.tag{display: inline-block;padding: 1px 8px;border-radius: 99px;font-size: 12px;font-weight: 700;vertical-align: middle}.tag-usor{background: var(--good-bg);color: var(--good)}.tag-mediu{background: var(--hint-bg);color: var(--hint)}.tag-greu{background: var(--bad-bg);color: var(--bad)}.crumbs{font-size: 14px;color: var(--muted);margin: 0 0 8px}.crumbs a{color: var(--muted)}.prose h2{font-size: 26px;margin-top: 32px}.ad{margin: 30px auto;max-width: 740px;padding: 0 18px;text-align: center}.ad-label{display: block;margin-bottom: 4px;font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted)}.ad-box{display: block;min-height: 100px}.ad-preview .ad-box{min-height: 250px;display: grid;place-items: center;border: 2px dashed var(--line);border-radius: 14px;color: var(--muted);font-size: 14px}.ad-rail{display: none}@media (min-width: 1400px){.ad-rail{display: block;position: fixed;top: 84px;right: max(16px, calc(50vw - 690px));width: 300px;margin: 0;padding: 0}.ad-rail .ad-box{min-height: 600px}}.ftr{margin-top: 30px;padding: 26px 18px calc(28px + env(safe-area-inset-bottom));border-top: 1px solid var(--line);font-size: 14px;color: var(--muted);text-align: center}.ftr nav{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 18px;margin-bottom: 12px}.ftr a{color: var(--muted)}.ftr a:hover{color: var(--text)}.ftr p{margin: 6px 0}@media (min-width: 700px){:root{--hdr: 64px;--kh: clamp(44px, 6.2svh, 58px)}.app{padding-top: 4px}.page-title{font-size: 24px}.key{font-size: 21px;border-radius: 11px}.stage{grid-template-columns: 90px minmax(0, 1fr) 90px}.hangman{max-height: 340px}.misses{max-width: 90px}.lives{grid-template-columns: repeat(3, 16px)}.heart{width: 16px;height: 15px}.content{font-size: 18px}}@media (max-height: 640px){:root{--hdr: 50px;--kh: clamp(36px, 6.6svh, 44px)}.brand{font-size: 22px}.brand svg{width: 28px;height: 28px}.stage{min-height: 64px}.kb{gap: 5px}.chip{padding-top: 3px;padding-bottom: 3px}.page-title{font-size: 17px;margin-bottom: 4px}.stage{min-height: 56px}.modes{margin-bottom: 6px}.mode{min-height: 32px}.clue{margin: 2px 0 4px}.word{margin-bottom: 8px}}@media (max-height: 600px) and (max-width: 699px){.page-title{display: none}}@media (max-width: 359px){.brand{font-size: 21px}.brand-sub{display: none}.mode{font-size: 13px}.stage{grid-template-columns: 52px minmax(0, 1fr) 52px}.key{font-size: 17px}}@keyframes tile-pop{0%{transform: translateY(6px) scale(0.3) rotate(-8deg);opacity: 0}60%{transform: translateY(-4px) scale(1.15) rotate(3deg);opacity: 1}100%{transform: none;opacity: 1}}@keyframes pop-in{0%{transform: scale(0.4);opacity: 0}70%{transform: scale(1.12);opacity: 1}100%{transform: none}}@keyframes rise{from{transform: translateY(14px);opacity: 0}to{transform: none;opacity: 1}}@keyframes sheet-up{from{transform: translateY(40%);opacity: 0.5}to{transform: none;opacity: 1}}@keyframes sheet-in{from{transform: translateY(16px) scale(0.97);opacity: 0}to{transform: none;opacity: 1}}@keyframes shake{0%, 100%{transform: none}20%{transform: translateX(-7px) rotate(-1.5deg)}45%{transform: translateX(6px) rotate(1deg)}70%{transform: translateX(-3px)}}@keyframes nudge{0%, 100%{transform: none}30%{transform: translateX(-4px)}65%{transform: translateX(4px)}}@keyframes key-good{0%{transform: scale(1)}40%{transform: scale(1.14) translateY(-2px)}100%{transform: translateY(2px)}}@keyframes key-bad{0%{transform: none}30%{transform: rotate(-8deg)}60%{transform: rotate(6deg)}100%{transform: translateY(2px)}}@keyframes swing{0%, 100%{transform: rotate(4deg)}50%{transform: rotate(-4deg)}}@keyframes freed{from{transform: none}to{transform: translate(-18px, 30px)}}@keyframes hop{0%, 100%{transform: none}45%{transform: translateY(-14px)}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}