:root{color-scheme:dark;font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at top,rgba(245,158,11,.12),transparent 26%),radial-gradient(circle at right,rgba(220,38,38,.16),transparent 30%),linear-gradient(180deg,#1a1310,#090909);color:#f8f3e7;--panel: rgba(19, 15, 13, .88);--panel-border: rgba(251, 191, 36, .18);--accent: #f59e0b;--accent-soft: #fcd34d;--ink: #fff7ed;--muted: #d6c4a6}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.app-shell{max-width:1600px;margin:0 auto;padding:1.5rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.eyebrow,h1,h2,h3,h4{font-family:Bebas Neue,sans-serif;letter-spacing:.06em}.eyebrow,.panel-kicker{color:var(--accent);margin:0;font-size:1rem}h1{margin:.15rem 0 .35rem;font-size:clamp(3rem,5vw,5.6rem);line-height:.95}.subhead{margin:0;max-width:48rem;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:1.5rem;align-items:start}.content-grid{display:grid;gap:1.5rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:0 22px 50px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tracker,.story-panel,.dice-modal{padding:1.2rem}.tracker{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.panel-heading--spread,.panel-heading--tight{align-items:center}.panel-heading h2,.tracker h2{margin:.15rem 0 0;font-size:2rem}.topbar-actions,.panel-actions,.room-head-actions,.status-actions{display:flex;gap:.6rem;flex-wrap:wrap}.chip,.ghost-button,.accent-button{border-radius:999px;border:1px solid rgba(255,237,213,.18);background:#ffffff0a;color:var(--ink);padding:.65rem 1rem;transition:transform .12s ease,border-color .12s ease,background .12s ease}.chip:hover,.ghost-button:hover,.accent-button:hover,.option-button:hover{transform:translateY(-1px);border-color:#fbbf24b3}.accent-button{background:linear-gradient(135deg,#f59e0b,#dc2626);border:none}.chip--small,.ghost-button--small{padding:.45rem .75rem;font-size:.9rem}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.status-card,.rules-card,.table-card,.room-card,.tracker-room{border-radius:18px;background:#ffffff08;border:1px solid rgba(255,237,213,.1)}.status-card{padding:.9rem}.status-card span{display:block;color:var(--muted)}.status-card strong{display:block;margin:.2rem 0 .7rem;font-size:2rem}.tracker-section{margin-top:1.2rem}.tracker-section h3,.rules-card h3,.table-card h3,.room-field h4{margin:0;font-size:1.45rem}.summary-bullets{margin:.75rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem;color:var(--muted)}.summary-bullets strong{color:var(--accent-soft)}.tracker-room-title,.tracker-room-head,.table-card-head,.room-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.tracker-room{padding:.8rem;margin-top:.75rem}.tracker-room--active,.room-card--active{border-color:#f59e0bb3;box-shadow:0 0 0 1px #f59e0b4d inset}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.hero-flow{display:grid;gap:1.25rem}.hero-flow-block{display:grid;gap:.85rem}.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.identity-field{display:grid}.hero-flow-label{margin:0;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem}.table-card,.rules-card,.room-card{padding:1rem}.selection-pill{margin:.85rem 0;padding:.8rem .9rem;border-radius:14px;background:#fbbf2414;color:var(--ink);min-height:3.4rem;display:flex;align-items:center}.option-list{display:grid;gap:.55rem}.option-button{width:100%;text-align:left;display:flex;gap:.7rem;align-items:baseline;border-radius:14px;padding:.75rem .85rem;border:1px solid rgba(255,237,213,.1);background:#ffffff05;color:var(--ink)}.option-button span{min-width:1.4rem;color:var(--accent-soft)}.option-button--active{background:#f59e0b21;border-color:#f59e0b99}.rules-columns{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.room-threat-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1rem}.rooms-stack{display:grid;gap:1rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem}.room-field{padding:.8rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,237,213,.08);display:flex;justify-content:space-between;gap:.75rem}.ridiculous-box,.notes-block{margin-top:1rem}.ridiculous-box{border-radius:16px;padding:.85rem;background:#ef444414;border:1px solid rgba(239,68,68,.28)}.field-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-soft);margin-bottom:.4rem}.text-input,.notes-input{width:100%;border-radius:14px;border:1px solid rgba(255,237,213,.12);background:#00000040;color:var(--ink);padding:.8rem .9rem}.notes-input{min-height:110px;resize:vertical}.collapsed-note,.muted,.room-field p,.table-card p,.rules-card li,.tracker-section p{color:var(--muted)}.dice-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#000000b8;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:20}.dice-overlay--active{opacity:1;pointer-events:auto}.dice-modal{width:min(92vw,520px)}.dice-canvas{width:420px;max-width:100%;height:360px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,237,213,.08)}.dice-canvas canvas{display:block;width:100%!important;height:auto!important}@media(max-width:1120px){.workspace-grid{grid-template-columns:1fr}.tracker{position:static;max-height:none}}@media(max-width:720px){.app-shell{padding:1rem}.topbar,.panel-heading,.room-card-head,.tracker-room-head,.panel-heading--spread{flex-direction:column}.status-grid{grid-template-columns:1fr}}