:root{color-scheme:light dark;--bg: #fbf7ef;--bg2: #ffffff;--fg: #231f33;--muted: #6f6a80;--line: #e3dccf;--accent: #5b3df5;--accent-fg: #fff;--stop: #e4472e;--ok: #1f8a4c;--bad: #c0392b;--warn: #8a6a0c;--hl: #fff2c9;--easy: #1f8a4c;--medium: #c77d0a;--hard: #c0392b;--p0: #e4572e;--p1: #2e86de;--p2: #17a673;--p3: #c2388f;--p4: #e0a100;--p5: #7b4fe0;--p6: #0fa3b1;--p7: #6b8e23;--p8: #ff6fa8;--p9: #5c6b7a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.35}@media(prefers-color-scheme:dark){:root{--bg: #16141f;--bg2: #211e2e;--fg: #efeaf8;--muted: #a39fb5;--line: #37334a;--accent: #9d8bff;--accent-fg: #14102b;--stop: #ff6b52;--ok: #4cc47f;--bad: #ff7b6b;--warn: #e2b84a;--hl: #3a3218;--easy: #4cc47f;--medium: #f0ad3d;--hard: #ff7b6b}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0 0 .5rem;line-height:1.15}h2{font-size:1.1rem}h3{font-size:.95rem;margin-top:1rem}p{margin:.35rem 0}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.warn{color:var(--warn)}input,select,button{font:inherit;color:inherit}input,select{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;min-width:0}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}button{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:.4rem .8rem;cursor:pointer;white-space:nowrap;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.ghost{background:transparent}button.danger{color:var(--bad)}button.small{padding:.2rem .55rem;font-size:.85rem}button.big{padding:.65rem 1.3rem;font-size:1.05rem}button.big small{font-weight:400;opacity:.8}button.link{border:0;background:none;padding:0;color:var(--accent);text-decoration:underline;font-size:inherit}button.ok{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:600}button.no{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:600}.field{display:block;margin:.6rem 0}.field>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.field select{width:100%}.row{display:flex;align-items:center}.row.gap{gap:.5rem}.row.center{justify-content:center}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);border-radius:4px;padding:0 .3rem;margin-left:.4rem;color:var(--muted)}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.15rem .6rem;background:var(--bg2);font-size:.9rem}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--bad)}.dot.on{background:var(--ok)}.swatch{width:.9rem;height:.9rem;border-radius:4px;flex:none}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:1rem}.diff{display:inline-block;font-size:.75rem;font-weight:700;border-radius:999px;padding:.05rem .5rem;color:#fff;vertical-align:middle}.diff.easy{background:var(--easy)}.diff.medium{background:var(--medium)}.diff.hard{background:var(--hard)}@media(prefers-color-scheme:dark){.diff{color:#14102b}}.banner{padding:.4rem 1rem;text-align:center;font-size:.9rem}.banner.warn{background:var(--hl);color:var(--warn)}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:var(--bad);color:#fff;padding:.6rem 1rem;border-radius:8px;box-shadow:0 6px 20px #00000040;z-index:50;cursor:pointer;max-width:90vw}.logo{font-size:2.6rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin:0}.logo span:first-child{color:var(--accent)}.logo span:last-child{color:var(--stop);display:inline-block;transform:rotate(-3deg)}.logo.small{font-size:1.25rem}.home{max-width:28rem;margin:8vh auto;padding:1rem;text-align:center}.tagline{color:var(--muted);margin:.8rem 0 2rem}.home .field{text-align:left}.home .field input{width:100%;font-size:1.1rem}.home-actions{display:grid;gap:1rem;margin-top:1rem}.home-actions form{display:flex;gap:.5rem;justify-content:center}.home-actions .primary{width:100%}.code-input{width:9rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;text-align:center}.rejoin{margin-top:1rem;display:flex;gap:.4rem;justify-content:center;align-items:center;flex-wrap:wrap}.rejoin .chip{letter-spacing:.15em;font-weight:600;cursor:pointer}.home-foot{margin-top:3rem}.credit{margin-top:.8rem}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--line)}.scoreline{display:flex;gap:1rem;font-size:.95rem}.scoreline strong{font-size:1.15rem}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.room-code{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .6rem}.room-code strong{letter-spacing:.2em;font-size:1.05rem}.room-code small{color:var(--muted)}.lobby,.game,.end{max-width:46rem;margin:0 auto;padding:.8rem .8rem 2rem}.lobby-cols{display:grid;grid-template-columns:3fr 2fr;gap:1rem;margin-top:1rem}@media(max-width:720px){.lobby-cols{grid-template-columns:1fr}}.players{list-style:none;padding:0;margin:0 0 .6rem}.players li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.players li.offline .pname{color:var(--muted)}.pname{flex:1;min-width:0;overflow-wrap:anywhere}.seat-ctl{display:flex;gap:.2rem}.lobby-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;gap:1rem}.seats{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.7rem 0}.seat{position:relative;display:flex;flex-direction:column;min-width:4.5rem;padding:.25rem .6rem .3rem;border:1px solid var(--line);border-left:5px solid var(--pc);border-radius:8px;background:var(--bg2);font-size:.9rem}.seat-role{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);min-height:.9rem}.seat.guesser{border-style:dashed;border-left-style:solid}.seat.turn{border-color:var(--accent);border-left-color:var(--pc);box-shadow:0 0 0 2px var(--accent)}.seat.turn .seat-role{color:var(--accent);font-weight:700}.seat.offline{opacity:.55}.bubble{position:absolute;left:50%;bottom:calc(100% - .3rem);transform:translate(-50%);padding:.15rem .55rem;border-radius:999px;font-weight:800;font-size:.85rem;color:#fff;white-space:nowrap;z-index:5;pointer-events:none;animation:pop 2.6s ease-out forwards}.bubble.jibber{background:var(--ok)}.bubble.jabble{background:var(--medium)}@keyframes pop{0%{transform:translate(-50%,.6rem) scale(.6);opacity:0}8%{transform:translate(-50%) scale(1.1);opacity:1}14%{transform:translate(-50%) scale(1)}80%{opacity:1}to{transform:translate(-50%,-.4rem) scale(1);opacity:0}}.stage{display:grid;gap:.8rem}.big-note{font-size:1.25rem;font-weight:700;margin-top:.5rem}.secret{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem;padding:.6rem .9rem;border-radius:12px;background:var(--hl)}.secret .label{flex-basis:100%}.word{font-size:1.7rem;font-weight:900;letter-spacing:.06em}.word.hidden{color:var(--muted)}.secret.guesser{background:color-mix(in srgb,var(--accent) 12%,var(--bg2))}.card{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.card button{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;font-size:1.1rem;text-align:left;white-space:normal}.card button strong{flex:1;letter-spacing:.04em}.card:not(.pickable) button{opacity:1;cursor:default}.card .diff{width:1.6rem;text-align:center;padding:.1rem 0;font-size:.9rem}.clues{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}.clue{display:flex;align-items:flex-start;gap:.6rem;min-height:3rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.clue.live{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.clue.empty{border-style:dashed;background:transparent;align-items:center}.clue-no{flex:none;width:1.5rem;height:1.5rem;margin-top:.35rem;border-radius:50%;background:var(--line);font-size:.8rem;font-weight:700;display:grid;place-items:center}.clue.empty .clue-no{margin-top:0}.tiles{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.tile{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:7px;font-size:1.35rem;font-weight:800;background:color-mix(in srgb,var(--pc) 22%,var(--bg2));border-bottom:4px solid var(--pc)}.tile.caret{background:transparent;border:2px dashed var(--accent);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{opacity:.25}}@media(max-width:480px){.tile{width:1.85rem;height:1.85rem;font-size:1.15rem}}.prompt{text-align:center;font-size:1.05rem;margin:.2rem 0}.prompt.mine{font-weight:700;color:var(--accent)}.hush{text-align:center}.keyboard{display:grid;gap:.35rem;max-width:34rem;width:100%;margin:0 auto}.krow{display:flex;gap:.25rem;justify-content:center}.key{flex:1 1 0;max-width:3.2rem;min-height:3rem;padding:0;font-size:1.2rem;font-weight:700;border-radius:8px}.key:active{background:var(--accent);color:var(--accent-fg)}.stop{margin-top:.2rem;min-height:3.2rem;font-size:1.3rem;font-weight:900;letter-spacing:.08em;color:#fff;background:var(--stop);border-color:var(--stop);border-radius:12px}.reactions{display:flex;gap:.5rem;justify-content:center}.reactions button{flex:1;max-width:12rem;font-weight:800;border-radius:999px;border-width:2px}.reactions small{font-weight:400;color:var(--muted)}.reactions .jibber{border-color:var(--ok)}.reactions .jabble{border-color:var(--medium)}.guess-form input{flex:1;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.verdict-ask,.result{text-align:center;padding:1rem;border-radius:14px;border:1px solid var(--line);background:var(--bg2)}.guess-text{font-size:1.9rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere}.result.win{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--bg2))}.result.win .guess-text{color:var(--ok)}.result.miss{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,var(--bg2))}.result.miss .guess-text{color:var(--bad)}.result .word{font-size:1.3rem}.end{display:grid;gap:1rem}.final{text-align:center;padding:1.2rem 1rem}.final-score{font-size:4rem;font-weight:900;line-height:1;margin:.2rem 0}.final-score .muted{font-size:1.6rem}.rank-title{font-size:1.6rem;color:var(--accent)}.rank-3 .rank-title{color:var(--ok)}.recap,.challenges{list-style:none;padding:0;margin:0}.recap li{display:grid;grid-template-columns:1.4rem 1fr;gap:0 .5rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.recap li>:not(.mark){grid-column:2}.recap .mark{grid-row:span 3;font-weight:900}.recap .win .mark{color:var(--ok)}.recap .miss .mark{color:var(--bad)}.recap-clues{font-weight:700;letter-spacing:.05em;overflow-wrap:anywhere}.challenges li{display:flex;gap:.5rem;padding:.3rem 0}.challenges li:not(.done){opacity:.6}.challenges .done .mark{color:var(--medium)}.drawer-backdrop{position:fixed;inset:0;background:#00000059;z-index:45}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(30rem,92vw);background:var(--bg);box-shadow:-10px 0 40px #0000004d;display:flex;flex-direction:column;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0}.drawer-body{padding:.8rem 1rem;overflow:auto}.rules ol,.rules ul{padding-left:1.2rem;margin:.3rem 0}.rules li{margin:.3rem 0}@media(max-width:640px){.drawer{width:100vw}}.lock-in{margin-top:.6rem;flex-wrap:wrap}.lock-in .ok{white-space:normal;overflow-wrap:anywhere}.seat-hint{font-size:.68rem;font-weight:700;color:var(--accent);letter-spacing:.02em}.seat-hint.used{color:var(--muted);text-decoration:line-through;font-weight:400}.hint{border:1px dashed var(--line);border-radius:12px;padding:.5rem .8rem;background:var(--bg2)}.hint.ready{border:1px solid var(--accent)}.hint.used{opacity:.55}.hint-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.hint-head button,.hint-head .tag{margin-left:auto}.hint-name{font-size:1.05rem;color:var(--accent)}.hint-play{display:grid;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--line)}.row.wrap{flex-wrap:wrap}.pick-player{border-left:5px solid var(--pc)}.hint-log{list-style:none;margin:0;padding:.4rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--bg2));font-size:.9rem}.clue.ignored .tiles{opacity:.35;text-decoration:line-through}.clue.ignored .tile{text-decoration:line-through}.strike-tag{margin-left:auto;align-self:center;color:var(--bad);border-color:var(--bad);white-space:nowrap}.party{border:2px solid var(--medium);border-radius:14px;padding:.6rem .8rem;display:grid;gap:.5rem;background:color-mix(in srgb,var(--medium) 8%,var(--bg2))}.party .label{color:var(--medium);font-weight:800}.center{text-align:center}.shouts{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.shout{display:grid;justify-items:center;gap:.15rem}.key.picked{background:var(--medium);border-color:var(--medium);color:#fff}