:root,[data-theme=storybook]{--surface-page:#faf8f4;--surface-panel:#f1ece2;--surface-card:#fff;--surface-draft:#fdf3ee;--ink:#2b2926;--ink-muted:#8a8478;--ink-soft:#6e6759;--ink-faint:#c5bfb2;--line:#d9d2c4;--line-strong:#2b2926;--accent-narrator:#b0543f;--accent-npc:#5a7d5e;--accent-player:#4a6a8a;--accent-dice:#c9a227;--accent-draft:#b0543f;--accent-danger:#a03232;--font-prose:Georgia, "Iowan Old Style", "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:13px;--text-base:16px;--text-lg:20px;--text-xl:26px;--leading-prose:1.65;--radius:2px;--shadow-soft:0 1px 3px #2b29260f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:40px;--col-reading:68ch;--col-wide:920px;--rail-width:220px;--topbar-height:46px;--scrim:#2b292673}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-page);color:var(--ink);font-family:var(--font-prose);font-size:var(--text-base);line-height:var(--leading-prose)}h1,h2,h3{font-family:var(--font-prose);margin:0 0 var(--sp-3);line-height:1.25}h1{font-size:var(--text-xl);font-weight:600}h2{font-size:var(--text-lg);font-weight:600}h3{font-size:var(--text-base);font-weight:600}p{margin:0 0 var(--sp-3)}a{color:var(--accent-player);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink)}small{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted)}:focus-visible{outline:2px solid var(--accent-player);outline-offset:2px}.page-title{border-bottom:2px solid var(--line-strong);padding-bottom:var(--sp-2);margin-bottom:var(--sp-3)}.page-title h1{margin-bottom:var(--sp-1)}.ui-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted)}.muted{color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{font-family:var(--font-ui);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);background:var(--surface-page);z-index:10;display:flex;position:sticky;top:0}.topbar a{color:var(--ink-muted);text-decoration:none}.topbar a:hover{color:var(--ink)}.topbar .brand{color:var(--ink);letter-spacing:.5px;font-weight:600}.topbar-actions{align-items:center;gap:var(--sp-2);display:flex}.shell-main{width:100%;padding:var(--sp-5) var(--sp-4) var(--sp-6);flex:1}.reading-col{max-width:var(--col-reading);margin:0 auto}.scene-grid{grid-template-columns:minmax(0, var(--col-reading)) var(--rail-width);gap:var(--sp-5);justify-content:center;align-items:start;display:grid}.scene-grid.player-view{grid-template-columns:minmax(0, var(--col-reading))}.dm-rail{font-family:var(--font-ui);top:calc(var(--topbar-height) + var(--sp-3));max-height:calc(100vh - var(--topbar-height) - var(--sp-4));position:sticky;overflow-y:auto}.rail-panel{background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-3)}.rail-panel .rail-title{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--sp-2)}.rail-toggle,.rail-close,.rail-scrim{display:none}.session-bar{justify-content:flex-end;align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-xs);padding:var(--sp-2) var(--sp-4);display:flex}.site-footer{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-soft);border-top:1px solid var(--line);padding:var(--sp-3) var(--sp-4);text-align:center}.modal-scrim{background:var(--scrim);z-index:30;padding:var(--sp-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface-page);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);max-width:var(--col-reading);width:100%;max-height:calc(100vh - 2 * var(--sp-6));overscroll-behavior:contain;padding:var(--sp-4);overflow-y:auto}.modal-panel-wide{max-width:var(--col-wide)}.wizard-modal-head{justify-content:flex-end;display:flex}@media (width<=820px){.scene-grid{grid-template-columns:minmax(0,1fr)}.shell-main{padding:var(--sp-4) var(--sp-3) var(--sp-5)}.rail-toggle{display:inline-block}.dm-rail{background:var(--surface-page);border-left:1px solid var(--line);width:min(320px,85vw);height:100vh;max-height:none;padding:var(--sp-3);z-index:20;transition:transform .25s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.dm-rail.open{transform:translate(0)}.rail-close{float:right;display:inline-block}.rail-scrim{background:var(--scrim);z-index:15;display:block;position:fixed;inset:0}}.timeline{margin:0 0 var(--sp-4);gap:var(--sp-3);padding:0;list-style:none;display:grid}.entry-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;font-weight:600;display:block}.entry-text{font-size:var(--text-base)}.entry{position:relative}.entry-delete{font-size:var(--text-xs);color:var(--ink-faint);position:absolute;top:0;right:0}.entry-delete:hover{color:var(--accent-danger)}.entry[data-type=narration] .entry-label,.entry[data-type=dm_attention] .entry-label{color:var(--accent-narrator)}.entry[data-type=npc_dialogue] .entry-label{color:var(--accent-npc)}.entry[data-type=player_action] .entry-label{color:var(--accent-player)}.entry[data-type=player_action] .entry-label:before{content:"☞";font-size:var(--text-lg);vertical-align:-2px;margin-right:6px;line-height:1}.entry[data-type=dice_roll] .entry-label{color:var(--accent-dice)}.entry[data-type=dm_note] .entry-label,.entry[data-type=lore_candidate] .entry-label{color:var(--ink-muted)}.entry[data-type=dm_attention] .entry-text{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-muted);font-style:italic}.entry-text .emote-block{color:var(--ink-soft);margin:var(--sp-1) 0 var(--sp-1) var(--sp-4);padding-left:var(--sp-2);border-left:2px solid var(--line);display:block}.entry+.entry{margin-top:var(--sp-3)}.entry[data-milestone]{border-left:2px solid var(--accent-dice);padding-left:var(--sp-3)}.entry[data-milestone] .entry-label{color:var(--accent-dice)}.turn-divider[data-combat]{color:var(--accent-narrator)}.turn-divider[data-combat]:before,.turn-divider[data-combat]:after{border-top-color:var(--accent-narrator);opacity:.5}.entry[data-type=dice_roll] .entry-label{margin-right:var(--sp-2);display:inline}.entry[data-type=dice_roll] .entry-text{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-soft)}.turn-divider.log-end{color:var(--ink-soft);margin-top:var(--sp-4);text-transform:none;letter-spacing:2px}.paused-banner{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--accent-narrator);background:var(--surface-draft);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3)}.log-layout{grid-template-columns:minmax(0, var(--col-reading)) 160px;gap:var(--sp-5);justify-content:center;align-items:start;display:grid}.log-toc{top:var(--sp-4);font-family:var(--font-ui);font-size:var(--text-xs);position:sticky}.log-toc ul{margin:var(--sp-1) 0 0;gap:var(--sp-1);padding:0;list-style:none;display:grid}.log-toc a{color:var(--ink-muted);text-decoration:none}.log-toc a:hover{color:var(--ink);text-decoration:underline}@media (width<=900px){.log-layout{grid-template-columns:minmax(0,1fr)}.log-toc{display:none}}.log-lenses{gap:var(--sp-2);margin-bottom:var(--sp-4);font-family:var(--font-ui);display:flex}.log-header{margin-bottom:var(--sp-5);border-bottom:1px solid var(--line);padding-bottom:var(--sp-3)}.log-recap{color:var(--ink-soft);font-style:italic}.log-recap em{font-style:normal}.log-objectives{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted)}.log-objectives ul{margin:var(--sp-1) 0 0;padding-left:var(--sp-4)}.log-objectives li{margin-top:2px}.roster{font-family:var(--font-ui);font-size:var(--text-xs);margin:var(--sp-2) 0 var(--sp-4)}.roster ul{margin:var(--sp-1) 0 0;gap:var(--sp-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{background:var(--surface-panel);padding:2px var(--sp-2);color:var(--ink-muted);border-radius:10px}.chip[data-status=acted]{color:var(--accent-npc)}.chip[data-status=skipped]{color:var(--ink-muted);font-style:italic}.draft-region{border-left:3px solid var(--accent-draft);background:linear-gradient(90deg, var(--surface-draft) 0%, var(--surface-page) 85%);padding:var(--sp-2) var(--sp-3);margin:0 0 var(--sp-4) calc(-1 * var(--sp-3));transition:border-color 1s,background 1s}.draft-region .draft-flag{font-family:var(--font-ui);letter-spacing:1.5px;color:var(--accent-draft);font-size:11px;transition:opacity 1s}.draft-region.just-published{background:var(--surface-page);border-left-color:#0000}.draft-region.just-published .draft-flag,.draft-region.just-published .beat-actions,.draft-region.just-published .publish-bar,.draft-region.just-published .add-beat{opacity:0}.draft-beats{margin:var(--sp-2) 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}.beat-actions{font-family:var(--font-ui);font-size:var(--text-xs);margin-top:var(--sp-1);gap:var(--sp-2);transition:opacity 1s;display:flex}.publish-bar{align-items:center;gap:var(--sp-3);border-top:1px solid var(--line);padding-top:var(--sp-2);margin-top:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;transition:opacity 1s;display:flex}.add-beat{margin-top:var(--sp-2);transition:opacity 1s}.composer-dock{background:var(--surface-page);padding:var(--sp-2) 0 var(--sp-3);position:sticky;bottom:0}.composer-head{margin-bottom:var(--sp-1);justify-content:space-between;align-items:baseline;display:flex}.composer-head .field{margin-bottom:0}.composer{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:var(--sp-3);font-family:var(--font-ui)}.composer textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:var(--sp-2);resize:vertical}.composer-actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.turn-divider{align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);list-style:none;display:flex}.turn-divider:before,.turn-divider:after{content:"";border-top:1px solid var(--line);flex:1}.prose{text-align:left}.prose p{margin:0 0 var(--sp-3)}.prose-clamp{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.prose-clamp:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface-page));height:2em;position:absolute;inset:auto 0 0}.console-grid{grid-template-columns:minmax(0, var(--col-reading)) minmax(200px, 260px);gap:var(--sp-5);justify-content:center;align-items:start;display:grid}@media (width<=900px){.console-grid{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-family:var(--font-ui);font-size:var(--text-sm)}.panel h2{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted)}.chapters{margin:0 0 var(--sp-4);gap:var(--sp-3);padding:0;list-style:none;display:grid}.chapter{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);background:var(--surface-card)}.chapter[data-phase=active]{border-color:var(--accent-narrator);box-shadow:var(--shadow-soft)}.chapter[data-phase=complete]{background:0 0;border-style:dashed}.chapter[data-next=true]{border-color:var(--accent-dice);box-shadow:var(--shadow-soft);border-left-width:4px}.chapter .next-tag{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--accent-dice);margin-left:var(--sp-2);font-weight:600}.chapter .chapter-title{font-family:var(--font-prose);font-size:var(--text-base);font-weight:600}.chapter .phase-tag{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);margin-left:var(--sp-2)}.chapter[data-phase=active] .phase-tag{color:var(--accent-narrator)}.chapter .chapter-meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted);margin-top:var(--sp-1)}.meta-label{letter-spacing:1px;text-transform:uppercase;margin-right:var(--sp-1);font-size:.85em;font-weight:600}.chapter .chapter-objectives{margin:var(--sp-1) 0 0;padding-left:var(--sp-4)}.chapter .chapter-objectives li{margin-top:2px}.chapter .chapter-actions{gap:var(--sp-2);margin-top:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.chapter .chapter-actions .cta-live{flex:1}.cover{text-align:center;padding-top:var(--sp-6)}.cover .cover-rule{border-bottom:2px solid var(--line-strong);width:80px;margin:var(--sp-3) auto}.previously{text-align:left;margin-top:var(--sp-5)}.cta-live{text-align:center;font-size:var(--text-base);padding:var(--sp-3) var(--sp-5);margin:var(--sp-4) 0;letter-spacing:.5px;box-shadow:var(--shadow-soft);display:block}.shelf{gap:var(--sp-3);padding:0;list-style:none;display:grid}.shelf-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-soft);color:var(--ink);text-decoration:none;display:block}.combat-suggestion-card{align-items:center;gap:var(--sp-2);background:var(--surface-draft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);margin:var(--sp-2) 0;font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.combat-suggestion-card>p{flex:100%;margin:0}.autonomy-control{margin:var(--sp-2) 0}.autonomy-control .caption{margin:0 0 var(--sp-1);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600}.autonomy-control button{margin-right:var(--sp-1)}.autonomy-control button[aria-pressed=true]{font-weight:700}.autonomy-control .hint{margin:var(--sp-1) 0 0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted)}.npc-browser{margin-top:var(--sp-3);font-family:var(--font-ui);font-size:var(--text-sm)}.npc-toolbar{gap:var(--sp-2);margin-bottom:var(--sp-2);flex-direction:column;display:flex}.npc-toolbar>input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:var(--sp-2);background:var(--surface-card)}.npc-toolbar-actions{align-items:center;gap:var(--sp-2);display:flex}.npc-list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.npc-list.scroll-panel{max-height:400px}.npc-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3)}.npc-card-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.npc-tag{font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--accent-npc);white-space:nowrap}.npc-persona{margin:var(--sp-1) 0 var(--sp-2);font-size:var(--text-xs);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.npc-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.npc-empty{font-size:var(--text-sm);color:var(--ink-muted)}.sheet-banner{align-items:center;gap:var(--sp-3);background:var(--surface-draft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-3);font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.sheet-grid{gap:var(--sp-3);margin:var(--sp-3) 0;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.sheet-stat{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);text-align:center}.sheet-stat strong{font-family:var(--font-prose);font-size:var(--text-lg);display:block}.sheet-stat span{margin-top:var(--sp-1);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);display:block}.sheet-block{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.sheet-block h3{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--sp-2)}.sheet-block table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--text-sm)}.sheet-block th,.sheet-block td{text-align:left;padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--line)}.statblock-editor{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);font-family:var(--font-ui);font-size:var(--text-sm)}.statblock-status{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.statblock-source{align-items:end;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.statblock-source .field{margin-bottom:0}.statblock-numbers{gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.statblock-numbers .field{margin-bottom:0}.statblock-numbers .field>input{width:80px}.statblock-attacks{margin:0 0 var(--sp-2);gap:var(--sp-1);padding:0;list-style:none;display:grid}.statblock-attacks li{align-items:center;gap:var(--sp-2);display:flex}.char-summary{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);gap:var(--sp-1);flex-direction:column;display:flex}.char-summary h3{font:600 var(--text-base) var(--font-ui);color:var(--ink);margin:0}.char-facts{color:var(--ink-muted);font:500 var(--text-xs) var(--font-ui);margin:0}.char-summary-actions{gap:var(--sp-2);display:flex}.reading-col .char-summary{margin-bottom:var(--sp-4)}.party{margin:0 0 var(--sp-4);gap:var(--sp-2);padding:0;list-style:none;display:grid}.party-member{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-card);padding:var(--sp-2) var(--sp-3);justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;align-items:baseline;display:flex}.party-character{font-family:var(--font-prose);font-weight:600}.party-player{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted)}.field{font-family:var(--font-ui);font-size:var(--text-sm);margin-bottom:var(--sp-3);display:block}.field>input,.field>textarea,.field>select{width:100%;margin-top:var(--sp-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2);background:var(--surface-card);display:block}.field-inline{align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-sm);display:inline-flex}.btn{font-family:var(--font-ui);font-size:var(--text-sm);background:var(--surface-card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--ink-muted)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--line-strong);color:var(--surface-page);border-color:var(--line-strong)}.btn-danger{color:var(--accent-danger)}.btn-quiet{color:var(--ink-muted);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){color:var(--ink)}.oauth-btn{width:fit-content;margin-top:var(--sp-2);text-decoration:none;display:block}.form-panel{background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-4);margin:var(--sp-3) 0}.field-group{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);margin:0 0 var(--sp-3)}.field-group legend{font:600 var(--text-sm) var(--font-ui);color:var(--ink);padding:0 var(--sp-1)}.group-hint{margin:0 0 var(--sp-2);color:var(--ink-muted);font:500 var(--text-xs) var(--font-ui)}.error-note{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--accent-danger)}.scroll-panel{max-height:240px;overflow-y:auto}.wizard-steps{gap:var(--sp-1);margin:0 0 var(--sp-3);font-family:var(--font-ui);font-size:var(--text-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.wizard-steps button{align-items:center;gap:var(--sp-1);font:inherit;color:var(--ink-faint);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2);cursor:default;background:0 0;border:1px solid #0000;display:inline-flex}.wizard-steps button:not(:disabled){color:var(--ink-soft);border-color:var(--line);background:var(--surface-card);cursor:pointer}.wizard-steps button:not(:disabled):hover{border-color:var(--ink-muted);color:var(--ink)}.wizard-steps li[aria-current=step] button{color:var(--ink);border-color:var(--line-strong);font-weight:600}.step-num{color:var(--ink-muted);font-size:var(--text-xs)}.wizard-nav{margin-top:var(--sp-3);justify-content:space-between;display:flex}.picker-grid{gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.picker-card{gap:var(--sp-1);text-align:left;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);cursor:pointer;flex-direction:column;display:flex}.picker-card:hover{border-color:var(--ink-muted)}.picker-card[aria-pressed=true]{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.picker-title{font-weight:600}.picker-facts{color:var(--ink-muted);font-size:var(--text-xs)}.picker-body{color:var(--ink-soft)}.picker-subchoices{margin:var(--sp-2) 0 var(--sp-4);gap:var(--sp-2);flex-direction:column;display:flex}.choice-grid{gap:var(--sp-1) var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.choice-item{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.choice-item:has(.details-panel){grid-column:1/-1}.details-toggle{font-size:var(--text-xs);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:1}.details-toggle:hover{color:var(--ink)}.details-panel{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);margin:var(--sp-1) 0;font-size:var(--text-xs);color:var(--ink-soft);flex-basis:100%;grid-column:1/-1}.bonus-split{align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap;display:flex}.bonus-split fieldset{gap:var(--sp-3);margin:0 var(--sp-3) 0 0;border:none;padding:0;display:flex}.feat-choices{gap:var(--sp-2);margin-top:var(--sp-2);flex-direction:column;display:flex}.stepper-row{align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-sm);display:flex}.stepper-row span:first-child{width:3ch;font-weight:600}@media (width<=600px){.btn{padding:var(--sp-2) var(--sp-4)}}.cgrid-scroll{padding-bottom:var(--sp-2);overflow-x:auto}.cgrid-toolbar{justify-content:flex-end;display:flex}.center-turn-btn{font-size:var(--text-base);line-height:1;display:none}.cgrid{--combat-cell:34px;border:1px solid var(--line-strong);background:var(--surface-page);width:fit-content;display:grid;position:relative}@media (width<=940px){.cgrid{--combat-cell:32px}.cgrid-scroll{touch-action:pan-x pan-y}.cgrid-token:after{content:"";position:absolute;inset:-6px}.center-turn-btn{justify-content:center;align-items:center;display:inline-flex}}.cgrid[data-armed=true]{touch-action:none}.cgrid[data-armed=true] .cgrid-cell{cursor:crosshair}.cgrid-cell{box-shadow:inset 0 0 0 .5px var(--line);cursor:pointer;background:0 0;border:none;margin:0;padding:0}.cgrid-cell[data-kind=wall]{background-image:repeating-linear-gradient(45deg, var(--line) 0 3px, var(--surface-panel) 3px 6px);cursor:default}.cgrid-cell[data-kind=impassable]{background-color:var(--ink);cursor:default}.cgrid-cell[data-kind=difficult]{background-image:radial-gradient(var(--ink-faint) 1.2px, transparent 1.3px);background-size:8px 8px;background-color:var(--surface-panel)}.cgrid-cell.is-path{background-color:color-mix(in srgb, var(--accent-player) 16%, var(--surface-page));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-player) 50%, transparent)}.cgrid-cell.is-dest{background-color:color-mix(in srgb, var(--accent-player) 28%, var(--surface-page));box-shadow:inset 0 0 0 2px var(--accent-player)}.cgrid-cell.is-template{background-color:color-mix(in srgb, var(--accent-danger) 20%, var(--surface-page))}.cgrid-token{z-index:2;color:var(--surface-page);font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);box-shadow:var(--shadow-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.cgrid-token[data-side=party]{background:var(--accent-player)}.cgrid-token[data-side=enemy]{background:var(--accent-danger)}.cgrid-token.is-large{font-size:var(--text-lg)}.cgrid-token.is-current{box-shadow:0 0 0 3px var(--accent-dice), var(--shadow-soft)}.cgrid-token.is-selected{box-shadow:0 0 0 2px var(--ink), var(--shadow-soft)}.cgrid-token.is-target{box-shadow:0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent-danger)}.cgrid-token.is-defeated{z-index:1;filter:grayscale();opacity:.45}.cgrid-token-defeated-mark{font-size:var(--text-lg);pointer-events:none;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.cgrid-token.is-large .cgrid-token-defeated-mark{font-size:var(--text-xl)}.cgrid-token-initials{letter-spacing:-.02em;-webkit-user-select:none;user-select:none;line-height:1}.cgrid-flags{gap:2px;display:flex;position:absolute;bottom:-5px;right:-7px}.cgrid-flag{background:var(--surface-page);border:1px solid var(--accent-narrator);color:var(--accent-narrator);font-family:var(--font-ui);font-size:calc(var(--text-xs) * .8);border-radius:999px;padding:0 4px;font-weight:700}.dials{gap:var(--sp-2);flex-wrap:wrap;display:inline-flex}.dial{align-items:center;gap:var(--sp-1);border:1px solid var(--line);background:var(--surface-panel);padding:3px var(--sp-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-soft);border-radius:20px;display:inline-flex}button.dial{cursor:pointer}button.dial:disabled{cursor:default;opacity:.6}.dial b{color:var(--ink);font-weight:600}.init-rail{background:var(--surface-panel);border-radius:var(--radius);padding-bottom:var(--sp-3)}.rail-head{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);padding:var(--sp-3) var(--sp-3) var(--sp-2)}.init-list{gap:var(--sp-1);padding:0 var(--sp-2);flex-direction:column;margin:0;list-style:none;display:flex}.init-item{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--text-sm);grid-template-columns:10px 1fr auto;display:grid}.init-item.current{background:var(--surface-card);border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--accent-dice)}.init-item.defeated{opacity:.6}.init-item.defeated .nm{text-decoration:line-through}.init-item .side{border-radius:50%;width:9px;height:9px}.init-item .side-party{background:var(--accent-player)}.init-item .side-enemy{background:var(--accent-danger)}.init-item .who{flex-direction:column;gap:2px;min-width:0;display:flex}.init-item .who.stat{align-items:flex-end}.init-item .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.init-item .init-n{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.hpbar{background:var(--ink-faint);border-radius:3px;width:92px;height:5px;overflow:hidden}.hpbar i{background:var(--accent-npc);height:100%;display:block}.hp-num{font-size:var(--text-xs);color:var(--ink-soft);font-variant-numeric:tabular-nums}.band{font-size:var(--text-xs);padding:1px var(--sp-2);border:1px solid var(--line);background:var(--surface-card);color:var(--ink-soft);border-radius:10px}.band-bloodied{border-color:var(--accent-danger);color:var(--accent-danger)}.band-down{background:var(--ink);color:var(--surface-page);border-color:var(--ink)}.cond{font-size:var(--text-xs);padding:1px var(--sp-2);background:var(--surface-draft);border:1px solid var(--accent-narrator);color:var(--accent-narrator);border-radius:10px;width:fit-content}.timeout-note{padding:var(--sp-2) var(--sp-3) 0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted)}.timeout-ai-chip{border-color:var(--accent-danger);color:var(--accent-danger);background:var(--surface-card)}.combat-rail-toggle,.combat-rail-scrim{display:none}@media (width<=940px){.init-rail{padding-bottom:0;overflow-x:auto}.init-list{padding:0 var(--sp-2) var(--sp-2);flex-direction:row}.init-item{flex:none;grid-template-columns:8px auto;grid-auto-flow:column;min-width:130px}.init-item .who.stat{align-items:flex-start}.hpbar{width:60px}.combat-rail-toggle{display:inline-block}.combat-rail-scrim{background:var(--scrim);z-index:15;display:block;position:fixed;inset:0}.combat-right.dm-rail{background:var(--surface-page);border-left:1px solid var(--line);width:min(320px,85vw);height:100vh;max-height:none;padding:var(--sp-3);z-index:20;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%)}.combat-right.dm-rail.open{transform:translate(0)}.combat-right .rail-close{float:right;display:inline-block}}.log-panel{flex:auto;min-height:0;max-height:55vh;overflow-y:auto}.log-list{gap:var(--sp-3);font-family:var(--font-ui);font-size:var(--text-sm);flex-direction:column;display:flex}.log-entry{gap:var(--sp-1);flex-direction:column;display:flex}.log-e .who{font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--ink);font-weight:600}.log-e .who.dm{color:var(--accent-narrator)}.log-e--dm{border-left:2px solid var(--accent-narrator);padding-left:var(--sp-2)}.log-step{color:var(--ink-soft);margin:2px 0 0}.log-step--reaction{margin-left:var(--sp-4);font-style:italic}.log-step--cast .log-step-targets{padding:0 0 0 var(--sp-3);color:var(--ink-soft);margin:2px 0 0;list-style:none}.log-round{gap:var(--sp-1);flex-direction:column;display:flex}.log-div{align-items:center;gap:var(--sp-2);color:var(--ink-muted);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;display:flex}.log-div:before,.log-div:after{content:"";border-top:1px solid var(--line);flex:1}.log-round .prose{font-family:var(--font-prose);font-size:var(--text-sm);line-height:var(--leading-prose);color:var(--ink-soft);margin:0}.mirror-tag{width:fit-content;font-size:var(--text-xs);color:var(--accent-npc);border:1px solid var(--accent-npc);padding:0 var(--sp-2);border-radius:10px;display:inline-block}.log-banner{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-soft)}.log-banner p{margin:0}.log-raw{margin-top:2px}.log-raw summary{cursor:pointer;font-size:var(--text-xs);color:var(--ink-muted)}.log-raw pre{font-size:var(--text-xs);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2);overflow-x:auto}.combat-composer{--combat-rosette-cell:2.4em;border-left:3px solid var(--accent-player);gap:var(--sp-2);flex-direction:column;display:flex}.composer-header{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.composer-title{font-family:var(--font-prose);font-size:var(--text-base)}.composer-reactions{margin-left:auto}.composer-waiting,.down-composer p{color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm)}.phase-strip{margin-bottom:0}.combat-composer fieldset.composer-fieldset{all:unset;display:contents}.composer-ai-tag{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ai-tag-chip{border:1px solid var(--accent-npc);color:var(--accent-npc);padding:1px var(--sp-2);font-family:var(--font-ui);font-size:var(--text-xs);border-radius:10px;align-items:center;gap:4px;display:inline-flex}.ai-generating-note{align-items:center;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-soft);display:flex}.ai-generating-note:before{content:"";border:2px solid var(--ink-faint);border-top-color:var(--accent-npc);border-radius:50%;flex:none;width:.9em;height:.9em;animation:.8s linear infinite dd-combat-spin}@keyframes dd-combat-spin{to{transform:rotate(360deg)}}.composer-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:1px dashed var(--line);font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.composer-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);flex:none;width:80px}.composer-cost{color:var(--ink-soft)}.action-cards{margin:0}.composer-target-detail{gap:var(--sp-2);flex-direction:column;flex-basis:100%;display:flex}.rosette{grid-template-columns:repeat(3, var(--combat-rosette-cell));gap:var(--sp-1);display:grid}.rosette-N{grid-area:1/2}.rosette-NE{grid-area:1/3}.rosette-E{grid-area:2/3}.rosette-SE{grid-area:3/3}.rosette-S{grid-area:3/2}.rosette-SW{grid-area:3/1}.rosette-W{grid-area:2/1}.rosette-NW{grid-area:1/1}.composer-flavor textarea{font-family:var(--font-prose);font-style:italic}.composer-flavor .hint{font-size:var(--text-xs);color:var(--ink-muted);font-weight:400}.commit-note{font-size:var(--text-xs);color:var(--ink-muted);margin:0}.reaction-policy-panel{gap:var(--sp-2);flex-direction:column;display:flex}.reaction-policy-panel h3{font-family:var(--font-ui);font-size:var(--text-sm);margin:0}.reaction-policy-panel .hint{font-size:var(--text-xs);color:var(--ink-muted);margin:0}.composer-actions{gap:var(--sp-2);display:flex}@media (width<=940px){.combat-composer{background:var(--surface-page);padding:var(--sp-2) 0 var(--sp-3);position:sticky;bottom:0}}.combat-setup-body{gap:var(--sp-4);align-items:flex-start;display:flex}.combat-setup-body>.map-column{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.combat-setup-body>.setup-editor{flex:none;width:min(640px,50vw)}@media (width<=940px){.combat-setup-body{flex-direction:column}.combat-setup-body>.map-column,.combat-setup-body>.setup-editor{width:100%}.setup-add-list{max-height:30vh}}.setup-editor{gap:var(--sp-2);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.setup-errors{margin:0 0 var(--sp-3);gap:var(--sp-1);padding:0;list-style:none;display:grid}.setup-rail{background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:var(--text-sm)}.setup-tabs,.setup-tab-panel{margin-bottom:var(--sp-3)}.setup-bestiary-toolbar{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.setup-bestiary-toolbar>input{border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:var(--sp-1) var(--sp-2);background:var(--surface-card);flex:1}.setup-bestiary-toolbar>.btn{white-space:nowrap;flex:none}.setup-add-list{gap:var(--sp-2);max-height:40vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.setup-add-card{justify-content:space-between;align-items:center;gap:var(--sp-2);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.setup-add-card>div>.muted{white-space:nowrap}.setup-add-card-actions{align-items:center;gap:var(--sp-2);display:flex}.setup-add-card select{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-1);background:var(--surface-card)}.terrain-brush{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.terrain-brush-btn{align-items:center;gap:var(--sp-2);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-card);padding:var(--sp-1) var(--sp-2);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;display:flex}.terrain-brush-btn.is-active{border-color:var(--accent-player);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-player) 40%, transparent)}.terrain-brush-swatch{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--line-strong);flex:none;display:inline-block}.grid-resize-shell{column-gap:var(--sp-2);row-gap:var(--sp-2);grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"badge badge.""grid grid rows""cols brush.";align-items:start;width:fit-content;max-width:100%;display:grid}.grid-resize-shell>.cgrid-scroll{grid-area:grid}.grid-resize-shell>.terrain-brush{grid-area:brush;place-self:center start}.grid-resize-badge{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;grid-area:badge;justify-self:start}.grid-resize-rows{gap:var(--sp-1);flex-direction:column;grid-area:rows;place-self:start;display:flex}.grid-resize-cols{place-self:center start;gap:var(--sp-1);flex-direction:row;grid-area:cols;display:flex}.grid-resize-btn{min-width:var(--sp-6);min-height:var(--sp-6);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.setup-timeout{align-items:center;gap:var(--sp-4);background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.setup-bar{display:grid}.setup-bar>.btn-primary{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--text-base);font-weight:600}.setup-draft{gap:var(--sp-2);background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);font-family:var(--font-ui);font-size:var(--text-sm);display:grid}.setup-draft .field-inline input{border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-1) var(--sp-2);background:var(--surface-card);flex:1}.setup-draft>.btn-primary{width:100%}.token-edit-popover-backdrop{z-index:20;background:color-mix(in srgb, var(--surface-page) 55%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.token-edit-popover{gap:var(--sp-2);flex-direction:column;width:min(320px,90%);display:flex;box-shadow:0 4px 24px #0000004d}.token-edit-popover h3{font-family:var(--font-ui);font-size:var(--text-sm);margin:0}.token-edit-popover .hint{font-size:var(--text-xs);color:var(--ink-muted);margin:0}@media (width<=940px){.token-edit-popover{width:min(280px,92%)}}.view-toggle{gap:var(--sp-1);font-family:var(--font-ui);font-size:var(--text-sm);display:inline-flex}.view-toggle-link{padding:3px var(--sp-2);border-radius:var(--radius);color:var(--ink-muted);text-decoration:none}.view-toggle-link:hover{color:var(--ink)}.view-toggle-link[aria-current=page]{background:var(--surface-panel);color:var(--ink);font-weight:600}.combat-page{gap:var(--sp-3);flex-direction:column;display:flex}.combat-conflict-note,.combat-error-note{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-soft);background:var(--surface-panel);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);width:fit-content}.combat-cols{grid-template-columns:220px minmax(0, 1fr) var(--rail-width);gap:var(--sp-4);align-items:start;display:grid}.combat-center{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.combat-right{top:calc(var(--topbar-height) + var(--sp-3));max-height:calc(100vh - var(--topbar-height) - var(--sp-4));flex-direction:column;display:flex;position:sticky;overflow:hidden}.combat-interstitial{align-items:center;gap:var(--sp-3);text-align:center;padding:var(--sp-6) var(--sp-4);font-family:var(--font-ui);flex-direction:column;display:flex}@media (width<=940px){.combat-cols{grid-template-columns:minmax(0,1fr)}}.home-section{margin-bottom:var(--sp-5)}.sec-label{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 var(--sp-2);font-weight:600}.tile-grid-empty{color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm)}.tile-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=700px){.tile-grid{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);min-height:220px;box-shadow:var(--shadow-soft);color:var(--ink);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tile:hover{border-color:var(--ink-muted)}.tile-create{justify-content:center;align-items:center;gap:var(--sp-1);border:2px dashed var(--line);min-height:220px;box-shadow:none;color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;appearance:none;background:0 0;width:100%;font-weight:600}.tile-create:hover{border-color:var(--ink-muted);color:var(--ink)}.tile-create-plus{font-size:var(--text-xl);color:var(--ink);line-height:1}.tile-hd{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--line-strong);color:var(--surface-page);display:flex}.tile-mono{width:30px;height:30px;font-family:var(--font-prose);font-weight:700;font-size:var(--text-lg);border-radius:var(--radius);background:var(--surface-page);color:var(--line-strong);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tile-name{font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);line-height:1.2}.tile-sub{font-family:var(--font-ui);font-size:var(--text-xs);opacity:.85;margin-top:2px}.tile-body{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);flex-direction:column;flex:1;display:flex}.tile-empty-state{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--ink-muted);margin:0}.abils{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.ab{text-align:center;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius);padding:4px 0}.ab-k{font-family:var(--font-ui);letter-spacing:.05em;color:var(--ink-muted);font-size:9px}.ab-v{font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);color:var(--ink)}.ab-m{font-family:var(--font-ui);color:var(--accent-player);font-size:9px;font-weight:600}.statline{gap:var(--sp-3);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink);display:flex}.statline b{color:var(--ink-muted);font-weight:600}.skills{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-soft);line-height:1.35}.skills b{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.campaign-body{flex:1}.role-badge{font-family:var(--font-ui);border:1px solid;border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:10px;font-weight:600;line-height:1;display:inline-block}.role-badge-dm{color:var(--accent-dice)}.role-badge-player{color:var(--accent-player)}.campaign-members{gap:var(--sp-1);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink);flex-direction:column;display:flex}.member-role{min-width:3.6em;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600;display:inline-block}.setting-snippet{font-family:var(--font-prose);font-size:var(--text-sm);color:var(--ink-soft);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.tile-footer{font-family:var(--font-ui);color:var(--ink-muted);margin-top:auto;font-size:10.5px}.home-create-form{margin-top:var(--sp-3)}.campaign-editor .ce-gate{background:var(--surface-draft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);color:var(--ink-soft);font:500 var(--text-sm)/1.4 var(--font-ui);margin-bottom:var(--sp-4)}.campaign-editor .ce-locked-group{gap:var(--sp-5);border:0;flex-direction:column;margin:0;padding:0;display:flex}.campaign-editor .ce-locked-group:disabled{opacity:.5}.ce-actions{align-items:center;gap:var(--sp-2);display:flex}.ce-saved{color:var(--accent-narrator);font:600 var(--text-xs) var(--font-ui)}.ce-draft-row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.ce-name-field{margin-bottom:var(--sp-4);font-family:var(--font-ui);font-size:var(--text-sm)}.ce-name-label{margin-bottom:var(--sp-1);display:block}.ce-name-row{align-items:center;gap:var(--sp-4);display:flex}.ce-name-row .ce-name-input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2);background:var(--surface-card);font-family:var(--font-ui);font-size:var(--text-sm);flex:1}.ce-name-row .ce-draft-row{margin-bottom:0}.ce-draft-working{align-items:center;gap:var(--sp-2);font:500 var(--text-sm) var(--font-ui);color:var(--ink-soft);display:flex}.ce-draft-working:before{content:"";border:2px solid var(--ink-faint);border-top-color:var(--accent-narrator);border-radius:50%;flex:none;width:.9em;height:.9em;animation:.8s linear infinite dd-draft-spin}@keyframes dd-draft-spin{to{transform:rotate(360deg)}}.ce-draft-failed{color:var(--accent-danger);font:500 var(--text-xs) var(--font-ui)}.assist-pencil{margin:var(--sp-1) 0;color:var(--ink-soft);font:500 var(--text-xs) var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-block}.assist-pencil:hover{color:var(--ink)}.assist-scrim{background:var(--scrim);z-index:30;padding:var(--sp-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.assist-modal{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);max-width:var(--col-reading);width:100%;max-height:calc(100vh - 2 * var(--sp-6));overscroll-behavior:contain;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex;overflow-y:auto}.assist-hd h4{font:600 var(--text-lg) var(--font-ui);color:var(--ink);margin:0}.assist-bd .field textarea{min-height:6em}.assist-ft{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.assist-note{color:var(--ink-muted);font:500 var(--text-xs) var(--font-ui)}.assist-buttons{gap:var(--sp-2);display:flex}.ce-section{margin-top:var(--sp-2)}.sec-hint{margin:0 0 var(--sp-3);color:var(--ink-muted);font:500 var(--text-xs) var(--font-ui)}.npc-tile-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=700px){.npc-tile-grid{grid-template-columns:repeat(2,1fr)}}.npc-tile{align-items:flex-start;gap:var(--sp-1);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);min-height:120px;box-shadow:var(--shadow-soft);padding:var(--sp-3);color:var(--ink);text-align:left;cursor:pointer;appearance:none;flex-direction:column;display:flex}.npc-tile:hover{border-color:var(--ink-muted)}.npc-mono{width:28px;height:28px;font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);border-radius:var(--radius);background:var(--line-strong);color:var(--surface-page);flex-shrink:0;justify-content:center;align-items:center;display:flex}.npc-tile-name{font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);line-height:1.2}.npc-tile-persona{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.npc-tile-create{justify-content:center;align-items:center;gap:var(--sp-1);border:2px dashed var(--line);box-shadow:none;color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm);background:0 0;flex-direction:row;font-weight:600}.npc-tile-create:hover{border-color:var(--ink-muted);color:var(--ink)}.npc-tile-create .plus{font-size:var(--text-xl);color:var(--ink);line-height:1}.ce-scene-list{margin:0 0 var(--sp-3);gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.ce-scene-row{align-items:center;gap:var(--sp-3);background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:var(--sp-2) var(--sp-3);display:flex}.ce-scene-num{width:24px;height:24px;font-family:var(--font-ui);font-weight:700;font-size:var(--text-xs);border-radius:var(--radius);background:var(--line-strong);color:var(--surface-page);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ce-scene-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ce-scene-title{font-family:var(--font-prose);font-weight:700;font-size:var(--text-sm);line-height:1.2}.ce-scene-sub{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ce-scene-row .phase{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase;padding:2px var(--sp-2);border-radius:var(--radius);border:1px solid var(--line);color:var(--ink-muted);flex-shrink:0;font-weight:600}.ce-scene-row .phase-future{color:var(--ink-soft)}.ce-scene-row .phase-active{color:var(--accent-narrator);border-color:var(--accent-narrator)}.ce-scene-row .phase-complete{color:var(--ink-muted)}.ce-scene-ctrls{align-items:center;gap:var(--sp-1);flex-shrink:0;display:flex}.ce-scene-ctrls button{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);font:500 var(--text-xs) var(--font-ui);padding:var(--sp-1) var(--sp-2);cursor:pointer;background:0 0}.ce-scene-ctrls button:hover{border-color:var(--ink-muted);color:var(--ink)}.ce-scene-form{margin-top:var(--sp-2)}.ce-add-scene{justify-content:center;align-items:center;gap:var(--sp-1);border:2px dashed var(--line);border-radius:var(--radius);width:100%;color:var(--ink-muted);font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--sp-3);cursor:pointer;background:0 0;font-weight:600;display:flex}.ce-add-scene:hover{border-color:var(--ink-muted);color:var(--ink)}.ce-add-scene .plus{font-size:var(--text-xl);color:var(--ink);line-height:1}.help-tip{display:inline-flex;position:relative}.help-tip-btn{border:1px solid var(--line);background:var(--surface-panel);width:18px;height:18px;color:var(--ink-soft);font:600 var(--text-xs) var(--font-ui);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.help-tip-btn:hover{color:var(--ink);border-color:var(--ink-muted)}.help-tip-pop{z-index:10;top:calc(100% + var(--sp-1));background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);width:max-content;max-width:240px;box-shadow:var(--shadow-soft);color:var(--ink-soft);font:400 var(--text-xs) var(--font-ui);padding:var(--sp-2) var(--sp-3);position:absolute;left:0}