@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito.ttf)format("truetype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#091a29;--rail:#091a29f5;--sidebar:#173044f0;--panel:#10283d;--stage:#173044c7;--tile:#173044f0;--hover:#203e55;--active:#224d73;--border:#94c2e33d;--text:#fff0db;--text-strong:#fff0db;--muted:#abc8e4;--accent:#a1c9f0;--link:#5aa9f5;--on-primary:#10283d;--field:#091927b8;--shadow:inset 0 1px 0 #beddf50a, 0 12px 32px #0008122e;--ok:#a0d6b4;--warn:#ffd98b;--danger:#f2a7a0;--primary:#3b6a96;--primary-hover:#4577a6;--red:#b9474b;--red-hover:#c65357;--red-press:#9e3c40;--red-text:#eb9b9d;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:500;line-height:1.4}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}:hover,:focus-within{scrollbar-color:color-mix(in srgb, var(--muted) 40%, transparent) transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}::selection{background:var(--accent);color:var(--on-primary)}h1,h2,p{margin:0}button{font:inherit;cursor:pointer;background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text);border:0;border-radius:6px;padding:8px 16px;font-weight:600}button:disabled{opacity:.6;cursor:default}button{transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}button:enabled:hover{background:color-mix(in srgb, var(--text) 13%, transparent);color:var(--text-strong)}:where(form) button:where(:not([type=button],[role])),button.primary{background:var(--primary);color:var(--text-strong)}:where(form) button:where(:not([type=button],[role])):enabled:hover,button.primary:enabled:hover{background:var(--primary-hover)}button.danger:not(.icon-button,.text-button){background:var(--red);color:#fff}button.danger:not(.icon-button,.text-button):enabled:hover{background:var(--red-hover);color:#fff}button.danger:not(.icon-button,.text-button):enabled:active{background:var(--red-press)}button:where(:disabled){box-shadow:inset 0 0 0 1px var(--border);color:var(--muted);background:0 0}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:enabled:active{transform:translateY(1px)}input{font:inherit;border:1px solid var(--border);background:var(--field);color:var(--text);border-radius:4px;padding:10px}input[type=range]{cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg:#0f1424;--panel:#171e35;--border:#aab9ff2e;--paint-pink:#ff5d8f;--paint-yellow:#ffd21f;--paint-teal:#2fd6c3;--paint-blue:#64b5ff;--accent:var(--paint-yellow);--primary:#e8466f;--primary-hover:#f25a81;--on-primary:#1b1020}body{background:radial-gradient(circle at 12% 8%, #ff5d8f1f, transparent 40%), radial-gradient(circle at 90% 90%, #2fd6c31a, transparent 45%), var(--bg)}#root{overflow:hidden}.app{height:100%;padding:16px;position:relative;overflow:auto}.sign{letter-spacing:-.02em;text-align:center;background:linear-gradient(90deg, var(--paint-pink), var(--paint-yellow) 50%, var(--paint-teal));color:#0000;-webkit-background-clip:text;background-clip:text;margin:4px 0 16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;transform:rotate(-2deg)}.note{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}.offline{z-index:5;background:var(--warn);color:#222;text-align:center;border-radius:6px;margin-bottom:8px;padding:4px;position:sticky;top:0}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px}.panel h2{margin-bottom:10px;font-size:1.05rem}.panel h2 small{color:var(--muted);margin-left:6px;font-weight:600}.panel ol,.panel ul{margin:0;padding:0;list-style:none}button.big{border-radius:10px;padding:12px 24px;font-size:1.05rem}button.small{padding:4px 10px;font-size:.85rem}button.text-button{color:var(--accent);background:0 0;padding:6px 0}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.confirm{align-items:center;gap:8px;display:inline-flex}.close-all{z-index:4;position:absolute;top:12px;left:16px}.gate{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100%;display:grid}.home{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:16px;max-width:900px;margin:0 auto;display:grid}.home .sign{grid-column:1/-1}.setup{gap:14px;display:grid}.field{gap:6px;display:grid}.field>span{font-size:.9rem;font-weight:700}.segmented{border:1px solid var(--border);background:var(--field);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:36px;padding:2px;display:grid}.segmented button{background:0 0;padding:0 8px;font-size:.9rem}.segmented button:enabled:hover{background:var(--hover)}.segmented button.active,.segmented button.active:enabled:hover{background:var(--accent);color:var(--on-primary)}.lobby li{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.lobby .dot{background:var(--muted);opacity:.5;border-radius:50%;width:8px;height:8px}.lobby li.in .dot{background:var(--paint-teal);opacity:1}.lobby .name{text-overflow:ellipsis;flex:1;overflow:hidden}.lobby .status{color:var(--muted);font-size:.8rem}.bots{gap:16px;display:flex}li.me .name{font-weight:800}.stage{gap:12px;max-width:1280px;margin:0 auto;display:grid}.bar{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:8px 16px;display:flex}.bar .round{color:var(--muted);white-space:nowrap;font-weight:700}.word{text-align:center;letter-spacing:.04em;flex:1;font-size:1.4rem;font-weight:800}.word.muted{color:var(--muted);font-size:1rem;font-weight:600}.word.known{color:var(--paint-yellow)}.word.hint{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 28px;display:flex}.hint-word{align-items:flex-end;gap:6px;display:flex}.word.hint .blank,.word.hint .letter{border-bottom:3px solid var(--text);width:1em;line-height:1.1}.word.hint .mark{padding:0 1px}.word.hint small{color:var(--muted);margin-left:6px;font-size:.75rem}.timer{border:3px solid var(--paint-teal);border-radius:50%;place-items:center;min-width:48px;height:48px;font-size:1.2rem;font-weight:900;display:grid}.timer.low{border-color:var(--paint-pink);color:var(--paint-pink);animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.play{grid-template-columns:200px minmax(0,1fr) 260px;align-items:start;gap:12px;display:grid}.scores li{border-radius:8px;align-items:center;gap:8px;padding:8px 6px;display:flex}.scores li.drawer{background:color-mix(in srgb, var(--paint-yellow) 14%, transparent)}.scores li.found{background:color-mix(in srgb, var(--paint-teal) 18%, transparent)}.scores .rank{color:var(--muted);width:1.2em;font-weight:800}.scores .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.points{font-weight:800}.points small{color:var(--paint-teal)}.board-wrap{position:relative}.board canvas{aspect-ratio:4/3;touch-action:none;background:#fff;border-radius:12px;width:100%;display:block;box-shadow:0 10px 30px #00000059}.board canvas.drawing.brush{cursor:crosshair}.board canvas.drawing.fill{cursor:cell}.tools{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.palette{grid-template-columns:repeat(10,24px);gap:3px;display:grid}.swatch{border-radius:6px;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #ffffff40}.swatch.active{outline:3px solid var(--accent);outline-offset:1px}.sizes{gap:4px;display:flex}.size{place-items:center;width:36px;height:36px;padding:0;display:grid}.size span{border-radius:50%;box-shadow:0 0 0 1px #fff6}.size.active,.tool-buttons button.active{box-shadow:inset 0 0 0 2px var(--accent)}.tool-buttons{flex-wrap:wrap;gap:4px;display:flex}.tool-buttons button{padding:6px 10px;font-size:.85rem}.overlay{aspect-ratio:4/3;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1424d1;border-radius:12px;place-content:center;justify-items:center;gap:14px;padding:16px;font-size:1.2rem;font-weight:700;display:grid;position:absolute;inset:0 0 auto}.choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.big-word{color:var(--paint-yellow);font-size:2.2rem;font-weight:900}.reveal ul{margin:0;padding:0;font-size:1rem;list-style:none}.reveal b{color:var(--paint-teal)}.guesses{grid-template-rows:minmax(0,1fr) auto auto;gap:8px;height:min(70vh,520px);display:grid}.guesses ol{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.guesses li{overflow-wrap:anywhere;border-radius:6px;padding:3px 6px;font-size:.92rem}.guesses li:nth-child(odd){background:#ffffff08}.guesses li.found{color:var(--paint-teal);font-weight:700}.guesses form input{width:100%}.guess-note{font-size:.9rem;font-weight:700}.guess-note.close{color:var(--paint-yellow)}.guess-note.found{color:var(--paint-teal)}.guess-note.error{color:var(--danger)}.results{gap:16px;max-width:900px;margin:0 auto;display:grid}.winner{text-align:center;font-size:1.4rem;font-weight:800}.results-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.standings li{border-bottom:1px solid var(--border);gap:10px;padding:8px 6px;display:flex}.standings .name{flex:1}.standings .rank{width:1.4em;font-weight:900}.standings .place-1 .rank{color:var(--paint-yellow)}.standings .place-2 .rank{color:#c9cfe8}.standings .place-3 .rank{color:#e09a5a}.played li{padding:4px 0}.played small{color:var(--muted)}@media (width<=1000px){.play{grid-template-columns:minmax(0,1fr) 240px}.scores{order:-1;grid-column:1/-1}.scores ol{flex-wrap:wrap;gap:4px 12px;display:flex}}@media (width<=700px){.app{padding:16px 12px}.home,.play,.results-grid{grid-template-columns:minmax(0,1fr)}.guesses{height:280px}.palette{grid-template-columns:repeat(10,22px)}.bar{flex-wrap:wrap;gap:8px}.close-all{margin-bottom:8px;position:static}}@media (prefers-reduced-motion:reduce){.timer.low{animation:none}}