:root{--desk: #ddd3c0;--paper: #fdfaf1;--paper-2: #f5efe0;--rule: rgba(88, 124, 168, .22);--margin-line: rgba(196, 84, 76, .5);--ink: #2f3f5c;--ink-soft: #61708c;--ink-faint: rgba(47, 63, 92, .22);--grid: rgba(88, 124, 168, .13);--accent: #2a6f97;--highlighter: #ffe36e;--good: #3f8f5f;--danger: #c4544c;--wobble-lg: 220px 18px 200px 14px / 16px 200px 14px 220px;--wobble-md: 18px 6px 20px 8px / 8px 20px 6px 18px;--wobble-sm: 10px 4px 12px 5px / 5px 12px 4px 10px;--hand: "Segoe Print", "Bradley Hand", "Chalkboard SE", "Comic Sans MS", cursive;--body: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--desk);background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 85% 70%,rgba(0,0,0,.05),transparent 40%);color:var(--ink);font:15px/1.55 var(--body)}h1,h2,h3{font-family:var(--hand);font-weight:700;margin:0 0 .6rem;line-height:1.15;letter-spacing:.01em}h1{font-size:2.6rem}h2{font-size:1.3rem}button,input,select{font:inherit;color:inherit}.panel,.round,.choice,.waiting,.roundend,.gameend,.players,.chat,.app__roomcode{position:relative;background-color:var(--paper);background-image:repeating-linear-gradient(var(--paper) 0px,var(--paper) 25px,var(--rule) 25px,var(--rule) 26px);border:2px solid var(--ink);border-radius:var(--wobble-lg);box-shadow:3px 4px #2f3f5c21;padding:1.2rem 1.3rem}.panel:before,.round:before,.choice:before,.roundend:before,.gameend:before{content:"";position:absolute;top:8px;bottom:8px;left:2.1rem;width:1px;background:var(--margin-line);pointer-events:none}.panel,.round,.choice,.roundend,.gameend{padding-left:3rem}.note{color:var(--ink-soft);font-size:.86rem;margin:.5rem 0 0}.note--warn{color:#a8701f}.note--error{color:var(--danger)}.tag{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border:1.5px solid var(--ink-soft);border-radius:var(--wobble-sm);font-family:var(--hand);font-size:.7rem;color:var(--ink-soft);vertical-align:middle}.tag--accent{color:var(--accent);border-color:var(--accent);background:#2a6f9714}.tag--muted{opacity:.65}.pill{padding:.2rem .7rem;border:1.5px solid var(--ink);border-radius:var(--wobble-sm);background:var(--paper-2);font-family:var(--hand);font-size:.85rem}.pill--accent{background:var(--highlighter);border-color:var(--ink)}.pill--muted{color:var(--ink-soft);border-color:var(--ink-faint)}button{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--wobble-md);padding:.45rem .9rem;font-family:var(--hand);cursor:pointer;box-shadow:1.5px 2px #2f3f5c40;transition:transform .06s,box-shadow .06s,background .12s}button:hover:not(:disabled){background:#fff}button:active:not(:disabled){transform:translate(1.5px,2px);box-shadow:none}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--highlighter);font-weight:700}.btn--primary:hover:not(:disabled){background:#ffec95}.btn--big{padding:.75rem 1.4rem;font-size:1.15rem;width:100%}input,select{background:transparent;border:0;border-bottom:2px dashed var(--ink-faint);border-radius:0;padding:.35rem .2rem;width:100%;font-family:var(--hand)}input:focus,select:focus{outline:none;border-bottom-color:var(--accent);border-bottom-style:solid}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}select{border:2px solid var(--ink);border-radius:var(--wobble-md);padding:.4rem .5rem;background:var(--paper-2)}.home{max-width:1020px;margin:0 auto;padding:2.5rem 1.25rem 1rem}.home__head{text-align:center;margin-bottom:1.75rem}.home__head h1{transform:rotate(-1.5deg);text-shadow:2px 2px 0 rgba(47,63,92,.12)}.home__tagline{color:var(--ink-soft);margin:0;font-family:var(--hand);font-size:1rem}.home__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.4rem;align-items:start}.home__grid>.panel:first-child{transform:rotate(-.5deg)}.home__grid>.panel:last-child{transform:rotate(.6deg)}.home__join{display:flex;flex-direction:column;gap:.85rem}.home__or{text-align:center;color:var(--ink-soft);font-family:var(--hand);font-size:.95rem}.home__code{display:flex;gap:.5rem;align-items:flex-end}.home__code input{text-transform:uppercase;letter-spacing:.25em;font-size:1.15rem;text-align:center}.field{display:flex;flex-direction:column;gap:.15rem;flex:1}.field>span{font-size:.78rem;color:var(--ink-soft);font-family:var(--hand)}.check{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;cursor:pointer}.check input{width:auto;margin-top:.3rem;accent-color:var(--accent)}.check small{display:block;color:var(--ink-soft);font-size:.78rem}.credits{max-width:1020px;margin:1.25rem auto 2rem;padding:0 1.25rem;color:var(--ink-soft);font-size:.75rem;text-align:center}.credits a{color:var(--accent)}.editor{display:grid;gap:.85rem}.editor__canvas-wrap{position:relative}.editor__canvas{width:100%;display:block;background:#fffdf7;border:2px solid var(--ink);border-radius:var(--wobble-md);box-shadow:inset 0 0 0 1px #2f3f5c0f;touch-action:none;cursor:crosshair}.editor--disabled .editor__canvas{cursor:not-allowed;opacity:.7}.editor__lock{position:absolute;inset:auto 0 0;background:#fdfaf1f0;border-top:2px dashed var(--ink-faint);padding:.4rem;text-align:center;font-family:var(--hand);font-size:.85rem;color:var(--ink-soft)}.editor__controls{display:flex;flex-direction:column;gap:.6rem}.editor__row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.editor__row select{width:auto;flex:1;min-width:8.5rem}.editor__count{font-family:var(--hand);font-size:.95rem;color:var(--ink-soft)}.editor__count strong{color:var(--ink);font-size:1.1rem;background:linear-gradient(transparent 62%,var(--highlighter) 62%);padding:0 .15rem}.editor__count--warn strong{background:linear-gradient(transparent 62%,#ffc9c4 62%)}.editor__hint{margin:0;font-size:.8rem;color:var(--ink-soft)}.seg{display:inline-flex;gap:.35rem}.seg__item--on{background:var(--highlighter);font-weight:700}.app{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1.4rem;max-width:1240px;margin:0 auto;padding:1.5rem 1.25rem;min-height:100vh;align-items:start}.app__main{min-width:0}.app__side{display:flex;flex-direction:column;gap:.9rem;position:sticky;top:1.5rem}.app__roomcode{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-family:var(--hand);font-size:.9rem;color:var(--ink-soft);transform:rotate(-.8deg)}.app__roomcode strong{color:var(--ink);letter-spacing:.2em;font-size:1.2rem}.lobby{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}.lobby>.panel:first-child{transform:rotate(-.4deg)}.lobby>.panel:last-child{transform:rotate(.5deg)}.lobby__code{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:2px dashed var(--ink-faint);margin-bottom:.85rem}.lobby__code-label{display:block;font-size:.78rem;color:var(--ink-soft);font-family:var(--hand)}.lobby__code-value{font-family:var(--hand);font-size:2.1rem;letter-spacing:.2em;background:linear-gradient(transparent 65%,var(--highlighter) 65%)}.lobby__start{margin-top:1.1rem;padding-top:1.1rem;border-top:2px dashed var(--ink-faint)}.settings{display:flex;flex-direction:column;gap:.8rem}.settings__row{display:flex;gap:.75rem}.settings__explain{margin:0;font-family:var(--hand);font-size:.9rem;color:var(--ink-soft)}.players{list-style:none;margin:0;padding:.7rem;display:flex;flex-direction:column;gap:.3rem;max-height:46vh;overflow-y:auto}.player{display:flex;gap:.7rem;align-items:center;padding:.4rem .5rem;border:2px solid transparent;border-radius:var(--wobble-md)}.player--you{border-color:var(--ink-faint);background:#ffe36e2e}.player--turn{border-color:var(--accent);border-style:dashed}.player--out{opacity:.5}.player--out .player__name{text-decoration:line-through}.player--gone{opacity:.4}.player__thumb{width:44px;flex:0 0 44px}.player__body{min-width:0;flex:1}.player__name{font-family:var(--hand);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__meta{display:flex;justify-content:space-between;font-size:.76rem;color:var(--ink-soft)}.player__score{font-family:var(--hand);font-size:1rem;color:var(--ink)}.hangman-canvas{width:100%;display:block}.hangman-canvas--hit{animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-4px) rotate(-1.5deg)}70%{transform:translate(4px) rotate(1.5deg)}}.chat{display:flex;flex-direction:column;min-height:210px;padding:0;overflow:hidden}.chat__log{flex:1;overflow-y:auto;max-height:30vh;padding:.8rem;display:flex;flex-direction:column;gap:.2rem;font-size:.88rem}.chat__line--system{color:var(--ink-soft);font-family:var(--hand);font-size:.85rem}.chat__line--correct{color:var(--good);font-family:var(--hand);font-weight:700}.chat__who{font-family:var(--hand);color:var(--accent);margin-right:.35rem}.chat__text{word-break:break-word}.chat__form{display:flex;gap:.5rem;padding:.6rem .8rem;border-top:2px dashed var(--ink-faint);align-items:flex-end}.round__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.2rem}.round__meta{display:flex;gap:.45rem;flex-wrap:wrap}.round__clock{font-family:var(--hand);font-size:1.7rem}.round__clock--urgent{color:var(--danger);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.round__board{display:grid;grid-template-columns:190px 1fr;gap:1.4rem;align-items:center;margin:1.4rem 0}.round__hangman{max-width:190px}.round__wordguess{display:flex;gap:.6rem;margin-top:1.1rem;align-items:flex-end;max-width:26rem}.word{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0}.word__slot{width:2.1rem;height:2.8rem;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--hand);font-size:1.9rem;text-transform:uppercase}.word__slot--filled{border-bottom-color:var(--accent)}.status{margin:0;font-family:var(--hand);font-size:1.05rem}.status--good{color:var(--good)}.status--bad{color:var(--danger)}.keyboard{display:flex;flex-direction:column;gap:.4rem;align-items:center;margin-top:.8rem}.keyboard__row{display:flex;gap:.4rem}.key{width:2.3rem;height:2.6rem;padding:0;text-transform:uppercase;font-size:1.05rem}.key:nth-child(3n){border-radius:12px 5px 10px 6px/6px 10px 5px 12px}.key:nth-child(4n){border-radius:6px 12px 5px 11px/11px 5px 12px 6px}.key--hit,.key--miss{opacity:1}.key--hit{background:var(--good);border-color:#2b6a44;color:#fff}.key--miss{background:var(--paper-2);color:var(--ink-soft);border-color:var(--ink-faint);text-decoration:line-through;box-shadow:none}.key--hint{opacity:1;background:var(--highlighter);border-color:#b89a2e;color:var(--ink);box-shadow:none}.master__head{margin-bottom:1.2rem}.master__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.mcard{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:.9rem .8rem;border:2px solid var(--ink-faint);border-radius:var(--wobble-md);background:#ffffff73}.mcard--turn{border-color:var(--accent);border-style:dashed}.mcard--solved{border-color:var(--good);background:#3f8f5f1a}.mcard--out{opacity:.6}.mcard--out .mcard__name{text-decoration:line-through}.mcard__name{font-family:var(--hand);font-size:1.1rem;text-align:center}.mcard__hangman{width:100%;max-width:160px}.mcard__word{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center}.mcard__slot{width:1.05rem;height:1.5rem;border-bottom:2px solid var(--ink-faint);display:flex;align-items:center;justify-content:center;font-family:var(--hand);font-size:1rem;text-transform:uppercase}.mcard__slot--on{border-bottom-color:var(--accent)}.mcard__status{font-size:.8rem;color:var(--ink-soft)}.matchmaking__players{list-style:none;margin:1.2rem auto;padding:0;max-width:24rem;display:flex;flex-direction:column;gap:.4rem}.matchmaking__players li{display:flex;align-items:center;gap:.7rem;padding:.4rem .6rem;border:2px solid transparent;border-radius:var(--wobble-md);text-align:left}.matchmaking__players .is-you{border-color:var(--ink-faint);background:#ffe36e38}.matchmaking__thumb{width:34px;flex:0 0 34px}.matchmaking__name{flex:1;font-family:var(--hand)}.matchmaking__lives{font-size:.78rem;color:var(--ink-soft)}.matchmaking__settings{display:flex;gap:.8rem;justify-content:center;max-width:24rem;margin:0 auto 1rem}.matchmaking__actions{display:flex;gap:.7rem;justify-content:center}.langpick{display:flex;gap:.4rem}.langpick__item{flex:1}.langpick__item--on{background:var(--highlighter);font-weight:700}.home__quickhint{margin-top:-.35rem}.choice,.waiting,.roundend,.gameend{text-align:center}.waiting{padding:2rem}.choice__head{display:flex;justify-content:space-between;align-items:center}.choice__clock{font-family:var(--hand);font-size:1.4rem}.choice__options{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:1.4rem 0}.choice__option{padding:.9rem 1.6rem;font-size:1.35rem;text-transform:lowercase}.choice__option:nth-child(1){transform:rotate(-1.5deg)}.choice__option:nth-child(3){transform:rotate(1.5deg)}.choice__or{color:var(--ink-soft);font-family:var(--hand);margin-bottom:.7rem}.choice__custom{display:flex;gap:.6rem;max-width:26rem;margin:0 auto;align-items:flex-end}.choice__custom input{font-size:1.2rem;text-align:center}.choice__verdict{min-height:1.4rem;font-family:var(--hand);font-size:.95rem;margin:.7rem 0 0;color:var(--ink-soft)}.choice__verdict--good{color:var(--good)}.choice__verdict--bad{color:var(--danger)}.waiting__clock{display:block;font-family:var(--hand);font-size:2.6rem;margin-top:.5rem}.roundend__label{color:var(--ink-soft);margin:0;font-family:var(--hand)}.roundend__word{font-family:var(--hand);font-size:3rem;text-transform:uppercase;letter-spacing:.12em;margin:.1rem 0 1.3rem;transform:rotate(-1deg);background:linear-gradient(transparent 68%,var(--highlighter) 68%);display:inline-block;padding:0 .4rem}.roundend__scores,.gameend__standings{list-style:none;margin:0 auto;padding:0;max-width:26rem;display:flex;flex-direction:column;gap:.4rem}.roundend__scores li,.gameend__standings li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .85rem;border-bottom:2px dashed var(--ink-faint);font-family:var(--hand);font-size:1.05rem}.roundend__scores .is-you,.gameend__standings .is-you{background:#ffe36e4d;border-radius:var(--wobble-md)}.delta{color:var(--ink-soft)}.delta--up{color:var(--good);font-weight:700}.gameend__rank{width:1.6rem;text-align:left;color:var(--ink-soft)}.gameend__name{flex:1;text-align:left}.gameend__standings li:first-child .gameend__rank:after{content:" ★";color:#c99700}.gameend__actions{display:flex;gap:.7rem;justify-content:center;margin-top:1.3rem}.notice{position:fixed;top:1rem;left:50%;transform:translate(-50%) rotate(-1deg);z-index:20;padding:.6rem 1.2rem;background:var(--paper);border:2px solid var(--ink);border-radius:var(--wobble-md);font-family:var(--hand);font-size:.95rem;box-shadow:2px 3px #2f3f5c40}.notice--error{border-color:var(--danger);color:var(--danger)}@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.app__side{position:static}.home__grid,.lobby{grid-template-columns:minmax(0,1fr)}.home__grid>.panel,.lobby>.panel,.app__roomcode{transform:none}.round__board{grid-template-columns:130px 1fr;gap:1rem}.panel,.round,.choice,.roundend,.gameend{padding-left:1.3rem}.panel:before,.round:before,.choice:before,.roundend:before,.gameend:before{display:none}.key{width:2rem;height:2.4rem;font-size:.95rem}.word__slot{width:1.7rem;height:2.3rem;font-size:1.4rem}h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}