:root{--color-bg: #0f1115;--color-surface: #1a1d24;--color-surface-raised: #23272f;--color-text: #f2f3f5;--color-text-muted: #a3a9b7;--color-border: #343946;--color-accent: #6ea8fe;--color-accent-text: #05203f;--color-danger: #ff8080;--color-success: #7fd99a;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease}@media (prefers-color-scheme: light){:root{--color-bg: #f6f7fb;--color-surface: #ffffff;--color-surface-raised: #edf0f7;--color-text: #1a1d24;--color-text-muted: #565d6d;--color-border: #d8dce6;--color-accent: #2861d6;--color-accent-text: #ffffff;--color-danger: #b3261e;--color-success: #1e7a3e}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3{line-height:1.2}a{color:var(--color-accent)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:var(--color-accent-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:100}.skip-link:focus{left:var(--space-3);top:var(--space-3)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}button,input,select{font:inherit;color:inherit}button{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}button:hover{border-color:var(--color-accent)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);font-weight:600}button.danger{border-color:var(--color-danger);color:var(--color-danger)}input[type=text],input[type=search],select{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%}label{display:block;margin-bottom:var(--space-1);font-weight:600}.field{margin-bottom:var(--space-4)}.field-error{color:var(--color-danger);font-size:.9em;margin-top:var(--space-1)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.status-row{display:flex;align-items:center;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.85em;padding:2px var(--space-2);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-raised)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.player-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-raised)}.player-row[data-dead=true]{opacity:.6;text-decoration:line-through}.target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.narrator-feed{max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-md)}.narrator-entry{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-danger);color:#2a0000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);max-width:90vw;z-index:200}.room-code-display{font-size:2.2rem;font-weight:700;letter-spacing:.15em;font-family:ui-monospace,monospace}.stepper{display:flex;align-items:center;gap:var(--space-3)}.stepper output{min-width:2ch;text-align:center;font-weight:700}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:0 0 var(--space-4)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.text-muted{color:var(--color-text-muted)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);flex-wrap:wrap}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150}.dialog-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:151}.dialog-content{max-width:420px;width:100%}