:root{--ink: #0d0c0a;--ink-raised: #16140f;--ink-sunken: #090807;--line: #2b2519;--line-bright: #3d3423;--parchment: #e4dbc8;--parchment-dim: #a89e8a;--muted: #7d7360;--gold: #c8a86a;--gold-bright: #ecd6a4;--gold-dim: #6d5c38;--blood: #b4544a;--verdant: #7f9a68;--arcane: #8b7cb0;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--parchment);font-family:var(--sans);font-size:15px;line-height:1.5;background-image:radial-gradient(120% 60% at 50% 0%,rgba(200,168,106,.06) 0%,transparent 70%);background-attachment:fixed}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.panel{background:var(--ink-raised);border:1px solid var(--line);border-radius:3px}.rule{border:0;border-top:1px solid var(--line);margin:1.25rem 0}.label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.btn{background:transparent;border:1px solid var(--gold-dim);color:var(--gold-bright);padding:.5rem 1rem;border-radius:3px;letter-spacing:.04em;transition:border-color .12s,background .12s}.btn:hover:not(:disabled){border-color:var(--gold);background:#c8a86a14}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#c8a86a1f;border-color:var(--gold)}.btn-quiet{border-color:transparent;color:var(--parchment-dim);padding:.35rem .6rem}.btn-quiet:hover:not(:disabled){color:var(--gold-bright);background:#c8a86a0f}.field{width:100%;background:var(--ink-sunken);border:1px solid var(--line);border-radius:3px;padding:.6rem .75rem;color:var(--parchment)}.field:focus{outline:none;border-color:var(--gold-dim)}.error-text{color:var(--blood);font-size:.85rem}.gate{min-height:100%;display:grid;place-items:center;padding:2rem 1rem}.gate-card{width:min(26rem,100%);padding:2rem;text-align:center}.gate-title{font-family:var(--serif);font-size:2.4rem;font-weight:400;letter-spacing:.06em;color:var(--gold-bright);margin:0 0 .25rem}.gate-sub{font-family:var(--serif);font-style:italic;color:var(--parchment-dim);margin:0 0 2rem}.gate form{display:grid;gap:.75rem}.gate-note{margin-top:1.5rem;font-size:.78rem;color:var(--muted);line-height:1.6}.shell{max-width:62rem;margin:0 auto;padding:2rem 1.25rem 4rem}.shell-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.shell-title{font-family:var(--serif);font-size:1.75rem;font-weight:400;color:var(--gold-bright);margin:0}.roster-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.char-card{padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.75rem;text-align:left;width:100%;border-color:var(--line)}button.char-card:hover{border-color:var(--gold-dim)}.char-name{font-family:var(--serif);font-size:1.25rem;color:var(--gold-bright)}.char-line{font-size:.85rem;color:var(--parchment-dim);text-transform:capitalize}.char-summary{font-family:var(--serif);font-size:.9rem;font-style:italic;color:var(--muted);line-height:1.5}.char-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--line)}.tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .45rem;border:1px solid var(--line-bright);border-radius:2px;color:var(--parchment-dim)}.tag-tutorial{color:var(--gold);border-color:var(--gold-dim)}.tag-piloted{color:var(--arcane);border-color:#4a4160}.empty{font-family:var(--serif);font-style:italic;color:var(--muted);padding:3rem 1rem;text-align:center}.play{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:1.5rem;max-width:74rem;margin:0 auto;padding:1rem 1.25rem 0;height:100%}.play-main{display:flex;flex-direction:column;min-height:0;height:100vh}.play-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.play-title{font-family:var(--serif);font-size:1.15rem;color:var(--gold-bright);margin:0}.play-scene{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--muted)}.status-dot{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-open:before{background:var(--verdant)}.status-connecting:before,.status-reconnecting:before{background:var(--gold)}.status-refused:before,.status-closed:before{background:var(--blood)}.stream{flex:1;min-height:0;overflow-y:auto;padding:1.5rem 0;display:flex;flex-direction:column;gap:1.25rem}.entry-narration{font-family:var(--serif);font-size:1.06rem;line-height:1.72;color:var(--parchment);white-space:pre-wrap}.entry-actor{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}.entry-awareness{color:var(--parchment-dim);font-style:italic;border-left:2px solid var(--line-bright);padding-left:1rem}.entry-replay{font-family:var(--mono);font-size:.78rem;color:var(--muted);padding-left:1rem;border-left:2px solid var(--line)}.entry-prompt{font-family:var(--serif);font-size:1rem;font-style:italic;color:var(--gold-bright);border-left:2px solid var(--gold-dim);padding-left:1rem}.turn-yours{margin-top:.75rem;padding:.45rem .6rem;border-radius:2px;background:#c8a86a1a;color:var(--gold-bright);font-size:.85rem}.entry-error{font-family:var(--mono);font-size:.82rem;color:var(--blood);border-left:2px solid var(--blood);padding-left:1rem}.entry-system{font-family:var(--mono);font-size:.78rem;color:var(--muted);text-align:center;letter-spacing:.06em}.result{font-family:var(--mono);font-size:.8rem;background:var(--ink-sunken);border:1px solid var(--line);border-left:2px solid var(--gold-dim);border-radius:2px;padding:.7rem .9rem}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.4rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.result-line{display:flex;flex-wrap:wrap;gap:.35rem 1rem;color:var(--parchment-dim)}.result-line b{color:var(--parchment);font-weight:600}.verdict-hit,.verdict-success{color:var(--verdant)}.verdict-miss,.verdict-fail{color:var(--blood)}.verdict-critical{color:var(--gold-bright)}.composer{border-top:1px solid var(--line);padding:.9rem 0 1.2rem;display:grid;gap:.6rem}.composer-modes{display:flex;gap:.35rem;flex-wrap:wrap}.mode{background:transparent;border:1px solid var(--line);border-radius:2px;padding:.25rem .6rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mode[aria-pressed=true]{border-color:var(--gold-dim);color:var(--gold-bright);background:#c8a86a14}.composer-row{display:flex;gap:.6rem;align-items:flex-end}.composer textarea{flex:1;resize:none;min-height:2.6rem;max-height:9rem;font-family:var(--serif);font-size:1rem;line-height:1.5}.composer-hint{font-size:.72rem;color:var(--muted)}.voice-bar{display:grid;gap:.5rem;padding:.75rem 0 0;border-top:1px solid var(--line)}.voice-controls{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.mic{width:100%;padding:.7rem 1rem;background:transparent;border:1px dashed var(--line-bright);border-radius:3px;color:var(--parchment-dim);letter-spacing:.06em;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color .12s,color .12s,background .12s}.mic-idle{cursor:default}.mic-live{border-style:solid;border-color:var(--gold);color:var(--gold-bright);background:#c8a86a1a;animation:mic-pulse 1.8s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #c8a86a38}50%{box-shadow:0 0 0 6px #c8a86a00}}@media (prefers-reduced-motion: reduce){.mic-live{animation:none}}.voice-transcript{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--parchment-dim);padding:0 .25rem;min-height:1.4em}.status-speaking:before{background:var(--arcane)}.aside{display:flex;flex-direction:column;gap:1rem;padding:1rem 0 2rem;overflow-y:auto;height:100vh}.aside section{padding:.9rem 1rem}.aside h3{margin:0 0 .7rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.seat{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem 0;font-size:.86rem}.seat-you{color:var(--gold-bright)}.seat-modality{font-family:var(--mono);font-size:.68rem;color:var(--muted)}.turn{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.28rem .45rem;font-size:.85rem;border-radius:2px}.turn-current{background:#c8a86a1a;color:var(--gold-bright)}.turn-total{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.round{font-family:var(--mono);font-size:.72rem;color:var(--muted);margin-bottom:.5rem}.tutorial-step{font-family:var(--serif);font-size:.92rem;line-height:1.6;color:var(--parchment-dim)}.tutorial-expects{margin-top:.6rem;font-family:var(--mono);font-size:.75rem;color:var(--gold)}.banner{padding:.7rem .9rem;border:1px solid var(--gold-dim);background:#c8a86a1a;border-radius:3px;font-size:.85rem;color:var(--gold-bright)}@media (max-width: 60rem){.play{grid-template-columns:minmax(0,1fr);padding:.75rem 1rem 0;height:auto}.aside{height:auto;order:-1;padding:.5rem 0 0;flex-direction:row;flex-wrap:wrap}.aside section{flex:1 1 8rem;padding:.7rem .8rem}.play-main{height:auto}.stream{overflow-y:visible;flex:none}.controls{position:sticky;bottom:0;background:var(--ink);padding-bottom:.75rem}}