/* EVENT-075. Scoped physical observation, compact method choice, original commands. */
#event-scene.event-interaction-active:not(.combat-scene):not([hidden]){display:flex;flex-direction:column;min-height:0;overflow:clip;isolation:isolate;background:#151c16!important;border:1px solid #8c775447;border-radius:2px;box-shadow:0 15px 36px #060a0866}
#event-scene.event-interaction-active:not(.combat-scene)::before{background:radial-gradient(ellipse at 55% 25%,#4e493626,#142018);opacity:1;z-index:-1}
#event-scene.event-interaction-active:not(.combat-scene) #event-vignette{position:relative;display:block;width:min(100%,960px,calc((100vh - 420px) * var(--event-image-ratio,1.77777778)));aspect-ratio:var(--event-image-ratio,16/9);height:auto;min-height:0;max-height:none;margin:0 auto;align-self:center;overflow:visible;flex:none;background:#161c17;border:0}
#event-scene.event-interaction-active:not(.combat-scene) #event-vignette-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:none}
#event-scene.event-interaction-active:not(.combat-scene):has(.event-original-confirm .story-target-plan) #event-vignette{width:min(100%,900px,calc((100vh - 480px) * var(--event-image-ratio,1.77777778)))}
#event-scene.event-interaction-active:not(.combat-scene) #event-vignette::after{background:linear-gradient(#09100872,transparent 32%,transparent 85%,#09130855);pointer-events:none}
#event-scene.event-interaction-active:not(.combat-scene) #event-vignette figcaption{display:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 17px;border-bottom:1px solid #97814c3d;background:#273021aa;text-shadow:0 1px 6px #000}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-title{display:block;color:#e4d8b8;font:500 19px/1.4 Georgia,'STSong',serif;letter-spacing:2px}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-actor{display:block;color:#bbb9a0;font-size:10px;letter-spacing:1px;line-height:1.5}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspot{position:absolute;transform:translate(-50%,-50%);padding:7px 10px;min-height:36px;margin:0;border:1px solid #ac955976;border-radius:1px;background:#172219de;color:#e1cf9f;font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:auto;box-shadow:0 2px 10px #0008;transition:background 130ms ease,border-color 130ms ease}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspot::before{content:'+';display:inline-block;color:#dfc57f;margin-right:6px;font-size:17px;font-weight:400;vertical-align:-1px}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspot[aria-pressed=true]{background:#8c713dd9;color:#fff0ca;border-color:#f0d895;box-shadow:0 0 0 5px #d8af521b,0 0 22px #e6b95a47}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspot:hover{border-color:#ddc583;background:#64583edf}
#event-scene.event-interaction-active:not(.combat-scene) .event-scene-copy{width:100%;min-height:0;padding:12px 20px 15px;border-left:0;border-top:1px solid #ad8e554d;background:linear-gradient(110deg,#293024,#18221b);overflow-wrap:anywhere}
#event-scene.event-interaction-active:not(.combat-scene) .event-scene-copy>:is(h2,.panel-kicker){display:none}
#event-scene.event-interaction-active:not(.combat-scene):not(.result-scene) #event-action-panel{display:none!important}
#event-scene.event-interaction-active:not(.combat-scene):not(.result-scene) #event-scene-status{display:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-decision-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:10px 14px;border:1px solid #a58b504d;border-left:3px solid #b79351;background:linear-gradient(100deg,#6251331f,#13251e33)}
#event-scene.event-interaction-active:not(.combat-scene) .event-decision-card>:is(nav,h3,p){grid-column:1}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-navigation{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 5px}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-nav{margin:0;padding:4px 8px;background:transparent;border:1px solid #9b895546;color:#c4bd9c;font-size:11px;line-height:1.4;border-radius:1px}
#event-scene.event-interaction-active:not(.combat-scene) .event-object-nav[aria-pressed=true]{border-color:#c2a46b;background:#81713c44;color:#f0dcae}
#event-scene.event-interaction-active:not(.combat-scene) .event-decision-heading{font-size:15px;color:#e6d6ae;line-height:1.5;margin:2px 0 5px;font-weight:500;letter-spacing:1px}
#event-scene.event-interaction-active:not(.combat-scene) .event-decision-hint{font-size:11px;color:#b4b89e;line-height:1.6;margin:3px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-methods{display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 7px}
#event-scene.event-interaction-active:not(.combat-scene) .event-method{padding:4px 9px;min-height:26px;font-size:11px;line-height:1.4;margin:0;border:1px solid #8c80514d;background:#1b2a21;color:#bfc4a7;border-radius:1px}
#event-scene.event-interaction-active:not(.combat-scene) .event-method[aria-pressed=true]{color:#f1db9e;border-color:#b79c61;background:#5a5732}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm{grid-column:2;grid-row:1/span 6;align-self:center;max-width:420px}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button{display:block;grid-template-columns:none;width:max-content;max-width:420px;margin:0;min-height:36px;padding:8px 13px;border:1px solid #aa935e;background:linear-gradient(110deg,#705a35,#3c482d);color:#edddb7;font-size:12px;border-radius:1px;text-align:left}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button :is(.choice-arrow,.choice-emblem){display:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button strong{display:block;font-size:12px;line-height:1.6;white-space:normal;max-width:390px}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button small{display:block;font-size:11px;line-height:1.6;color:#bfc1a2;max-width:390px}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button.event-command-compact small{display:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-choice-effects{font-size:12px;line-height:1.6;color:#e2cc9e;margin:3px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-choice-detail{font-size:11px;line-height:1.65;color:#bdbd9f;margin:3px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-decision-disabled{font-size:11px;line-height:1.5;color:#d0b18a;margin:4px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm:has(.story-target-plan){grid-column:2;grid-row:1/span 6;justify-self:end;width:600px;max-width:54vw;margin:0}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-plan{border:1px solid #8e855344;background:#203127;padding:7px 10px;margin:0;font-size:12px}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-plan summary{font-size:12px;color:#d6c997;line-height:1.5;cursor:pointer}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-plan p{font-size:10px;color:#a5b39b;line-height:1.5;margin:5px 0}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-options{display:flex;flex-wrap:wrap;gap:6px}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-options>button{display:block;grid-template-columns:none;flex:1;min-width:230px;margin:0;padding:7px 10px;min-height:36px;border:1px solid #aaa05c66;background:#4a5534;text-align:left;border-radius:1px}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-options>button :is(.choice-arrow,.choice-emblem){display:none}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-options>button strong{font-size:11px;line-height:1.4}
#event-scene.event-interaction-active:not(.combat-scene) .story-target-options>button small{font-size:10px;line-height:1.5;color:#afbaa3}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-utilities{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-utilities button{padding:4px 8px;min-height:0;font-size:10px;background:none;border:1px solid #857f4844;color:#b2b696;margin:0;border-radius:1px}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-leave :is(small,.choice-emblem,.choice-arrow){display:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-leave{display:block;width:auto;grid-template-columns:none;white-space:nowrap}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-leave strong{font-size:10px;line-height:1.5}
#event-scene.event-interaction-active:not(.combat-scene) .event-story-details{margin:8px 0 0;padding:0;border:0;background:none}
#event-scene.event-interaction-active:not(.combat-scene) .event-story-details summary{font-size:11px;color:#a6ae95;cursor:pointer;line-height:1.5;padding:3px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-scene-story{font-size:12px;line-height:1.85;color:#c8c7ad;margin:10px 0}
#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-receipt{position:absolute;z-index:4;left:50%;top:75%;transform:translate(-50%,-50%);padding:9px 14px;border:1px solid #b7a36c;background:#1c2b20ef;color:#e4d6ad;font-size:12px;letter-spacing:1px;box-shadow:0 4px 16px #0008}
#event-scene.event-interaction-active:not(.combat-scene) .event-receipt-enter{animation:event-receipt-enter 230ms ease-out both}
#event-scene.event-interaction-active:not(.combat-scene) .scene-panel{box-shadow:none;background:transparent;border:0;padding:0}
#event-scene.event-interaction-active:not(.combat-scene) #companion-event-panel>:is(h3,p){display:none}
#event-scene.event-interaction-active:not(.combat-scene) #companion-event-panel:not(:has(h4)){display:none}
#event-scene.event-interaction-active:not(.combat-scene) .result-outcome{margin:9px 0;padding:10px 13px;border-left:3px solid #b69658;background:#44452b55;font-size:12px;line-height:1.75;color:#d4cbb0}
#event-scene.event-interaction-active:not(.combat-scene) .result-gains{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
#event-scene.event-interaction-active:not(.combat-scene) .result-gains article{background:#1a2a2177;border:1px solid #8c805933;padding:10px}
#event-scene.event-interaction-active:not(.combat-scene) .result-gains :is(h3,p){font-size:11px;line-height:1.7}
#event-scene.event-interaction-active:not(.combat-scene) #pending-loot-medical{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}
#event-scene.event-interaction-active:not(.combat-scene) #pending-loot-medical>:is(h4,p){grid-column:1/-1}
#event-scene.event-interaction-active:not(.combat-scene) :is(button,summary):focus-visible{outline:2px solid #efd195;outline-offset:3px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .hero-header{padding:4px 12px;margin-bottom:6px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .session-bar{padding:4px 10px;margin-bottom:5px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .turn-bar{padding:4px 9px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stats{margin-top:5px;gap:8px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stat{padding:5px 9px;gap:3px 10px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stat strong{flex-basis:auto;font-size:12px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stat p{font-size:11px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stat p:nth-of-type(3){display:none}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .player-stat .guide-link{font-size:10px;padding:2px 5px}
body:has(#game-panel:not([hidden]) #event-scene.event-interaction-active:not([hidden])) .map-console{padding-top:9px}
@keyframes event-receipt-enter{from{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(max-width:760px){#event-scene.event-interaction-active:not(.combat-scene) #event-vignette{width:100%}#event-scene.event-interaction-active:not(.combat-scene) .event-decision-card{display:block}#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm{margin-top:9px}#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm:has(.story-target-plan){width:100%;max-width:100%}#event-scene.event-interaction-active:not(.combat-scene) .event-interaction-title{font-size:18px}#event-scene.event-interaction-active:not(.combat-scene) .event-object-hotspot{font-size:10px;min-height:28px;padding:4px 6px}#event-scene.event-interaction-active:not(.combat-scene) .event-original-confirm>button{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){#event-scene.event-interaction-active:not(.combat-scene),#event-scene.event-interaction-active:not(.combat-scene) *{animation:none!important;transition:none!important}}
