:root{--bg: #100e13;--bg-deep: #0a090c;--surface: #191620;--surface-2: #211d2a;--surface-3: #2a2535;--line: #322c3e;--line-soft: #26212f;--ink: #ece7f2;--ink-dim: #a79fb4;--ink-faint: #968ea9;--gold: #e3ac5a;--gold-bright: #f5c87d;--gold-deep: #8a6428;--blood: #d6584f;--blood-deep: #5d2320;--blood-ink: #ffd9d6;--jade: #5fb98a;--azure: #6f9fe0;--violet: #a481d8;--tint: #231b10;--tint-strong: #241b10;--good-bg: #1d4435;--good-ink: #a7e8c6;--gold-bg: #4a3613;--info-bg: #1b2433;--info-line: #2f4260;--info-ink: #cfe0f7;--crit-wash: #241b0d;--fumble-wash: #2a1413;--scroll-thumb: #3b3448;--stage-glow: #17131d;--shadow-strength: .35;--scrim: rgba(6, 5, 8, .78);--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--r-sm: 6px;--r: 10px;--r-lg: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, calc(var(--shadow-strength) * .6)), 0 8px 24px rgba(0, 0, 0, calc(var(--shadow-strength) * .5));color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font-weight:500;transition:background .14s,border-color .14s,transform .08s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:var(--gold-deep);color:#2a1d08;font-weight:650}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd793,var(--gold-bright));border-color:var(--gold-deep)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-dim)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-danger:hover:not(:disabled){background:var(--blood-deep);border-color:var(--blood);color:var(--blood-ink)}.field{display:block;width:100%;padding:9px 12px;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .14s}.field:focus-visible{border-color:var(--gold-deep)}.field::placeholder{color:var(--ink-faint)}.label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r)}.card-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--ink-dim);white-space:nowrap}.pill-bad{background:var(--blood-deep);color:var(--blood-ink)}.pill-good{background:var(--good-bg);color:var(--good-ink)}.pill-gold{background:var(--gold-bg);color:var(--gold-bright)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.mono{font-family:var(--mono)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:7px 16px;min-height:52px;flex:none;background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:baseline;gap:9px;font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.01em;color:var(--gold-bright);background:none;border:none;padding:0}.brand small{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.scene-crumb{display:flex;flex:1 1 140px;align-items:baseline;gap:8px;min-width:0;padding-left:14px;border-left:1px solid var(--line)}.scene-crumb b{font-family:var(--serif);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spacer{flex:1}.meter{display:flex;align-items:center;gap:9px;padding:5px 11px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:99px;font-size:12px}.meter-bar{position:relative;width:72px;height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--jade),var(--gold));transition:width .4s ease}.meter-fill.hot{background:linear-gradient(90deg,var(--gold),var(--blood))}.library{flex:1;overflow-y:auto;padding:40px 24px 80px}.library-inner{max-width:940px;margin:0 auto}.library h1{font-family:var(--serif);font-size:30px;font-weight:600;margin:0 0 6px}.library .sub{color:var(--ink-dim);margin:0 0 30px;max-width:60ch;line-height:1.6}.whose{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.whose button{padding:6px 13px;background:var(--surface);border:1px solid var(--line-soft);border-radius:99px;color:var(--ink-dim);font-size:12.5px;font-weight:500;transition:color .14s,border-color .14s,background .14s}.whose button:hover{color:var(--ink);border-color:var(--line)}.whose button.on{background:var(--tint);border-color:var(--gold);color:var(--ink)}.camp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px}.camp-card{display:flex;flex-direction:column;gap:10px;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);transition:border-color .16s,transform .16s,background .16s}.camp-card:hover{border-color:var(--gold-deep);background:var(--surface-2);transform:translateY(-2px)}.camp-card h3{font-family:var(--serif);font-size:18px;font-weight:600;margin:0;line-height:1.25}.camp-card .who{font-size:12.5px;color:var(--ink-dim)}.camp-card .row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto}.camp-new{border-style:dashed;border-color:var(--line);align-items:center;justify-content:center;min-height:150px;color:var(--ink-dim);font-size:15px;font-weight:500;gap:6px}.camp-new:hover{color:var(--gold-bright)}.wizard{max-width:780px;margin:0 auto}.wizard h1{font-family:var(--serif);font-size:28px;margin:0 0 24px}.step{margin-bottom:30px}.step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-num{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:99px;background:var(--surface-3);color:var(--gold-bright);font-family:var(--mono);font-size:11px;font-weight:700}.step-head h2{font-size:15px;font-weight:600;margin:0}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.choice{padding:13px 14px;text-align:left;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-sm);transition:border-color .14s,background .14s}.choice:hover{background:var(--surface-2);border-color:var(--line)}.choice.on{border-color:var(--gold);background:var(--tint)}.choice b{display:block;font-size:14px;margin-bottom:4px}.choice span{display:block;font-size:12px;color:var(--ink-dim);line-height:1.5}.choice.compact{padding:9px 12px}.choice.compact b{margin:0;font-size:13px;font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.play{flex:1;display:grid;grid-template-columns:252px minmax(0,1fr) 302px;min-height:0}.rail{display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto;background:var(--bg-deep)}.rail-left{border-right:1px solid var(--line-soft)}.rail-right{border-left:1px solid var(--line-soft)}.block{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;flex:none}.block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--line-soft)}.block-body{padding:12px;display:flex;flex-direction:column;gap:10px}.block-body.tight{gap:6px}.stage{display:flex;flex-direction:column;min-height:0;background:radial-gradient(120% 80% at 50% 0%,var(--stage-glow) 0%,var(--bg) 60%)}.scroll{flex:1;overflow-y:auto;padding:32px 0 20px;scroll-behavior:smooth}.thread{max-width:68ch;margin:0 auto;padding:0 28px;display:flex;flex-direction:column;gap:24px}.narration{font-family:var(--serif);font-size:17.5px;line-height:1.72;color:var(--ink)}.narration p{margin:0 0 1.05em}.narration p:last-child{margin-bottom:0}.narration strong{color:var(--gold-bright);font-weight:600}.narration em{color:var(--ink-dim)}.said{align-self:flex-end;max-width:85%;padding:11px 15px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px 14px 4px;font-size:14.5px;line-height:1.6;color:var(--ink)}.said-tag{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.scene-break{display:flex;align-items:center;gap:14px;margin:8px 0;color:var(--gold-deep)}.scene-break:before,.scene-break:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.scene-break span{font-family:var(--serif);font-size:12px;font-style:italic;letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap}.thinking{display:inline-flex;gap:5px;align-items:center;color:var(--ink-faint);font-size:13px;font-style:italic;font-family:var(--serif)}.thinking i{width:5px;height:5px;border-radius:99px;background:var(--gold-deep);animation:pulse 1.3s infinite ease-in-out}.thinking i:nth-child(2){animation-delay:.18s}.thinking i:nth-child(3){animation-delay:.36s}@keyframes pulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.caret:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:var(--gold);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.notice{padding:11px 14px;border-radius:var(--r-sm);background:var(--blood-deep);border:1px solid var(--blood);color:var(--blood-ink);font-size:13.5px;line-height:1.55}.notice-calm{background:var(--info-bg);border-color:var(--info-line);color:var(--info-ink)}.ledger{display:flex;flex-wrap:wrap;gap:6px}.ledger-line{padding:4px 10px;background:var(--surface);border:1px solid var(--line-soft);border-left:2px solid var(--gold-deep);border-radius:var(--r-sm);font-size:12px;color:var(--ink-dim);animation:land .3s cubic-bezier(.2,.9,.3,1.2)}.roll-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 13px;background:var(--surface);border:1px solid var(--line-soft);border-left:3px solid var(--line);border-radius:var(--r-sm);animation:land .32s cubic-bezier(.2,.9,.3,1.2)}.roll-line.crit{border-left-color:var(--gold);background:linear-gradient(90deg,var(--crit-wash),var(--surface) 55%)}.roll-line.fumble{border-left-color:var(--blood);background:linear-gradient(90deg,var(--fumble-wash),var(--surface) 55%)}.roll-line.win{border-left-color:var(--jade)}.roll-line.lose{border-left-color:var(--line)}@keyframes land{0%{opacity:0;transform:translateY(-5px) scale(.985)}}.roll-label{font-size:12.5px;font-weight:600;color:var(--ink-dim)}.die{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink)}.die.dropped{opacity:.32;text-decoration:line-through}.die.max{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-deep),0 0 14px #e3ac5a42}.die.min{border-color:var(--blood);color:var(--blood)}.roll-op{font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.roll-total{display:flex;align-items:baseline;gap:4px;margin-left:auto;font-family:var(--mono);font-size:19px;font-weight:700}.roll-dc{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.roll-ghost{font-family:var(--mono);font-size:11px;color:var(--ink-faint);padding:2px 6px;border:1px dashed var(--line);border-radius:4px}.ask-roll{display:flex;flex-direction:column;gap:13px;padding:16px 18px;background:linear-gradient(180deg,var(--tint-strong),var(--surface));border:1px solid var(--gold-deep);border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,calc(var(--shadow-strength) * .8));animation:land .3s cubic-bezier(.2,.9,.3,1.2)}.ask-roll-head{display:flex;align-items:flex-start;gap:12px}.ask-roll-icon{font-size:26px;line-height:1;color:var(--gold-bright)}.ask-roll-head b{display:block;font-family:var(--serif);font-size:16px;font-weight:600;margin-bottom:2px}.ask-roll-sub{display:block;font-size:12.5px;color:var(--ink-dim);line-height:1.5}.ask-roll-mode{padding:6px 10px;background:var(--bg-deep);border-radius:var(--r-sm);font-size:12px;color:var(--gold-bright)}.ask-roll-passes{display:flex;flex-direction:column;gap:8px}.ask-roll-pass{display:flex;align-items:center;gap:10px}.ask-roll-passlabel{width:46px;flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.ask-roll-inputs{display:flex;gap:7px;flex-wrap:wrap}.die-input{width:58px;height:50px;padding:0;text-align:center;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-size:21px;font-weight:700;color:var(--gold-bright);transition:border-color .14s,box-shadow .14s}.die-input::placeholder{font-size:12px;font-weight:500;color:var(--ink-faint)}.die-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-deep),0 0 16px #e3ac5a33}.ask-roll-total{font-size:19px;font-weight:700;color:var(--ink)}.ask-roll-error{padding:8px 11px;background:var(--blood-deep);border-radius:var(--r-sm);font-size:12.5px;color:var(--blood-ink)}.ask-roll-actions{display:flex;gap:8px;align-items:center}.composer{flex:none;padding:14px 28px 20px;border-top:1px solid var(--line-soft);background:linear-gradient(180deg,transparent,var(--bg) 40%)}.composer-inner{max-width:68ch;margin:0 auto}.composer-box{display:flex;align-items:flex-end;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:border-color .16s}.composer-box:focus-within{border-color:var(--gold-deep)}.composer-box textarea{flex:1;border:none;background:none;resize:none;outline:none;max-height:180px;font-family:var(--serif);font-size:16px;line-height:1.6}.composer-box textarea::placeholder{font-family:var(--sans);font-size:14px;color:var(--ink-faint)}.composer-hint{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:11.5px;color:var(--ink-faint)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.chip{padding:4px 10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:99px;color:var(--ink-dim);font-size:12px;transition:color .14s,border-color .14s}.chip:hover{color:var(--gold-bright);border-color:var(--gold-deep)}.hp-wrap{display:flex;flex-direction:column;gap:5px}.hp-row{display:flex;align-items:baseline;justify-content:space-between}.hp-num{font-family:var(--mono);font-size:21px;font-weight:700}.hp-bar{position:relative;height:8px;border-radius:99px;background:var(--bg-deep);border:1px solid var(--line-soft);overflow:hidden}.hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--jade),var(--jade));transition:width .45s cubic-bezier(.2,.8,.3,1)}.hp-fill.hurt{background:linear-gradient(90deg,var(--gold),var(--gold))}.hp-fill.dire{background:linear-gradient(90deg,var(--blood),var(--blood))}.hp-temp{position:absolute;inset:0 auto 0 0;background:repeating-linear-gradient(135deg,#5d7fa8 0,#5d7fa8 4px,#44628a 4px,#44628a 8px);opacity:.85}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{padding:7px 4px 6px;text-align:center;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r-sm);cursor:pointer;transition:border-color .14s,background .14s,transform .08s}.stat:hover{background:var(--tint);border-color:var(--gold-deep)}.stat:active{transform:translateY(1px)}.stat b{display:block;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--gold-bright)}.stat span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-top:1px}.stat i{display:block;font-family:var(--mono);font-size:11px;font-style:normal;color:var(--ink-dim)}.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.kv span{color:var(--ink-faint)}.kv b{font-family:var(--mono);font-weight:600}.slots{display:flex;gap:4px}.slot{width:11px;height:11px;border-radius:3px;background:var(--violet);border:1px solid #7e5fae}.slot.spent{background:transparent;border-color:var(--line)}.list{display:flex;flex-direction:column;gap:1px}.list-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);font-size:12.5px;transition:background .12s}.list-row:hover{background:var(--surface-2)}.list-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .qty{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.eq-dot{width:6px;height:6px;flex:none;border-radius:99px;background:var(--line)}.eq-dot.on{background:var(--gold);box-shadow:0 0 7px #e3ac5a80}.comp{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.comp-top{display:flex;align-items:baseline;gap:7px}.comp-top b{font-family:var(--serif);font-size:14px;font-weight:600}.comp-role{font-size:11px;color:var(--ink-faint);line-height:1.45}.bond{position:relative;height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bond-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--azure),var(--jade));transition:all .4s}.bond-fill.cold{background:linear-gradient(90deg,var(--blood),#a4604f)}.comp-talk{align-self:flex-start;padding:3px 9px;background:transparent;border:1px solid var(--line);border-radius:99px;color:var(--ink-dim);font-size:11.5px}.comp-talk:hover{color:var(--gold-bright);border-color:var(--gold-deep)}.combat{border-color:var(--blood-deep)}.combat .block-head{background:linear-gradient(90deg,#2b1513,var(--surface-2));border-bottom-color:var(--blood-deep)}.combatant{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);font-size:12.5px;border:1px solid transparent}.combatant.now{background:var(--tint-strong);border-color:var(--gold-deep)}.combatant.down{opacity:.4}.combatant .init{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--line);font-family:var(--mono);font-size:11px;font-weight:700}.combatant .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-dot{width:6px;height:6px;flex:none;border-radius:99px}.side-dot.party{background:var(--gold)}.side-dot.ally{background:var(--azure)}.side-dot.enemy{background:var(--blood)}.hp-mini{width:44px;height:4px;flex:none;border-radius:99px;background:var(--surface-3);overflow:hidden}.hp-mini i{display:block;height:100%;background:var(--jade)}.hp-mini i.low{background:var(--blood)}.tray{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tray-die{padding:7px 0;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink-dim);transition:all .14s}.tray-die:hover{color:var(--gold-bright);border-color:var(--gold-deep);background:var(--tint)}.tray-custom{display:flex;gap:6px}.adv-toggle{display:flex;gap:3px;padding:3px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.adv-toggle button{flex:1;padding:4px 6px;background:transparent;border:none;border-radius:4px;color:var(--ink-faint);font-size:11px;font-weight:600}.adv-toggle button.on{background:var(--surface-3);color:var(--ink)}.locked-note{padding:11px 13px;background:var(--info-bg);border:1px solid var(--info-line);border-radius:var(--r-sm);font-size:12.5px;line-height:1.55;color:var(--info-ink)}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r)}.mode-toggle button{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 10px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--ink-dim);font-weight:600;transition:background .14s,border-color .14s,color .14s}.mode-toggle button:hover{color:var(--ink);background:var(--surface-2)}.mode-toggle button.on{background:var(--tint);border-color:var(--gold);color:var(--ink)}.mode-swatch{display:flex;width:34px;height:20px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.mode-swatch i{flex:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .16s}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:520px;max-height:86vh;overflow-y:auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}.modal h2{font-family:var(--serif);font-size:21px;margin:0 0 4px}.modal .sub{color:var(--ink-dim);font-size:13px;line-height:1.6;margin:0 0 20px}.modal-rows{display:flex;flex-direction:column;gap:16px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.bars{display:flex;align-items:flex-end;gap:3px;height:46px;padding:8px;background:var(--bg-deep);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.bars i{flex:1;min-height:2px;border-radius:2px 2px 0 0;background:var(--gold-deep)}.bars i.top{background:var(--gold)}.tabs{display:none}@media(max-width:1180px){.play{grid-template-columns:228px minmax(0,1fr)}.rail-right{display:none}.play.show-right{grid-template-columns:minmax(0,1fr) 302px}.play.show-right .rail-left{display:none}.play.show-right .rail-right{display:flex}.tabs{display:flex;gap:4px}}@media(max-width:820px){.play{grid-template-columns:minmax(0,1fr)}.rail-left{display:none}.play.show-left .rail-left{display:flex}.play.show-left .stage,.play.show-right .stage{display:none}.play.show-right{grid-template-columns:minmax(0,1fr)}.thread,.composer-inner{padding-left:16px;padding-right:16px}.composer{padding-left:0;padding-right:0}.scene-crumb{display:none}.grid-2{grid-template-columns:1fr}.library{padding:24px 16px 60px}}@media(pointer:coarse){.btn-sm,.chip,.comp-talk,.tray-die,.adv-toggle button{min-height:44px}.eq-dot{width:14px;height:14px}.list-row{padding:10px 8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.scroll{scroll-behavior:auto}}html[data-theme=parchment]{--bg: #e9ddc5;--bg-deep: #f6efe0;--surface: #fbf6ea;--surface-2: #f2e9d6;--surface-3: #e7dac1;--line: #cdb995;--line-soft: #ded0b4;--ink: #2a2318;--ink-dim: #5c5140;--ink-faint: #837660;--gold: #9a6523;--gold-bright: #7d4f17;--gold-deep: #c9a86e;--blood: #a3302a;--blood-deep: #f0d5d1;--blood-ink: #7a1f1a;--jade: #2f6b4a;--azure: #2f5f8f;--violet: #6b4b96;--tint: #f0e2c4;--tint-strong: #ecdbb8;--good-bg: #d7e8dc;--good-ink: #1f5438;--gold-bg: #f0e0bd;--info-bg: #dfe8f3;--info-line: #b3c6dd;--info-ink: #27405c;--crit-wash: #f2e3bd;--fumble-wash: #f3d9d5;--scroll-thumb: #c2ad87;--stage-glow: #f4ecdb;--shadow-strength: .12;--scrim: rgba(60, 48, 28, .42);color-scheme:light}html[data-theme=parchment] .narration{color:#241d13}html[data-theme=parchment] .btn-primary{color:#fdf8ee;background:linear-gradient(180deg,#a9701f,#8a5a18);border-color:#6d460f}html[data-theme=parchment] .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#bd7f27,#a9701f)}html[data-theme=parchment] .die.max{box-shadow:0 0 0 1px var(--gold-deep)}html[data-theme=arcane]{--bg: #090b16;--bg-deep: #060710;--surface: #12152a;--surface-2: #1a1e38;--surface-3: #242947;--line: #2f3558;--line-soft: #232845;--ink: #e6e9fb;--ink-dim: #a3a8cd;--ink-faint: #8f93bb;--gold: #6fd8e8;--gold-bright: #9aeaf5;--gold-deep: #2f7a88;--blood: #e0566f;--blood-deep: #3d1424;--blood-ink: #ffd4de;--jade: #4fc79b;--azure: #6f9fe0;--violet: #9d7cf0;--tint: #16203c;--tint-strong: #182544;--good-bg: #16403a;--good-ink: #96e7cf;--gold-bg: #15414a;--info-bg: #171f3a;--info-line: #313a66;--info-ink: #cdd4f7;--crit-wash: #10303a;--fumble-wash: #2e1526;--scroll-thumb: #363c63;--stage-glow: #141836;--shadow-strength: .45;--scrim: rgba(3, 4, 12, .8)}html[data-theme=arcane] .btn-primary{color:#04161a}html[data-theme=grimdark]{--bg: #0b0b0c;--bg-deep: #070708;--surface: #141415;--surface-2: #1c1c1e;--surface-3: #262628;--line: #333335;--line-soft: #252527;--ink: #ddd8d2;--ink-dim: #948e86;--ink-faint: #8a837d;--gold: #b8443c;--gold-bright: #d4675e;--gold-deep: #6d2420;--blood: #c0453c;--blood-deep: #39100e;--blood-ink: #f3c9c5;--jade: #6c8f6a;--azure: #5f7f9c;--violet: #8a6f94;--tint: #1f1414;--tint-strong: #251616;--good-bg: #1d2e1c;--good-ink: #b2cdae;--gold-bg: #3a1613;--info-bg: #15191f;--info-line: #2a333d;--info-ink: #c2ccd6;--crit-wash: #2a110f;--fumble-wash: #30100e;--scroll-thumb: #3a3a3d;--stage-glow: #121213;--shadow-strength: .55;--scrim: rgba(0, 0, 0, .82)}html[data-theme=grimdark] .btn-primary{color:#1a0806}html[data-theme=grimdark] .narration strong{color:#d4675e}html[data-theme=verdant]{--bg: #0c1310;--bg-deep: #080e0b;--surface: #131d18;--surface-2: #1a2721;--surface-3: #24332b;--line: #2e4036;--line-soft: #22302a;--ink: #e6efe8;--ink-dim: #a2b5a8;--ink-faint: #8ca294;--gold: #cfa83f;--gold-bright: #e8c767;--gold-deep: #7a6321;--blood: #c75b48;--blood-deep: #3a1712;--blood-ink: #f7d3cb;--jade: #5fbf84;--azure: #5f9fb8;--violet: #9b86c9;--tint: #1d2a17;--tint-strong: #22301b;--good-bg: #1b4030;--good-ink: #a3e6c0;--gold-bg: #3f3414;--info-bg: #15262c;--info-line: #2b4751;--info-ink: #c7e2ea;--crit-wash: #262a10;--fumble-wash: #2c1512;--scroll-thumb: #35483c;--stage-glow: #101a15;--shadow-strength: .4;--scrim: rgba(4, 10, 7, .8)}