/* Gate 7: shared visual rhythm; the room remains the primary surface. */
:root{--accent:#dbc28b;--muted:#c4cec9;--line:#d7e3dc45;--gutter:clamp(24px,4vw,76px)}
.topline,.bottomline{inset-inline:var(--gutter)}
.topline{top:20px}.topline nav{gap:22px}.topline button{min-height:44px}
button,a,input,select{transition:color .18s,border-color .18s,background-color .18s}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button:disabled{opacity:.48}.text-action{min-height:48px;font-size:14px;line-height:1.6}
.eyebrow{font-size:11px;letter-spacing:.16em}.bottomline{font-size:11px}
#objective{inset-inline-start:var(--gutter);max-width:350px}#objective-line{font-size:14px;line-height:1.7}
#identity-status{inset-inline-end:var(--gutter);font-size:11px;line-height:1.8}
#opening{inset-inline-start:8%;top:26%}#opening .eyebrow{margin-bottom:30px}#tagline{line-height:1.6}
#narrative{top:32%;max-width:1000px}#logline{line-height:1.12;text-wrap:balance}#logline span{display:inline-block;margin-inline-end:.23em}
html[dir=rtl] #logline{line-height:1.65;letter-spacing:0}html[dir=rtl] #logline span{margin-inline-end:.28em}
#event-panel,#processing-panel,#resolution,#inspection-finish{width:min(540px,82%);max-height:calc(100dvh - 230px);overflow:auto;padding-inline-end:14px;scrollbar-width:thin}
#event-body,#processing-body{font-size:14px;line-height:1.8;text-wrap:pretty}
#event-actions .text-action,#processing-actions .text-action{font-size:14px;min-height:51px;padding-block:12px}
#resolution h2,#inspection-finish h2{font-size:clamp(32px,4vw,52px);text-wrap:balance}
#outcome-evidence,#inspection-finish-status,#inspection-saved{font-size:12px;line-height:1.8}
#inspection-toolbar{inset-inline:var(--gutter);bottom:70px}.perspectives,.inspection-actions{gap:20px}
.perspectives button,.inspection-actions button{font-size:13px;min-height:44px;padding:12px 0}
#finding-panel{background:#101c20ee;border-inline-start:2px solid var(--accent);width:min(420px,78%);padding:20px 24px}
#finding-detail{font-size:14px;line-height:1.8}#finding-panel button{font-size:13px;min-height:44px}
#processing-object{background:#102025ed;border-inline-start:2px solid var(--accent);padding:18px 22px;inset-inline-start:var(--gutter);width:min(380px,35%);max-height:calc(100dvh - 250px);overflow:auto;scrollbar-width:thin}
#processing-object p{font-size:13px;line-height:1.7}#processing-object .quiet{font-size:12px}#processing-object button{font-size:13px;min-height:40px}
#processing-object .action-row{gap:12px 22px;margin-top:12px}
#processing-next,#processing-continue{font-size:14px;min-height:48px}
#subtitle{width:min(640px,78%)}#dialogue-line{font-size:16px;line-height:1.8;background:#0b171df0;border-bottom:1px solid #dbc28b50;box-shadow:none}
#speaker{font-size:11px}#document-tools,#comparison-actions{padding:12px 20px;background:#102025ed;border-bottom:1px solid var(--line)}
#document-tools button,#comparison-actions button{font-size:14px;min-height:44px}
dialog{max-height:90dvh;overflow:auto;scrollbar-width:thin}dialog label{font-size:14px}dialog select{font:inherit;padding:9px;color:var(--chalk);background:#162b30;border:1px solid var(--line);border-radius:0;max-width:58%}
#graphics-note,#voice-note{font-size:12px;line-height:1.8}#credits-link{font-size:13px;min-height:40px}
.debrief-open{line-height:1.8}.debrief-nav button{min-height:46px}.debrief-ledger p,.debrief-evidence-note{line-height:1.8}
@media(max-height:780px) and (min-width:701px){#event-panel,#processing-panel,#resolution,#inspection-finish{bottom:91px;max-height:calc(100dvh - 215px);width:min(500px,46%)}#event-body,#processing-body{margin-block:12px}#processing-object{bottom:85px}#subtitle{top:155px;bottom:auto}#opening{top:23%}#tagline{margin-bottom:28px}}
@media(max-width:700px){.topline nav{gap:12px;font-size:11px}.topline .separator{display:none}#companion-open{max-width:145px;font-size:9px}#objective-line{font-size:12px}#identity-status{font-size:10px}#event-panel,#processing-panel,#resolution,#inspection-finish{max-height:calc(100dvh - 280px);width:86%}#processing-object{width:86%;max-height:40dvh}#finding-detail{font-size:13px}.bottomline{font-size:9px}#document-tools button,#comparison-actions button{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,a,input,select{transition:none}}

#restart-dialog h2{font:600 36px/1.35 var(--display);margin:12px 0}#restart-detail{line-height:1.8;color:var(--muted)}#restart-dialog .action-row{justify-content:space-between;margin-top:24px}