/* Action-first menus: a small set of choices, then a focused form and optional tips. */
.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.toolbar{grid-template-columns:1.4fr 1fr 1fr}
.compact-menu-title{font-size:13px!important;color:#765326;letter-spacing:.08em;margin:10px 0 7px!important}
.compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:start}
.compact-actions>.compact-action{min-width:0;margin:0!important;padding:0!important;border:2px solid #b3945c;border-bottom:4px solid #99743f;border-radius:6px;background:#fffaeb;overflow-wrap:anywhere}
.compact-actions>.compact-action>summary{display:flex;align-items:center;gap:7px;min-height:58px;padding:8px;font-size:13px;font-weight:700;line-height:1.35;cursor:pointer;list-style:none;color:#513d22;background:linear-gradient(#fff9df,#f2dfaf)}
.compact-actions>.compact-action>summary::-webkit-details-marker{display:none}
.compact-actions>.compact-action>summary::before{content:attr(data-icon);width:25px;height:25px;display:grid;place-items:center;flex:none;font-size:13px;background:#f5bc51;color:#563614;border:1px solid #c18b35;border-radius:4px}
.compact-actions>.compact-action[data-icon]>summary::before{content:var(--menu-icon,'◆')}
.compact-action[data-icon='▶']{--menu-icon:'▶'}.compact-action[data-icon='▦']{--menu-icon:'▦'}.compact-action[data-icon='杯']{--menu-icon:'杯'}.compact-action[data-icon='円']{--menu-icon:'円'}.compact-action[data-icon='席']{--menu-icon:'席'}.compact-action[data-icon='声']{--menu-icon:'声'}.compact-action[data-icon='帳']{--menu-icon:'帳'}.compact-action[data-icon='計']{--menu-icon:'計'}.compact-action[data-icon='年']{--menu-icon:'年'}.compact-action[data-icon='道']{--menu-icon:'道'}.compact-action[data-icon='終']{--menu-icon:'終'}.compact-action[data-icon='報']{--menu-icon:'報'}.compact-action[data-icon='祭']{--menu-icon:'祭'}.compact-action[data-icon='人']{--menu-icon:'人'}.compact-action[data-icon='祝']{--menu-icon:'祝'}.compact-action[data-icon='準']{--menu-icon:'準'}.compact-action[data-icon='録']{--menu-icon:'録'}.compact-action[data-icon='夜']{--menu-icon:'夜'}
.compact-actions>.compact-action[open]{grid-column:1/-1;border-color:#a17938;padding:0 9px 9px!important}
.compact-actions>.compact-action[open]>summary{margin:0 -9px 8px;border-bottom:1px solid #c6a363;background:#f5cc75}
.compact-actions>.compact-action[open]>summary::after{content:'閉じる';margin-left:auto;white-space:nowrap;font-size:10px;color:#795b2e}
.compact-action>section{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.compact-action .finance-controls{position:static;background:transparent}
.compact-page p:empty{display:none}
.compact-overview{margin:0 0 8px;padding:7px 10px;border:1px solid #bdc69d;background:#f0f6df;border-radius:5px}
.compact-overview .outreach-summary{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:0;font-size:12px}
.compact-overview .outreach-policy{margin:5px 0 0;font-size:11px;color:#597044}
.compact-overview .outreach-status:empty{display:none}
.compact-overview .outreach-status{font-size:12px;margin:5px 0 0}
.compact-tips{margin:9px 0;padding:0 9px;border:1px solid #b4c59d!important;border-radius:5px;background:#f0f6e6;color:#4a6037;grid-column:1/-1}
.compact-tips>summary{min-height:48px;display:flex;align-items:center;cursor:pointer;list-style-position:inside;font-size:12px!important;font-weight:600;color:#496335!important}
.compact-tips>summary::before{content:'i';display:inline-grid;place-items:center;background:#6d8e4e;color:white;border-radius:50%;width:17px;height:17px;margin-right:7px}
.compact-tips>p{font-size:12px!important;margin:7px 0;color:#536344}
.compact-action form{margin:0;min-width:0}
.compact-action form p{font-size:12px}
.compact-action .outreach-plan{padding:0;border:0;background:transparent}
.compact-action input,.compact-action select{max-width:100%}
.compact-action>summary:focus-visible,.compact-tips>summary:focus-visible{outline:3px solid #1666aa;outline-offset:-3px}
.compact-actions #campaign-closing>summary{color:#8e462b}
.compact-actions #campaign-closing>summary::before{background:#e2b494}
@media(max-width:350px){.compact-actions{gap:5px}.compact-actions>.compact-action>summary{font-size:12px;padding:7px;gap:5px}.compact-actions>.compact-action>summary::before{width:22px;height:22px}}
@media(orientation:landscape) and (max-height:550px){.toolbar{grid-template-columns:1.4fr 1fr 1fr}.compact-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-actions>.compact-action>summary{min-height:48px}.compact-overview .outreach-summary{grid-template-columns:repeat(3,minmax(0,1fr) auto)}.compact-overview .outreach-summary dd{max-width:none}}

/* Nested record summaries remain comfortable touch targets too. */
.compact-page summary{min-height:48px!important;align-content:center}
#menu summary{min-height:48px!important;align-content:center}
#menu button,#menu select,#menu input:not([type=checkbox]):not([type=radio]){min-height:48px!important}
/* Older feature panels span their parent by default; the action grid owns that layout. */
.compact-actions>.compact-action{grid-column:auto!important}
.compact-actions>.compact-action[open]{grid-column:1/-1!important}

.compact-action form>button{width:100%}

/* One quiet night-bar palette. World, interface and furniture use the same
   wood / amber / ink family; interaction never changes a target's dimensions. */
:root{--bar-ink:#171c24;--bar-paper:#fbf3e4;--bar-text:#4b372a;--bar-line:#d3c0a3;--bar-amber:#a45c31;--bar-soft:#ede0ca;color:var(--bar-text);background:var(--bar-ink);font-size:14px}
#game,.scene{background:var(--bar-ink)}
button{min-width:48px;min-height:48px;background:#f7eedc;color:var(--bar-text);border:1px solid #bba88b;border-radius:7px;box-shadow:0 1px 2px #1a1a1914;text-shadow:none;font-size:14px;line-height:1.35;padding:9px 10px;transition:background-color .14s,color .14s}
button.primary{background:var(--bar-amber);border-color:#8c4c2a;color:#fff9ed;box-shadow:none}
button[aria-pressed=true]{background:#e6d2ae;border-color:#9d7146;color:#3c2b20;box-shadow:inset 0 0 0 1px #9d7146}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #35716f;outline-offset:-3px}
button:disabled{opacity:.5;filter:none}
@media(hover:hover){button:not(:disabled):hover{background:#eee0c6}button.primary:not(:disabled):hover{background:#8f4d2c}}
.hud{border:1px solid #766149;background:#f5ebd8;border-radius:8px;box-shadow:0 3px 12px #090b103d;overflow:hidden}
.headline{background:#343b3a;color:#ecdfc4;border-bottom:1px solid #706044;padding:6px 10px;font-size:12px}
.headline h1{color:#f4e2bc;font-size:15px;letter-spacing:.04em}
.stats{padding:7px 10px;gap:9px}
.stats>div{color:#77654e;font-size:11px}.stats strong{color:#433326;font-size:18px}
.meters{border:1px solid #73634d;background:#f3ead8ed;color:#5e503e;border-radius:5px}
.meters label{font-size:11px}meter{accent-color:#6a8667}
.message{background:#f6edddf5;color:#493a2d;border:1px solid #b7a48a;border-left:3px solid #bd8350;border-radius:6px;box-shadow:0 2px 8px #0c101721;padding:7px 10px;min-height:52px}
.message p{font-size:13px;line-height:1.4}#activity{font-size:12px;color:#71604c}#attention{font-size:12px;color:#9c432e}
.toolbar{gap:6px}.toolbar button{font-size:14px;min-height:50px}
.camera-controls button{background:#263130ed;color:#efdfbd;border-color:#78674d;box-shadow:none;font-size:19px}
.camera-controls #camera-home{font-size:13px}
#zoom-level{background:#263130ed;color:#dfcba7;border-color:#78674d;font-size:12px}
.guest-roster-card,.guest-roster-card[aria-pressed=true]{background:#f1e6d0ed;border:1px solid #b8a486;box-shadow:none;min-height:64px;line-height:1.35;font-size:12px;padding:6px 9px}
.guest-roster-card[aria-pressed=true]{background:#e6d5b3;border-color:#9b7145;box-shadow:inset 3px 0 #9b7145}
.guest-roster-name{font-size:14px}.guest-roster-mood,.guest-roster-wait{font-size:11px}
.guest-roster[data-many=true]{grid-template-columns:repeat(2,minmax(0,1fr))}
.guest-roster[data-many=true] .guest-roster-card{min-height:60px;font-size:12px;padding:5px 8px}
.guest-roster[data-many=true] .guest-roster-heading{display:flex}.guest-roster[data-many=true] .guest-roster-name{font-size:13px}.guest-roster[data-many=true] .guest-roster-mood,.guest-roster[data-many=true] .guest-roster-wait{font-size:11px}
.guest-flow-dock-summary{color:#dfceb0;font-size:12px}
.bubble{background:#fff7e8;color:#443326;border:1px solid #bfa47d;border-radius:9px;box-shadow:0 2px 7px #0a0f1855;font-size:13px;line-height:1.4;padding:6px 9px;max-width:min(164px,45%)}
.bubble:after{border-top-color:#fff7e8}.bubble.emoji{font-size:22px}
/* The outer rectangle, heading, main tabs and return target remain exactly
   fixed across content changes. Only the central reading area scrolls. */
#menu{position:fixed;inset:0;margin:auto;width:min(640px,calc(100% - 24px));height:min(680px,calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-width:none;max-height:none;border:1px solid #a58c69;border-radius:10px;background:var(--bar-paper);color:var(--bar-text);box-shadow:0 16px 60px #060b13a3;padding:0;overflow:hidden}
#menu[open]{display:flex;flex-direction:column}
#menu::backdrop{background:#0b111bb3}
#menu .menu-heading{height:56px;min-height:56px;flex:none;padding:10px 14px;background:#343b3a;color:#f6e8cd;border-bottom:1px solid #756045}
#menu .menu-heading h2{font-size:17px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#menu .menu-heading span{color:#d7c6a5;font-size:11px;white-space:nowrap}
#menu .tabs{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px;background:#eee0c9;border-bottom:1px solid var(--bar-line)}
#menu .tabs button{height:48px;min-height:48px;padding:7px 3px;font-size:14px;border-radius:6px;white-space:nowrap}
#menu .menu-content{flex:1;min-height:0;min-width:0;padding:10px 14px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#b9a486 #f4ebdb}
#menu .menu-footer{flex:none;height:66px;min-height:66px;padding:8px 12px;background:#eee0c9;border-top:1px solid var(--bar-line)}
#menu .menu-footer button{height:48px;width:100%;background:#4d5b4e;color:#fff7e7;border-color:#3c4b3f;font-size:14px}
#menu .menu-content>[data-page]{min-width:0}
#menu .menu-content p,#menu .menu-content li,#menu .menu-content label{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
#menu .menu-content h3{font-size:17px;margin:10px 0}
#menu .menu-content h4{font-size:15px}
#menu button,#menu input,#menu select{font-size:14px;max-width:100%;border-radius:6px}
#menu input:not([type=checkbox]):not([type=radio]),#menu select{background:#fffaf0;color:var(--bar-text);border:1px solid #bba88b;padding:8px}
#menu :is(.campaign-panel,.team-panel,.outreach-panel,.guest-details,.guest-flow-panel,.seating-panel,.party-panel,.production-panel,.crew-panel,.person-card){background:#fff8eb;border-color:var(--bar-line)}
#menu :is(.campaign-fields,.finance-controls,.settings-controls,.staff-controls){background:transparent;border-color:var(--bar-line)}
#menu .muted{color:#78664e;font-size:13px}
#menu .compact-menu-title{color:#7a6046;font-size:13px!important;letter-spacing:.04em}
#menu .compact-actions{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
#menu .compact-actions>.compact-action{border:1px solid #c5b18e;border-radius:7px;background:#fff8eb}
#menu .compact-actions>.compact-action>summary{min-height:58px;font-size:14px;line-height:1.4;background:#f4e7ce;color:#4b372a;padding:9px;gap:8px}
#menu .compact-actions>.compact-action>summary::before{width:26px;height:26px;background:#dfc49b;border:0;color:#695036;font-size:14px;border-radius:5px}
#menu .compact-actions>.compact-action[open]{border-color:#af8962}
#menu .compact-actions>.compact-action[open]>summary{background:#e9d4af;border-bottom-color:#bca17c}
#menu .compact-actions>.compact-action[open]>summary::after{font-size:12px;color:#70543b}
#menu .compact-tips{background:#edf0e4;color:#4f624b;border-color:#bac4a9!important;padding-inline:10px}
#menu .compact-tips>summary{font-size:14px!important;color:#50674c!important}
#menu .compact-tips>p{font-size:14px!important;color:#5b664d}
#menu .compact-overview{background:#f0e9d9;border-color:#cfbea0}
#menu .abilities>div{font-size:11px;background:#eee1c9;border-color:#cfba96}.abilities strong{color:#4d7056}
.gain-flash{animation:bar-gain .75s ease-out}
.receipt-flash{animation:bar-receipt 1.6s ease-out}
@keyframes bar-gain{0%{color:#27754d;text-shadow:0 0 12px #85c98a}45%{color:#27754d}100%{color:#433326;text-shadow:none}}
@keyframes bar-receipt{0%,70%{color:#28704b}100%{color:#71604c}}
@media(prefers-reduced-motion:reduce){button{transition:none}.gain-flash,.receipt-flash{animation:none}}
@media(min-width:700px){.hud{left:16px;top:12px;width:380px}.dock{right:16px;bottom:12px;width:380px}.camera-controls{right:16px}.meters{left:16px;top:97px;width:380px}}
@media(max-width:350px){#menu{width:calc(100% - 16px)}#menu .menu-content{padding-inline:10px}#menu .tabs{padding-inline:8px}.toolbar button{font-size:14px}.guest-roster-card{padding:6px;font-size:12px}}
@media(orientation:landscape) and (max-height:550px){#menu{width:min(640px,calc(100% - 24px));height:calc(100dvh - 20px)}#menu .menu-content [data-page=people],#menu .menu-content [data-page=settings]{display:block}.hud{width:320px;left:8px;top:8px}.dock{width:340px;right:8px;bottom:8px}.meters{top:92px;width:320px;left:8px}.camera-controls{right:8px;top:8px}}
/* Three management destinations beside the single operating control. */
.toolbar{grid-template-columns:1.15fr 1fr 1fr 1fr}
.toolbar #next{font-size:13px}.toolbar button{padding-inline:3px}
#menu .menu-heading{height:66px;min-height:66px;padding-block:8px}
#menu .menu-utilities{flex:none;gap:6px}
#menu .menu-utilities button{min-width:48px;height:48px;padding:6px 9px;font-size:13px;background:#49544b;color:#f4e6c9;border-color:#7e8066}
@media(orientation:landscape) and (max-height:550px){.toolbar{grid-template-columns:1.15fr 1fr 1fr 1fr}}
.meters{top:calc(102px + env(safe-area-inset-top));width:calc(100% - 16px)}
.camera-controls{top:calc(138px + env(safe-area-inset-top))}
@media(min-width:700px){.meters{top:108px;left:16px;width:380px}.camera-controls{top:12px}}
@media(orientation:landscape) and (max-height:550px){.meters{top:104px;left:8px;width:320px}.camera-controls{top:8px}}