:root{color-scheme:dark;--bg: #0f1115;--surface: #171a21;--surface-2: #1e222b;--border: #2a2e38;--text: #e6e8eb;--text-muted: #9aa1ac;--accent: #22d3ee;--accent-soft: rgba(34, 211, 238, .12);--accent-soft-strong: rgba(34, 211, 238, .2);--green: #34d399;--red: #f87171;--amber: #fbbf24;--radius: 8px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:860px;margin:0 auto;padding:1.5rem 1.25rem 4rem}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}h1,h2,h3{color:var(--text);font-weight:600}h1{font-size:1.5rem;margin:0}h2{font-size:1.25rem}h3{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem}section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}input,select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;font-size:.95rem;margin-right:.4rem}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field{position:relative;margin-bottom:0}.field input{width:100%;padding:1.15rem .7rem .4rem;margin-right:0}.field label{position:absolute;left:.7rem;top:.75rem;margin-bottom:0;font-size:.95rem;color:var(--text-muted);pointer-events:none;transition:top .15s ease,font-size .15s ease,color .15s ease}.field input:focus+label,.field input:not(:placeholder-shown)+label{top:.2rem;font-size:.7rem;color:var(--accent)}input::placeholder{color:var(--text-muted)}button{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:.5rem .9rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}button:hover:not(:disabled){background:var(--accent-soft)}button:disabled{background:transparent;color:var(--text-muted);border-color:var(--border);cursor:not-allowed}button.btn-secondary{color:var(--text);border-color:var(--border)}button.btn-secondary:hover:not(:disabled){background:var(--surface-2)}button.btn-danger{background:transparent;color:var(--red);border:1px solid var(--red)}button.btn-danger:hover:not(:disabled){background:#f871711f}p{margin:0 0 .85rem}ul,ol{list-style:none;margin:0 0 .85rem;padding:0}li{margin-bottom:.4rem}li:last-child{margin-bottom:0}.form-row{margin-bottom:.85rem}.form-row--inline{display:flex;align-items:flex-end;gap:.6rem}.form-row--inline label{margin-bottom:0}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 1rem;padding:.75rem 1rem}fieldset legend{padding:0 .4rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}fieldset label{display:inline-flex;align-items:center;gap:.3rem;margin:.2rem .8rem .2rem 0;color:var(--text)}.room-code-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.chip label{display:inline-flex;align-items:center;margin:0;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.chip label:hover{border-color:var(--accent);color:var(--text)}.chip input:checked+label{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.chip input:disabled+label{cursor:not-allowed;color:var(--text-muted);border-color:var(--border);background:transparent;opacity:.6}p[role=alert]{color:var(--red);background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius);padding:.6rem .9rem}p[role=status],.status-banner{color:var(--amber);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius);padding:.6rem .9rem}.clue-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem}.turn-banner{color:var(--accent);font-weight:600}.roster{margin:1rem 0;display:flex;flex-direction:column;gap:.4rem}.roster-item{display:flex;align-items:center;gap:.6rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;margin-bottom:0}.roster-item--turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.roster-name{font-weight:600}.roster-character{margin-left:auto;display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.roster-character-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.roster-character-name{color:var(--text)}.roster-character-franchise{font-size:.75rem;color:var(--text-muted)}.roster-character-links{display:flex;gap:.5rem}.roster-character-links a{font-size:.7rem;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.roster-character-links a:hover{border-bottom-color:var(--accent)}.badge{font-size:.75rem;border-radius:999px;padding:.15rem .55rem}.badge--muted{background:var(--border);color:var(--text-muted)}.badge--solved{background:#34d39926;color:var(--green)}.badge--forfeited{background:#f8717126;color:var(--red)}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0}.turn-actions{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.75rem 0;margin:.75rem 0}.questions-panel{margin:1rem 0}.questions-panel li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .7rem;margin-bottom:.3rem}.answers-list{margin:.25rem 0 0;padding-left:.7rem;border-left:2px solid var(--border)}.answers-list li{background:none;border:none;padding:0;margin-bottom:.1rem;color:var(--text-muted);font-size:.9rem}.answers-list li:last-child{margin-bottom:0}.incoming-question span:first-child{display:block;margin-bottom:.4rem}.guess-results li{display:flex;align-items:center;gap:.5rem}.incorrect-guesses{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.4rem;width:100%}.incorrect-guesses-label{color:var(--text-muted);font-size:.8rem}.config-banner{color:var(--text-muted);font-size:.85rem}.log-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;margin:.6rem 0}.log-panel summary{cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.log-panel summary:hover{color:var(--accent)}.log-panel[open] summary{margin-bottom:.5rem}.log-empty{color:var(--text-muted);font-size:.85rem;margin:0}.guess-search{position:relative;flex:1;min-width:12rem}.guess-results--floating{position:absolute;top:100%;left:0;right:0;z-index:10;margin:.25rem 0 0;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 8px 24px #0006;max-height:14rem;overflow-y:auto;padding:.4rem}.guess-results--floating li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .4rem;margin-bottom:.1rem}.guess-results--floating li:hover{background:var(--accent-soft);border-radius:var(--radius)}