/* EVENT-076. Continuous original services, image objects and an active service card. */
#event-scene.event-stations-active:not(.combat-scene):not([hidden]){display:flex;flex-direction:column;min-height:0;overflow:clip;isolation:isolate;background:#19221a!important;border:1px solid #b6995847;border-radius:2px;box-shadow:0 15px 36px #060a0866}
#event-scene.event-stations-active::before{background:radial-gradient(ellipse at 55% 25%,#62503924,#142018);opacity:1;z-index:-1}
#event-scene.event-stations-active .station-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 17px;border-bottom:1px solid #ad8e5547;background:#2b3021;color:#e7d5af}
#event-scene.event-stations-active .station-heading strong{font:500 19px/1.4 Georgia,'STSong',serif;letter-spacing:2px}
#event-scene.event-stations-active .station-heading span{font-size:10px;color:#bcb69c;letter-spacing:1px}
#event-scene.event-stations-active #event-vignette{position:relative;display:block;flex:none;align-self:center;width:min(100%,940px,calc((100vh - 460px) * var(--station-image-ratio,1.77777778)));aspect-ratio:var(--station-image-ratio,16/9);height:auto;min-height:0;max-height:none;margin:0 auto;overflow:visible;background:#141b15;border:0}
#event-scene.event-stations-active[data-station-service=wares] #event-vignette,#event-scene.event-stations-active[data-station-service=counter] #event-vignette{width:min(100%,900px,calc((100vh - 510px) * var(--station-image-ratio,1.77777778)))}
#event-scene.event-stations-active #event-vignette-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;filter:none}
#event-scene.event-stations-active #event-vignette::after{background:linear-gradient(#09100842,transparent 30%,transparent 85%,#09130835);pointer-events:none}
#event-scene.event-stations-active #event-vignette figcaption{display:none}
#event-scene.event-stations-active .station-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
#event-scene.event-stations-active .station-hotspot{position:absolute;transform:translate(-50%,-50%);padding:6px 10px;min-height:34px;margin:0;border:1px solid #bba36b9c;border-radius:1px;background:#19251bdd;color:#e8d6af;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-stations-active .station-hotspot::before{content:'+';color:#dfc57f;margin-right:6px;font-size:17px;vertical-align:-1px}
#event-scene.event-stations-active .station-hotspot[aria-pressed=true]{background:#8a723fdd;color:#fff0ca;border-color:#f0d895;box-shadow:0 0 0 4px #d8af521b,0 0 20px #e6b95a47}
#event-scene.event-stations-active .station-hotspot:hover{background:#655739ed;border-color:#e1c886}
#event-scene.event-stations-active .event-scene-copy{width:100%;min-height:0;padding:10px 18px 12px;border-left:0;border-top:1px solid #ad8e554d;background:linear-gradient(110deg,#303026,#19271e);overflow-wrap:anywhere}
#event-scene.event-stations-active .event-scene-copy>:is(h2,.panel-kicker){display:none}
#event-scene.event-stations-active:not(.result-scene) :is(#event-action-panel,#market-panel,#companion-event-panel){display:none!important}
#event-scene.event-stations-active:not(.result-scene) #event-scene-status{display:none}
#event-scene.event-stations-active .station-service-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:9px 13px;border:1px solid #a58b504d;border-left:3px solid #b79351;background:linear-gradient(100deg,#75603822,#15281d33)}
#event-scene.event-stations-active .station-service-card>:is(nav,h3,p){grid-column:1}
#event-scene.event-stations-active .station-services{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 4px}
#event-scene.event-stations-active .station-service{margin:0;padding:4px 9px;background:transparent;border:1px solid #a18d554d;color:#c4bd9c;font-size:11px;line-height:1.4;border-radius:1px}
#event-scene.event-stations-active .station-service[aria-pressed=true]{border-color:#c2a46b;background:#81713c44;color:#f0dcae}
#event-scene.event-stations-active .station-service-title{font-size:15px;color:#e6d6ae;line-height:1.5;margin:1px 0 3px;font-weight:500;letter-spacing:1px}
#event-scene.event-stations-active .station-context{font-size:11px;color:#bdbca2;line-height:1.6;margin:2px 0;max-width:650px}
#event-scene.event-stations-active .station-methods{display:flex;flex-wrap:wrap;gap:5px;margin:1px 0 4px;max-height:130px;overflow:auto;scrollbar-color:#907443 #1b251c;align-content:flex-start}
#event-scene.event-stations-active .station-method{display:block;grid-template-columns:none;padding:5px 9px;min-height:28px;font-size:11px;line-height:1.45;margin:0;border:1px solid #8c80515d;background:#1b2a21;color:#c3c6aa;border-radius:1px;text-align:left}
#event-scene.event-stations-active .station-method[aria-pressed=true]{color:#f1db9e;border-color:#b79c61;background:#5a5732}
#event-scene.event-stations-active .station-original-actions{grid-column:2;grid-row:1/span 5;align-self:center;max-width:550px;min-width:0}
#event-scene.event-stations-active .station-original-actions>button{display:block;grid-template-columns:none;width:auto;max-width:440px;min-height:37px;margin:0;padding:8px 13px;border:1px solid #b69b63;background:linear-gradient(110deg,#756038,#3a4b30);color:#ecd9b2;font-size:12px;text-align:left;border-radius:1px}
#event-scene.event-stations-active .station-original-actions>button :is(.choice-emblem,.choice-arrow){display:none}
#event-scene.event-stations-active .station-original-actions>button strong{font-size:12px;line-height:1.6;display:block}
#event-scene.event-stations-active .station-original-actions>button small{font-size:11px;line-height:1.6;display:block;color:#c4c1a3}
#event-scene.event-stations-active .station-original-actions .item-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:11px;width:min(510px,42vw);margin:0;padding:9px 12px;background:#263122;border:1px solid #a88d554d;border-radius:1px}
#event-scene.event-stations-active .station-original-actions .item-model{width:68px;height:68px;object-fit:contain;margin:0;align-self:start}
#event-scene.event-stations-active .station-original-actions .item-card-copy>strong{font-size:14px;color:#e7d4a4;line-height:1.5}
#event-scene.event-stations-active .station-original-actions .item-meta{font-size:11px;line-height:1.5;color:#dac383;margin:3px 0}
#event-scene.event-stations-active .station-original-actions .item-description{font-size:11px;line-height:1.55;color:#b7b9a0;margin:3px 0}
#event-scene.event-stations-active .station-original-actions .item-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0 0}
#event-scene.event-stations-active .station-original-actions .item-card-actions button{margin:0;padding:6px 9px;font-size:11px;min-height:30px;border-radius:1px}
#event-scene.event-stations-active .station-offer-method{display:grid;grid-template-columns:32px minmax(0,1fr);gap:1px 6px;min-width:145px;max-width:190px;flex:1 0 145px;padding:5px 7px}
#event-scene.event-stations-active .station-offer-thumb{grid-row:1/span 2;width:32px;height:32px;object-fit:contain;align-self:center}
#event-scene.event-stations-active .station-offer-name{font-size:11px;line-height:1.4;color:#e1d1a6}
#event-scene.event-stations-active .station-offer-price{font-size:10px;line-height:1.4;color:#cfc181}
#event-scene.event-stations-active .station-original-actions .convoy-story{max-width:510px;margin:0;padding:9px 12px;border:1px solid #a18b504d;background:#243023}
#event-scene.event-stations-active .station-original-actions .convoy-story h3{font-size:14px;color:#ddc795;margin:0 0 4px}
#event-scene.event-stations-active .station-original-actions .convoy-story p{font-size:11px;line-height:1.5;margin:3px 0;color:#b9bda5}
#event-scene.event-stations-active .station-original-actions .convoy-story button{display:block;grid-template-columns:none;width:100%;margin:5px 0;padding:6px 9px;text-align:left;border-radius:1px}
#event-scene.event-stations-active .station-original-actions .convoy-story strong{font-size:12px;line-height:1.5}
#event-scene.event-stations-active .station-original-actions .convoy-story small{font-size:11px;line-height:1.5;display:block;margin-top:2px}
#event-scene.event-stations-active .station-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:7px 0 0}
#event-scene.event-stations-active .station-utilities>button{display:block;grid-template-columns:none;width:auto;max-width:100%;margin:0;padding:5px 9px;min-height:29px;font-size:11px;line-height:1.5;border:1px solid #8e86514d;background:#293027;color:#c4c3a5;border-radius:1px}
#event-scene.event-stations-active .station-utilities .choice-arrow,#event-scene.event-stations-active .station-utilities .choice-emblem{display:none}
#event-scene.event-stations-active #event-story-details{margin:5px 0 0;padding:0;border:0;background:transparent}
#event-scene.event-stations-active #event-story-details summary{font-size:11px;color:#9ba58b;line-height:1.5}
#event-scene.event-stations-active #event-story-details p{font-size:12px;line-height:1.8;color:#b6b59c}
#event-scene.event-stations-active .station-receipt{position:absolute;left:8%;right:8%;bottom:8%;padding:9px 13px;border:1px solid #ac986259;background:#17251ddf;color:#d5c398;font-size:12px;text-align:center}
#event-scene.event-stations-active button:disabled{opacity:.5;cursor:not-allowed}
#event-scene.event-stations-active :is(button,summary):focus-visible{outline:2px solid #f2d893;outline-offset:3px}
#event-scene.event-stations-active .station-live-status{font-size:11px;color:#c9c29d;line-height:1.6;margin:0 0 7px;padding:5px 8px;border-left:2px solid #a38a4e;background:#524a291f}
/* Stations permit several independent services: keep the facility large beside its active desk. */
@media(min-width:901px){
 #event-scene.event-stations-active:not(.combat-scene):not([hidden]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
 #event-scene.event-stations-active .station-heading{grid-column:1/-1}
 #event-scene.event-stations-active #event-vignette,#event-scene.event-stations-active[data-station-service=wares] #event-vignette,#event-scene.event-stations-active[data-station-service=counter] #event-vignette{grid-column:1;grid-row:2;width:min(100%,calc((100vh - 310px) * var(--station-image-ratio,1.77777778)));margin:0 auto;align-self:start}
 #event-scene.event-stations-active .event-scene-copy{grid-column:2;grid-row:2;width:auto;padding:9px 11px 12px;border-top:0;border-left:1px solid #ad8e554d}
 #event-scene.event-stations-active .station-service-card{display:block;padding:8px 10px}
 #event-scene.event-stations-active .station-methods{max-height:103px;margin:5px 0 7px}
 #event-scene.event-stations-active .station-original-actions{max-width:none;margin:7px 0}
 #event-scene.event-stations-active .station-original-actions .item-card{width:100%;box-sizing:border-box}
 #event-scene.event-stations-active .station-original-actions .convoy-story{max-width:none}
 #event-scene.event-stations-active .station-original-actions>button{max-width:100%;width:100%;box-sizing:border-box}
 #event-scene.event-stations-active .station-context{margin:4px 0;font-size:11px}
 #event-scene.event-stations-active .station-service-title{margin-top:4px}
 #event-scene.event-stations-active .station-offer-method{min-width:120px;max-width:none;flex-basis:120px}
 #event-scene.event-stations-active .station-services{margin-bottom:5px}
}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .hero-header{padding:4px 12px;margin-bottom:6px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .session-bar{padding:4px 10px;margin-bottom:5px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .turn-bar{padding:4px 9px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stats{margin-top:5px;gap:8px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stat{padding:5px 9px;gap:3px 10px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stat strong{flex-basis:auto;font-size:12px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stat p{font-size:11px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stat p:nth-of-type(3){display:none}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .player-stat .guide-link{font-size:10px;padding:2px 5px}
body:has(#game-panel:not([hidden]) #event-scene.event-stations-active:not([hidden])) .map-console{padding-top:9px}
@media(prefers-reduced-motion:reduce){#event-scene.event-stations-active *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){#event-scene.event-stations-active .station-service-card{display:block}#event-scene.event-stations-active .station-original-actions{max-width:none;margin-top:7px}#event-scene.event-stations-active .station-original-actions .item-card{width:auto}#event-scene.event-stations-active #event-vignette{width:min(100%,700px)}#event-scene.event-stations-active .station-heading{align-items:flex-start}#event-scene.event-stations-active .station-heading strong{font-size:17px}}