:root{--bg: #12151c;--surface: #1b202b;--surface-2: #232a38;--line: #303a4c;--text: #e8ecf4;--muted: #8d99b0;--red: #d5453f;--blue: #3d7bd8;--neutral: #b8a888;--assassin: #0d0f14;--accent: #4c9f70;--radius: 10px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;overscroll-behavior-y:none}button,input,select{font:inherit;color:inherit;touch-action:manipulation}.screen{max-width:520px;margin:0 auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom));padding-top:calc(12px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:12px}.screen--center{min-height:100vh;min-height:100dvh;justify-content:center}.title{margin:0 0 8px;font-size:28px;text-align:center}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.error{color:var(--red);text-align:center}.divider{color:var(--muted);font-size:13px;text-align:center}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:13px}.field input,.actionbar input,.actionbar select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;font-size:16px}.input--code{text-align:center;letter-spacing:8px;font-size:24px!important;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:8px}.btn{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;font-size:16px;font-weight:500;min-height:48px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4}.btn--primary{background:var(--accent);border-color:transparent;color:#fff}.btn--ghost{background:transparent}.btn--small{min-height:36px;padding:8px 12px;font-size:14px}.badge{margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;vertical-align:middle}.badge--dim{opacity:.6}.lobby__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.code{font-size:32px;font-weight:700;letter-spacing:6px}.members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.member{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.member--red{border-left-color:var(--red)}.member--blue{border-left-color:var(--blue)}.member__name{font-weight:500;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.member__kick{margin-left:auto;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:18px;line-height:1}.watchers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.watchers li{display:flex;align-items:center;gap:6px}.member__controls{display:flex;gap:6px}.chip{flex:1;background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 4px;font-size:13px;color:var(--muted);min-height:40px}.chip:disabled{opacity:.35}.chip.is-on{color:#fff;border-color:transparent;background:var(--accent)}.chip--red.is-on{background:var(--red)}.chip--blue.is-on{background:var(--blue)}.game{gap:8px}.scorebar{display:flex;align-items:center;gap:10px;font-size:14px}.scorebar__mid{flex:1;text-align:center}.score{min-width:42px;padding:6px 8px;border-radius:var(--radius);text-align:center;font-size:18px;font-weight:700;opacity:.55}.score--red{background:var(--red)}.score--blue{background:var(--blue)}.score.is-turn{opacity:1;box-shadow:0 0 0 2px var(--text)}.cluebar{display:flex;align-items:baseline;gap:8px;min-height:28px;padding:0 2px}.cluebar__word{font-size:20px;text-transform:uppercase}.cluebar__count{background:var(--surface-2);border-radius:999px;padding:2px 9px;font-weight:700}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tile{aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font-size:clamp(9px,2.85vw,15px);font-weight:600;line-height:1.05;text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none}.tile:disabled{opacity:1}.tile.is-key{border-width:2px}.tile--red.is-key{border-color:var(--red);background:color-mix(in srgb,var(--red) 22%,var(--surface))}.tile--blue.is-key{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 22%,var(--surface))}.tile--neutral.is-key{border-color:var(--neutral);background:color-mix(in srgb,var(--neutral) 18%,var(--surface))}.tile--assassin.is-key{border-color:#000;background:repeating-linear-gradient(45deg,#14161c,#14161c 5px,#0a0b0f 5px,#0a0b0f 10px)}.tile.is-revealed{border-color:transparent;color:#fff;opacity:.9}.tile--red.is-revealed{background:var(--red)}.tile--blue.is-revealed{background:var(--blue)}.tile--neutral.is-revealed{background:var(--neutral);color:#24201a}.tile--assassin.is-revealed{background:var(--assassin);box-shadow:inset 0 0 0 2px var(--red)}.tile.is-selected{box-shadow:0 0 0 3px var(--text)}.actionbar{position:sticky;bottom:env(safe-area-inset-bottom);display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.actionbar .btn{flex:1}.actionbar--clue input{flex:1;min-width:0}.actionbar--clue select{width:68px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.panel summary{color:var(--muted);font-size:14px}.roster{margin:8px 0 0;font-size:14px}.roster--red{color:color-mix(in srgb,var(--red) 70%,var(--text))}.roster--blue{color:color-mix(in srgb,var(--blue) 70%,var(--text))}.history{margin:8px 0 0;padding-left:18px;max-height:180px;overflow-y:auto;font-size:14px}.history__item--red{color:color-mix(in srgb,var(--red) 60%,var(--text))}.history__item--blue{color:color-mix(in srgb,var(--blue) 60%,var(--text))}.hostbar{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hostbar__menu{display:flex;gap:8px;flex-wrap:wrap}.pill,.toast{position:fixed;left:50%;transform:translate(-50%);z-index:10;padding:6px 14px;border-radius:999px;font-size:13px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 6px 20px #0006}.pill{top:calc(6px + env(safe-area-inset-top));color:var(--muted)}.toast{bottom:calc(70px + env(safe-area-inset-bottom));background:var(--red);border-color:transparent;color:#fff}