/* INTERFACE-098: shared formal scene, proportion-preserving art and compact decision dock. */
body.interface-live #event-scene:not(.combat-scene){background:#111b16!important}
body.interface-live #event-scene:not(.combat-scene) #event-vignette{position:relative!important;background:#151d18!important}
body.interface-live #event-scene:not(.combat-scene) #event-vignette-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important}
body.interface-live #event-scene:not(.combat-scene) #event-vignette::after{display:none!important}
body.interface-live #event-scene:not(.combat-scene) :is(.event-vignette-caption,#event-vignette-tag,#event-vignette-quote,#event-vignette-location){display:none!important}
@media(min-width:1100px) and (min-height:650px){
 body.interface-live.experience-live #event-scene.event-convoy-active:not(.combat-scene):not(.result-scene):not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(160px,1fr) auto!important;gap:0;overflow:hidden}
 body.interface-live.experience-live #event-scene.event-convoy-active:not(.result-scene) #event-vignette{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:hidden!important;margin:0!important}
 body.interface-live.experience-live #event-scene.event-convoy-active:not(.result-scene) .event-scene-copy{grid-column:1!important;grid-row:2!important;width:100%!important;height:auto!important;min-height:0!important;max-height:240px;padding:10px 16px!important;overflow:auto!important;background:#1b271f!important}
 body.interface-live #event-scene.event-convoy-active .convoy-observation{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,30%)!important;gap:3px 20px;padding:0!important;margin:0!important;background:none!important;border:0!important}
 body.interface-live #event-scene.event-convoy-active .convoy-observation>:is(h3,p,details){grid-column:1!important;margin:0!important}
 body.interface-live #event-scene.event-convoy-active .convoy-observation-confirm{grid-column:2!important;grid-row:1/span 5!important;align-self:center;margin:0!important}
 body.interface-live #event-scene.event-convoy-active .convoy-observation-confirm>button{max-width:100%!important;min-height:42px!important;white-space:normal!important}
 body.interface-live #event-scene.event-convoy-active .convoy-canvas-heading{font-size:19px!important;top:8px!important;left:14px!important}
 body.interface-live #event-scene.event-convoy-active #event-story-details{margin:4px 0 0!important}
 body.interface-live.experience-live #event-scene:is(.event-interaction-active,.event-stations-active):not(.combat-scene):not(.result-scene):not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:32px minmax(160px,1fr) auto!important;gap:0;overflow:hidden;isolation:isolate}
 body.interface-live #event-scene:is(.event-interaction-active,.event-stations-active):not(.result-scene) :is(.event-interaction-heading,.station-heading){position:relative!important;inset:auto!important;grid-column:1!important;grid-row:1!important;height:32px!important;margin:0!important;padding:4px 14px!important}
 body.interface-live.experience-live #event-scene:is(.event-interaction-active,.event-stations-active):not(.result-scene) #event-vignette{grid-column:1!important;grid-row:2!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;overflow:hidden!important}
 body.interface-live.experience-live #event-scene:is(.event-interaction-active,.event-stations-active):not(.result-scene) .event-scene-copy{grid-column:1!important;grid-row:3!important;width:100%!important;height:auto!important;min-height:0!important;max-height:250px;padding:10px 16px!important;box-sizing:border-box;overflow:auto!important;background:linear-gradient(110deg,#283027,#15231b)!important;gap:5px;border-top:1px solid #a28e5655}
 body.interface-live #event-scene:is(.event-interaction-active,.event-stations-active):not(.result-scene) .event-scene-copy>:is(h2,.panel-kicker,#event-scene-status){display:none!important}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .event-decision-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,30%)!important;gap:4px 20px!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
 body.interface-live #event-scene .event-decision-card>:is(nav,h3,p){grid-column:1!important;margin:0!important}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .event-original-confirm{grid-column:2!important;grid-row:1/span 6!important;margin:0!important;align-self:center!important;max-width:100%!important;width:100%!important}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .event-original-confirm:has(.story-target-plan){width:100%!important;grid-row:1/span 8!important}
 body.interface-live #event-scene .event-choice-detail{display:none!important}
 body.interface-live #event-scene .event-decision-heading{font-size:15px!important;line-height:1.5!important}
 body.interface-live #event-scene :is(.event-choice-effects,.event-decision-hint,.event-decision-disabled){font-size:12px!important;line-height:1.55!important}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .event-methods{max-height:90px!important;margin:4px 0!important}
 body.interface-live #event-scene .event-method{min-height:30px!important;font-size:12px!important;padding:5px 10px!important}
 body.interface-live #event-scene .story-target-plan[open]{max-height:none;overflow:visible}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .story-target-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 body.interface-live.experience-live #event-scene:not(.combat-scene) .story-target-options>button{min-width:0!important;width:100%!important;max-width:100%!important;flex:none!important;padding:6px 8px!important;box-sizing:border-box;align-self:stretch}
 body.interface-live #event-scene .story-target-options>button :is(strong,small){white-space:normal;overflow-wrap:anywhere}
 body.interface-live #event-scene :is(.event-interaction-utilities,.station-utilities){padding-top:3px!important;margin:3px 0 0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 body.interface-live #event-scene #event-story-details{margin:0!important;flex:none}
 body.interface-live #event-scene #event-story-details summary{padding:3px 0!important}
 body.interface-live.experience-live #event-scene .station-service-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,35%)!important;gap:4px 18px;padding:0!important;border:0!important;background:none!important}
 body.interface-live #event-scene .station-service-card>:is(nav,h3,p){grid-column:1!important;margin:0!important}
 body.interface-live #event-scene .station-service-card .station-original-actions{grid-column:2!important;grid-row:1/span 8!important;max-width:100%!important;min-width:0;align-self:center}
 body.interface-live #event-scene .station-live-status{margin:0!important;padding:3px 8px!important;line-height:1.5!important}
 body.interface-live #event-scene .station-context{font-size:12px!important;line-height:1.5!important}
 body.interface-live #event-scene .station-methods{max-height:100px!important;overflow:auto}
 body.interface-live #event-scene .station-original-actions .item-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:48px minmax(0,1fr)!important;padding:7px 10px!important;gap:9px!important}
 body.interface-live #event-scene .station-original-actions .item-model{width:48px!important;height:48px!important}
 body.interface-live #event-scene .station-original-actions .item-description{font-size:12px!important;line-height:1.5!important}
 body.interface-live #event-scene .station-original-actions button{max-width:100%!important;box-sizing:border-box;min-height:34px!important}
 body.interface-live #event-scene .station-service-title{font-size:15px!important;line-height:1.5!important}
 /* Result retains a readable side panel and its pinned confirmation. */
 body.interface-live.experience-live #event-scene.result-scene:not(.combat-scene):not([hidden]){display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(430px,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
 body.interface-live.experience-live #event-scene.result-scene #event-vignette{grid-row:1!important;grid-column:1!important;height:100%!important;width:100%!important;min-height:0!important;overflow:hidden!important;aspect-ratio:auto!important}
 body.interface-live.experience-live #event-scene.result-scene .event-scene-copy{grid-row:1!important;grid-column:2!important;height:100%!important;max-height:none!important;padding:38px 16px 12px!important;overflow:hidden!important}
 body.interface-live #event-scene.result-scene :is(.event-interaction-receipt,.station-receipt){display:none!important}
 body.interface-live #event-result-content .result-gains{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}
 body.interface-live #event-result-content .result-outcome{font-size:13px;line-height:1.7;padding:9px 12px;margin:5px 0}
 body.interface-live #event-scene.combat-scene .fighter-hud{bottom:auto!important;top:-64px!important}
 body.interface-live #event-scene.combat-scene #combat-panel{flex-shrink:0;max-height:165px;overflow:visible}
 body.interface-live #event-scene.combat-scene .battle-stage{min-height:280px!important}
 body.interface-live #floor-progress{display:flex;flex-direction:column;overflow:hidden!important}
 body.interface-live #floor-progress .floor-cards{flex:1;min-height:0;overflow:auto}
 body.interface-live #floor-progress>button{flex-shrink:0}
}
@media(max-width:1099px),(max-height:649px){
 body.interface-live{overflow:auto!important;height:auto!important}
 body.interface-live #event-scene:is(.event-interaction-active,.event-stations-active,.event-convoy-active):not(.combat-scene):not(.result-scene){display:flex!important;flex-direction:column!important;overflow:visible!important;min-height:0!important}
 body.interface-live #event-scene:is(.event-interaction-active,.event-stations-active,.event-convoy-active) #event-vignette{position:relative!important;width:100%!important;height:42vh!important;min-height:230px!important;max-height:none!important;aspect-ratio:auto!important}
 body.interface-live #event-scene:not(.combat-scene) .event-scene-copy{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:14px!important}
 body.interface-live #event-scene :is(.event-decision-card,.station-service-card){display:block!important}
 body.interface-live #event-scene :is(.event-original-confirm,.station-original-actions){width:100%!important;max-width:none!important;margin-top:10px!important}
 body.interface-live #event-scene .station-original-actions .item-card{width:100%!important;box-sizing:border-box}
}