:root{color:#261f1a;font-synthesis:none;--ink:#261f1a;--muted:#75695e;--paper:#fbf8f0;--paper-deep:#f2eadb;--line:#d9cdbb;--red:#9d382d;--gold:#d69b38;--green:#426a53;background:#efe9dc;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#d69b3826,#0000 31rem),linear-gradient(#f6f0e4,#e9e0d0);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{margin-bottom:.35rem;font-size:clamp(1.9rem,7vw,3.4rem);line-height:1}h2{margin-bottom:.8rem;font-size:1.25rem}.eyebrow{color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800}.join-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.join-card{border:1px solid var(--line);background:#fbf8f0f0;border-radius:1.2rem;width:min(100%,29rem);padding:clamp(1.5rem,6vw,3rem);box-shadow:0 24px 70px #452e1824}.lead,.empty{color:var(--muted)}form label{color:var(--muted);gap:.4rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:grid}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:.65rem;outline:none}input,select{min-height:2.8rem;padding:0 .8rem}textarea{resize:vertical;padding:.75rem}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d69b3829}.primary{background:var(--red);color:#fff;border:0;border-radius:.65rem;width:100%;min-height:2.9rem;font-weight:800}.text-button{color:var(--muted);text-underline-offset:.2em;background:0 0;border:0;text-decoration:underline}.join-card .text-button{width:100%;margin-top:.8rem}.error{color:#a32920;font-weight:650}.banner{background:#fff0ed;border:1px solid #dfb1ab;border-radius:.7rem;margin-bottom:.8rem;padding:.8rem 1rem}.game-shell{width:min(100%,54rem);min-height:100vh;margin:0 auto;padding:1rem .8rem 5rem}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem .25rem 1.4rem;display:flex}.topbar h1{font-size:clamp(1.7rem,7vw,2.8rem)}.actor-picker{color:var(--muted);align-items:center;gap:.7rem;margin-bottom:.8rem;font-size:.78rem;font-weight:750;display:flex}.actor-picker select{width:auto;min-height:2.2rem}.card,.story-panel,.dm-desk,.recap-card{border:1px solid var(--line);background:var(--paper);border-radius:.9rem;margin-bottom:1rem;box-shadow:0 6px 22px #452e180f}.card,.dm-desk{padding:1rem}.recap-card{overflow:hidden}.recap-card summary{color:#fff9ea;cursor:pointer;background:#332b25;padding:.9rem 1rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.recap-card>div{padding:.9rem 1rem .15rem}.recap-card p{margin-bottom:.7rem;font-size:.92rem}.fact-kind{color:var(--red);text-transform:uppercase;margin-right:.45rem;font-size:.7rem;font-weight:800}.decision{color:var(--green);font-weight:700}.story-panel{overflow:hidden}.section-title{justify-content:space-between;align-items:center;padding:1rem 1rem 0;display:flex}.section-title h2{margin:0}.live-dot{color:var(--green);font-size:.65rem}.message-feed{gap:.7rem;max-height:58vh;margin:0;padding:1rem;list-style:none;display:grid;overflow-y:auto}.message{border-left:3px solid var(--line);background:#fffdf8;border-radius:0 .55rem .55rem 0;padding:.8rem .9rem}.message.dm_narration,.message.scene_transition{border-left-color:var(--red);background:#f8eee7;font-family:Georgia,Times New Roman,serif}.message.character_speech{border-left-color:var(--gold)}.message.action_emote{border-left-color:var(--green);font-style:italic}.message.fiction-update{border-left-color:var(--green);background:#2d694e12;font-family:inherit;font-style:normal}.message.ooc{opacity:.72}.message p{white-space:pre-wrap;margin:0;line-height:1.45}.message-meta{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-bottom:.3rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-style:normal;font-weight:800;display:flex}.story-panel>.empty{text-align:center;padding:2rem 1rem}.player-pending{border:1px solid var(--gold);color:var(--muted);background:#d69b3814;border-radius:.65rem;gap:.35rem;margin:.75rem;padding:.8rem;font-size:.78rem;display:grid}.player-pending strong{color:var(--ink)}.player-pending blockquote{border-left:3px solid var(--gold);color:var(--ink);gap:.15rem;margin:.35rem 0 0;padding-left:.65rem;font-family:Georgia,serif;font-size:.9rem;display:grid}.player-pending small{color:var(--muted);text-transform:uppercase;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:800}.composer{border-top:1px solid var(--line);background:var(--paper-deep)}.mode-tabs{gap:.3rem;padding:.6rem .7rem 0;display:flex;overflow-x:auto}.mode-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;padding:.4rem .65rem;font-size:.72rem;font-weight:750}.mode-tabs button.active{background:var(--ink);color:#fff}.composer-row{grid-template-columns:1fr 2.8rem;gap:.5rem;padding:.65rem;display:grid}.composer textarea{background:#fff;min-height:3.2rem}.send{background:var(--red);color:#fff;border:0;border-radius:.65rem;font-size:1.4rem}.chips,.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip,.button-row button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:.5rem .75rem;font-size:.78rem}.chip.roll{border-color:var(--gold);color:#76500f}.ruling-author{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:800}.pregen-grid,.rulings{gap:.8rem;display:grid}.pregen,.rulings article{border:1px solid var(--line);background:#fffdf8;border-radius:.7rem;padding:.9rem}.pregen h3{margin-bottom:.3rem}.pregen p{color:var(--muted);font-size:.87rem}.pregen button{background:var(--green);color:#fff;border:0;border-radius:.5rem;padding:.55rem .8rem}.dm-desk{background:#f8f0dd;border-color:#c7a35f}.dm-desk h2:not(:first-of-type){margin-top:1.4rem}.button-row .danger{color:var(--red)}.improv-grid{gap:.7rem;display:grid}.improv-grid .primary{width:auto;padding:0 1rem}footer{justify-content:center;padding:1rem;display:flex}.loader{border:3px solid var(--line);border-top-color:var(--red);border-radius:50%;width:2rem;height:2rem;margin:2rem auto;animation:.8s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=700px){.game-shell{padding:2rem 1.5rem 6rem}.pregen-grid{grid-template-columns:repeat(3,1fr)}.improv-grid{grid-template-columns:1fr 1fr}.improv-grid textarea{grid-column:1/-1}}