:root{--wood-900: #140d08;--wood-800: #1b130c;--wood-700: #2a1d12;--wood-600: #3b2918;--parchment: #e9dcbc;--parchment-dark: #cdb98a;--ink: #2b2116;--gold: #c9a24a;--gold-bright: #e6c36a;--iron: #6f6a62;--blood: #8b1e1e;--ok: #4f7a3a;--text: #efe4cc;--text-dim: #b9a888;--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-body: "EB Garamond", "Iowan Old Style", Georgia, serif;--radius: 6px;--touch: 44px;--gap: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--wood-800);color:var(--text);font-family:var(--font-body);font-size:18px;-webkit-text-size-adjust:100%;overscroll-behavior:none}button,input,select,textarea{font:inherit}.app{min-height:100%;display:flex;flex-direction:column}.btn,.tab{min-height:var(--touch);min-width:var(--touch);padding:8px 16px;border-radius:var(--radius);border:1px solid var(--gold);background:var(--wood-700);color:var(--text);cursor:pointer;touch-action:manipulation}.btn-primary,.tab.active{background:var(--gold);color:var(--wood-900)}.login{margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:var(--gap);max-width:420px;width:100%}.login form{display:flex;flex-direction:column;gap:var(--gap);width:100%}.login input{min-height:var(--touch);padding:8px 12px;border-radius:var(--radius);border:1px solid var(--gold);background:var(--parchment);color:var(--ink);font-size:22px;text-align:center;letter-spacing:.1em}.brand{font-family:var(--font-display);color:var(--gold-bright);font-size:56px;margin:0;letter-spacing:.15em}.subtitle{color:var(--text-dim);margin:0}.error{color:#ff9a8a}.shell{display:flex;flex-direction:column;min-height:100%}.tabs{display:flex;gap:6px;padding:8px;overflow-x:auto;background:var(--wood-900);border-bottom:2px solid var(--gold);-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.shell-main{flex:1;padding:var(--gap);overflow:auto}.panel{background:var(--wood-700);border:1px solid var(--iron);border-radius:var(--radius);padding:16px}.panel-title{font-family:var(--font-display);color:var(--gold-bright);margin:0 0 8px;font-size:22px}.placeholder{color:var(--text-dim);font-style:italic}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0603bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.overlay-card{background:var(--parchment);color:var(--ink);border:3px solid var(--gold);border-radius:var(--radius);padding:20px;max-width:720px;width:100%;max-height:90vh;overflow:auto}.overlay-card .panel-title{color:var(--ink)}.conn-banner{position:sticky;top:0;z-index:60;background:var(--blood);color:#fff;text-align:center;padding:6px}.portrait{margin:0;border:3px solid var(--gold);border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--wood-600)}.portrait img{width:100%;height:100%;object-fit:cover}.portrait-sm{width:48px;height:48px}.portrait-md{width:96px;height:96px}.portrait-lg{width:160px;height:160px}.portrait-dead{filter:grayscale(1)}.portrait-fallback{font-family:var(--font-display);color:var(--gold);font-size:1.4em}.fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70}.story-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--gap);align-items:start}@media(max-width:900px){.story-grid{grid-template-columns:1fr}}.scene-meta{color:var(--text-dim);margin:0 0 4px;font-size:15px;letter-spacing:.05em;text-transform:uppercase}.read-aloud{margin:8px 0 12px;padding:12px 16px;background:var(--parchment);color:var(--ink);border-left:4px solid var(--gold);border-radius:var(--radius);font-size:20px;line-height:1.45}.gm-notes{color:var(--text-dim);margin:6px 0}.sub-title{font-family:var(--font-display);color:var(--gold);font-size:17px;margin:14px 0 6px}.check{border-top:1px solid var(--wood-600);padding:8px 0}.check p{margin:0 0 6px}.btn-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:6px 12px}.btn.active{background:var(--wood-600);border-color:var(--gold-bright);color:var(--gold-bright)}.nav-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.jump{display:flex;gap:8px;flex-wrap:wrap}.jump select{min-height:var(--touch);max-width:100%;border-radius:var(--radius);background:var(--parchment);color:var(--ink);border:1px solid var(--gold);padding:0 8px}.seats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.seat{display:inline-flex;align-items:center;font-size:14px;padding:2px 10px;border-radius:999px;border:1px solid var(--iron)}.seat-on{border-color:var(--ok);color:#b9dca6}.seat-off{color:var(--text-dim)}.roll-entries{list-style:none;padding:0;margin:6px 0}.roll-entries li{padding:4px 0}.outcome{margin-top:12px;padding:12px;border-radius:var(--radius);background:var(--wood-800);border:2px solid var(--iron)}.outcome-success{border-color:var(--ok)}.outcome-critSuccess{border-color:var(--gold-bright)}.outcome-fail{border-color:var(--iron)}.outcome-critFail{border-color:var(--blood)}.outcome-band{font-family:var(--font-display);color:var(--gold-bright);margin:0 0 6px}.scene-card{margin:var(--gap) var(--gap) 0;padding:14px 16px;background:var(--parchment);color:var(--ink);border:2px solid var(--gold);border-radius:var(--radius)}.scene-card .scene-meta{color:#6b5636}.scene-title{font-family:var(--font-display);margin:0 0 6px;font-size:22px}.scene-text{margin:0;font-size:19px;line-height:1.45}.outcome-player{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--parchment-dark)}.die-row{display:flex;gap:12px;margin:10px 0}.die-input{width:88px;min-height:64px;font-size:34px;text-align:center;border-radius:var(--radius);border:2px solid var(--gold);background:#fff8e6;color:var(--ink)}.seat-wrap{display:inline-flex;align-items:center;gap:6px}