/* A stable table with one optional character panel on desktop. */
.scene-map:has(.scene-world-preview){background:#d7c79e}
#map-inspector{min-width:0}
#map-inspector>button{display:block;width:100%;min-height:44px;margin:10px 0 0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
#map-inspector>label{display:grid;gap:6px;margin-top:14px;margin-bottom:0}
#map-inspector select{width:100%;min-width:0;margin:0}
.map-loading-message{display:grid;place-content:center;gap:12px;min-height:240px;padding:24px;text-align:center;line-height:1.5;background:#192a22;color:#e9e2d0;border:1px solid #58654d;border-radius:8px}
.map-loading-message p{margin:0;max-width:60ch}
.map-loading-message button{justify-self:center;min-height:44px}
.scene-map svg.scene-world-preview{height:clamp(220px,30vw,420px);max-height:none;width:100%;object-fit:contain}
body>header{padding:10px 20px;gap:12px}body>header h1{font-size:22px;margin:0}body>header small,body>header .sigil{display:none}
main{max-width:1800px;padding-top:8px}.campaign-bar{gap:8px;margin:0}.campaign-bar h2{font-size:19px;margin:4px 0;flex:1}.campaign-bar button,.campaign-bar summary{min-height:36px;padding:7px 10px;font-size:12px}
.campaign-menu-body #session-roster{margin:8px 0}.campaign-menu-body #autosave-note{font-size:11px}.campaign-menu-body>[data-create-character]{margin-top:10px}
.workspace-nav.workspace-organized{margin-top:8px;padding:5px!important}.workspace-primary button{min-height:40px}.workspace-context{margin:0;padding:6px 2px;border:0}.workspace-location p{display:none}.workspace-related{gap:4px}.workspace-related button{min-height:30px;padding:5px 8px;font-size:11px}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px}.workspace-tabs button{font-size:12px;min-height:36px;padding:7px 12px}.workspace-tabs button.active{background:#d0b77a;color:#19251d}
#session-flow{margin:8px 0;padding:10px 12px}#session-flow .session-flow-main{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#session-flow .session-flow-copy{flex:1;min-width:180px}#session-flow .session-flow-copy strong{font-size:17px}#session-flow .session-flow-copy small{font-size:10px}#session-flow .session-flow-copy p{margin:4px 0;font-size:12px}#session-flow .session-steps{display:none}#session-flow .participant-identity{flex:none}#session-flow [data-session-next]{min-height:42px;margin-left:auto}
#play-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}#play-layout.has-side{grid-template-columns:minmax(0,1fr) minmax(380px,var(--hero-panel-width,500px))}
#play-surface,#play-side{min-width:0}#play-surface>*,#play-side>*{max-width:100%;box-sizing:border-box}#play-side{border:1px solid var(--line);border-radius:10px;background:#17251e;padding:12px;container-type:inline-size}
.play-side-controls,.hero-shortcuts{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.play-side-controls button,.hero-shortcuts button{font-size:12px;min-height:36px;padding:7px 9px}.panel-width{display:flex;align-items:center;font-size:11px;gap:6px;flex:1}.panel-width input{width:80px;min-width:50px;padding:0}.play-side-controls [data-close-side]{margin-right:auto}
#play-side #compact-hero{margin:8px 0}#play-side #crew-panel,#play-side #inventory-panel,#play-side #magicPanel{padding:0;border:0;min-width:0;width:100%}#play-side .character-header strong{font-size:19px}#play-side .character-actions{gap:5px}#play-side .character-actions button{font-size:12px}#play-side .crew-members{margin:8px 0}#play-side .crew-import{padding:8px}
#play-side .inventory-layout,#play-side .inventory-workspace,#play-side .equipment-layout,#play-side .magic-layout,#play-side .magic-workspace{grid-template-columns:minmax(0,1fr)}#play-side input,#play-side select,#play-side textarea{max-width:100%;box-sizing:border-box}#play-side .toolbar{flex-wrap:wrap}#play-side h2{font-size:21px}
#play-side .toolbar>h2,#play-side .toolbar>h3,#play-side .toolbar>div:has(>h2){flex:1 1 100%;min-width:0;margin:8px 0}
#play-side .toolbar>button{font-size:12px;padding:8px 10px;min-height:40px}
.context-coach{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:10px;border-left:2px solid #bfa76b;background:#192b20;color:#bccbb7;font-size:12px}.context-coach p{margin:0;flex:1}.context-coach button{font-size:11px;padding:6px 9px;min-height:32px}
.session-resume{margin:0 0 10px;padding:9px 12px;border:1px solid var(--line);border-radius:8px}.session-resume p{font-size:13px}.session-resume button{margin-right:6px}
.preparation-path{padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.preparation-path>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preparation-path p{font-size:12px;margin-bottom:0}
.diary-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.table-events{grid-column:1/-1;border-top:1px solid var(--line);padding:10px 0}.table-events p{font-size:13px}.table-events summary{font-size:13px}
/* The flow above the table is the single next-step prompt. */
.scene-next{display:none}.scene-layout{grid-template-columns:minmax(0,1fr)}.scene-heading{margin-top:0}.scene-heading h2{font-size:22px}.scene-heading label{font-size:11px}.scene-audio-host{margin-left:auto}.scene-map svg{max-height:480px}
#play-surface .layout{display:block}#table>.layout:empty{display:none}
[hidden]{display:none!important}
body[data-active-view=scene] #session-flow{display:block}
.campaign-bar{padding:4px 0}.campaign-bar h2{min-width:180px}
body[data-active-view=scene] #session-roster{display:block}
#session-roster{padding:7px 10px;margin:4px 0;font-size:12px}#session-roster summary{min-height:28px}
@media(min-width:1200px){.workspace-directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199px){#play-layout.has-side{grid-template-columns:minmax(0,1fr)}#play-layout.side-focused>#play-surface,#play-layout.side-focused>.table-events{display:none}.panel-width,[data-pin-side]{display:none}#play-side{container-type:normal}}
@media(max-width:650px){
 body>header{padding:8px 12px;flex-wrap:wrap}body>header h1{font-size:18px}body>header #connection{font-size:10px}body>header .interface-settings-trigger{margin-left:auto}body>header .interface-settings-trigger span{display:none}
 .campaign-bar>h2{flex:1 1 100%;min-width:0}.campaign-bar>#campaign-search{flex:0 0 auto}.campaign-bar>#save-status{flex:1 1 100%;line-height:1.4}.campaign-bar>.campaign-menu{flex:1 1 auto}.campaign-bar>button{flex:0 1 auto}
 main{padding:8px 10px 90px!important}.campaign-bar h2{font-size:17px}.campaign-bar #save-status{font-size:10px}.campaign-bar #campaign-search{font-size:0;padding:6px}.campaign-bar #campaign-search::after{content:'Поиск';font-size:12px}
 .workspace-nav.workspace-organized{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;border-radius:0;z-index:45;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;display:flex!important;flex-wrap:nowrap!important;align-items:stretch;background:#17251e}.workspace-primary{display:flex;flex-wrap:nowrap;gap:3px}.workspace-primary button{font-size:11px;min-height:44px;padding:6px 4px;flex:1}.workspace-more{margin:0}.workspace-more>summary{min-height:44px;font-size:11px;padding:12px 7px}.workspace-more[open]{position:absolute;bottom:100%;left:0;right:0;padding:8px;background:#17251e;max-height:65vh;overflow:auto;border:1px solid var(--line)}.workspace-more[open]>summary{margin-left:auto}.workspace-directory{grid-template-columns:1fr 1fr;gap:6px}.workspace-directory>section{padding:6px}.workspace-directory h3{font-size:11px}.workspace-directory button{font-size:12px}
 .workspace-context{padding:5px 0}.workspace-location{flex-basis:auto}.workspace-related{display:none}.workspace-location strong{font-size:12px}.workspace-tabs{gap:4px;margin:5px 0}.workspace-tabs button{font-size:11px;min-height:40px;padding:6px 9px}
 #session-flow{margin:6px 0;padding:9px}#session-flow .session-flow-main{gap:5px}#session-flow .session-flow-copy strong{font-size:16px}#session-flow .session-flow-copy p{font-size:11px}#session-flow .session-who{font-size:11px}#session-flow [data-session-next]{width:100%;min-height:44px;margin:4px 0 0}#session-flow .session-step-number,#session-flow .participant-identity{display:none}
 .context-coach{font-size:11px;margin:6px 0}.context-coach button{min-height:44px}.scene-heading h2{font-size:19px}.scene-heading label{display:none}.scene-map svg{max-height:310px}.scene-actors{grid-template-columns:1fr 1fr}#play-side{padding:9px}.play-side-controls button,.hero-shortcuts button{min-height:44px}.session-resume{font-size:12px;padding:8px}.session-resume button{min-height:44px}
}

.hero-skill-shortcuts{padding:8px 10px;margin:8px 0}.hero-skill-shortcuts>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}.hero-skill-shortcuts button{font-size:12px;min-height:40px;padding:7px}.starter-scene{margin-top:10px}.entry-starters article{margin:8px 0;padding:10px}.entry-starters p{font-size:13px}
@media(max-width:650px){.workspace-nav.workspace-organized:has(.workspace-more[open]){position:fixed;z-index:60;bottom:0;top:auto}}
@media(min-width:1400px){
 #table{padding-left:160px}
 .workspace-nav.workspace-organized,.workspace-nav.workspace-organized:has(.workspace-more[open]){position:fixed;top:112px;bottom:auto;left:3%;width:144px;max-height:calc(100dvh - 132px);overflow:auto!important;display:flex!important;flex-direction:column;flex-wrap:nowrap!important;z-index:25;margin:0}
 .workspace-primary{flex:none;display:flex;flex-direction:column;gap:5px;width:100%}.workspace-primary button{flex:none;white-space:normal;min-height:44px;text-align:left;font-size:13px;padding:9px}
 .workspace-more,.workspace-more[open]{width:100%;flex:none}.workspace-more>summary,.workspace-more[open]>summary{width:100%;font-size:12px;padding:10px 7px}.workspace-directory{display:block;padding:5px 0}.workspace-directory>section{padding:7px 3px;margin-top:7px}.workspace-directory h3{font-size:11px}.workspace-directory button{font-size:12px;padding:7px}
}

@media(max-width:650px){.workspace-primary button{overflow-wrap:normal;word-break:normal;white-space:normal;min-width:0!important;line-height:1.25}.workspace-primary [data-workspace-group=prepare]{font-size:10px}.workspace-more>summary{font-size:0;min-width:38px}.workspace-more>summary::after{content:"•••";font-size:17px;padding:0}.workspace-more[open]>summary{font-size:12px}.workspace-more[open]>summary::after{content:" ×"}#play-layout .scene-audio-host{width:100%}}

@media(min-width:1200px){#play-side{position:sticky;top:65px;max-height:calc(100dvh - 85px);overflow:auto;scrollbar-gutter:stable}.play-side-controls{position:sticky;top:-12px;background:#17251e;z-index:4;padding:6px 0}}
@media(max-width:650px){body>header:has(>.interface-settings-trigger){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;min-height:0;padding:8px 12px}body>header>div{grid-column:1;grid-row:1}body>header #connection{grid-column:1;grid-row:2;margin:0}body>header>.interface-settings-trigger{grid-column:2;grid-row:1 / 3;margin:0}.campaign-bar>#dice-last{font-size:0;flex:0 0 auto}.campaign-bar>#dice-last::after{content:'Кости';font-size:12px}.campaign-bar>.campaign-menu{flex:1 1 145px}.campaign-bar>#campaign-search{flex:0 0 auto}}
