/* EVENT-074: object observation, one decision, then authoritative receipt. */
#event-scene.event-convoy-active:not(.combat-scene):not([hidden]) {
 --convoy-paper:#e4d8b8; --convoy-rust:#b77a58;
 display:flex; flex-direction:column; align-items:stretch; min-height:0;
 overflow:clip; border:1px solid #8e775047; border-radius:2px;
 background:radial-gradient(ellipse at 50% 15%,#3a3327,#131a14 80%) !important;
 box-shadow:0 18px 45px #05080566; isolation:isolate;
}
#event-scene.event-convoy-active:not(.combat-scene)::before { background:linear-gradient(#152015b8,#152015ed),url('/assets/optimized/events/convoy-073/convoy-scene-v1.webp') center/cover;filter:blur(3px);opacity:.4;z-index:-1; }
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette {
 position:relative; width:min(100%,960px,calc((100vh - 390px) * 1.77777778)); aspect-ratio:16/9; height:auto;
 min-height:0; max-height:none; margin:0 auto; overflow:visible; align-self:center;
 background:#171913; flex:none; border:0;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette img {
 position:absolute; inset:0; width:100%;height:100%;object-fit:fill;filter:none;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette::after {
 background:linear-gradient(180deg,#080d0866,transparent 25%,transparent 80%,#0c130e55);
 pointer-events:none;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette figcaption {
 position:absolute;top:19px;left:22px;bottom:auto;right:20px;pointer-events:none;z-index:2;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette blockquote,
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette small {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .vignette-stamp {
 color:#dbc393;border:0; background:#1117119c;font-size:10px;letter-spacing:2px;
 padding:5px 9px;transform:none;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-canvas-heading {
 position:absolute;top:18px;left:24px;right:24px;z-index:3;pointer-events:none;
 color:#e4d8b8;font:500 25px/1.3 Georgia,'STSong',serif;letter-spacing:3px;
 text-shadow:0 2px 12px #000;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-canvas-heading > strong {display:block;font-weight:500;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-canvas-heading .convoy-stage-head {margin-bottom:8px;text-shadow:0 1px 4px #000;}
#event-scene.event-convoy-active:not(.combat-scene) .event-vignette figcaption {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspots {
 position:absolute;inset:0;z-index:4;pointer-events:none;
}
#event-scene.event-convoy-active:not(.combat-scene) button.convoy-hotspot {
 position:absolute;z-index:1;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);
 min-width:0;min-height:40px;width:auto;max-width:none;margin:0;padding:5px 9px 5px 5px;
 border:1px solid #d0b57688;border-radius:2px;background:#182015df;
 color:#ecdab0;box-shadow:0 3px 14px #0009;text-align:left;font-size:12px;
 pointer-events:auto;transition:background 150ms,border-color 150ms;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot {
 position:relative;display:block;width:23px;height:23px;border:1px solid #dab773;
 border-radius:50%;background:#72613666;flex:none;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot::before,
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot::after {
 content:'';position:absolute;background:#ebca83;left:6px;right:6px;top:10px;height:1px;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot::after {transform:rotate(90deg);}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-name {white-space:nowrap;font-weight:500;letter-spacing:1px;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot:hover,
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[aria-pressed='true'] {background:#4d4b29eb;border-color:#f0d396;transform:translate(-50%,-50%);}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[aria-pressed='true'] .convoy-hotspot-dot {box-shadow:0 0 0 6px #e4bf5a28,0 0 28px #f5b84b99;background:#b3903f88;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot::after {
 content:'';position:absolute;pointer-events:none;opacity:0;transition:opacity 150ms;
 border:1px solid #d9b56b99;background:#ce9c3222;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[data-convoy-hotspot='take']::after {
 width:145px;height:26px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[data-convoy-hotspot='seal']::after {
 width:62px;height:62px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[data-convoy-hotspot='inspect']::after {
 width:50px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot[aria-pressed='true']::after,
#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot:hover::after {opacity:1;z-index:-1;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-scene-receipt {
 position:absolute;left:60%;top:56%;z-index:4;transform:translate(-50%,-50%);
 padding:10px 15px;border:1px solid #c6aa6880;background:#15241be8;color:#e3d3a9;
 font-size:13px;letter-spacing:2px;box-shadow:0 3px 16px #0009;pointer-events:none;
 animation:convoy-receipt-appear 260ms ease-out both;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-scene-receipt[data-convoy-result='opened'] {border-color:#c98b59;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-scene-receipt[data-convoy-result='evidence'] {border-color:#8caf9b;background:#162720eb;}
#event-scene.event-convoy-active:not(.combat-scene) .event-scene-copy {
 width:100%;min-height:0;min-width:0;padding:15px 25px 20px;border-left:0;
 background:linear-gradient(100deg,#293024,#172119);border-top:1px solid #ac8f504d;overflow-wrap:anywhere;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-scene-copy > :is(h2,.panel-kicker,.convoy-intro) {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-stage-head {
 display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px 20px;
 margin:0 0 10px;padding:0;color:#b4b69b;font-size:11px;line-height:1.6;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-stage-index {color:#c9b182;letter-spacing:2px;}
#event-scene.event-convoy-active:not(.combat-scene) .event-story-details {
 margin:10px 0 0;padding:0;border:0;background:none;font-size:11px;color:#a8ac92;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-story-details summary {
 cursor:pointer;color:#a8ac92;padding:3px 0;font-size:11px;letter-spacing:1px;
}
#event-scene.event-convoy-active:not(.combat-scene) .event-scene-story {font-size:13px;line-height:1.9;color:#d0c9af;margin:10px 0;}
#event-scene.event-convoy-active:not(.combat-scene) #event-action-panel {display:none !important;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation {
 display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:25px;
 padding:13px 17px;background:linear-gradient(100deg,#51492b29,#1b2b2077);
 border:1px solid #a8935a4d;border-left:3px solid #ad8c4d;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation > :is(h3,p,details) {grid-column:1;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm {grid-column:2;grid-row:1/span 5;align-self:center;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observe-navigation {grid-column:2;grid-row:1/span 3;align-self:center;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-title {font-size:17px;line-height:1.5;letter-spacing:1px;color:#e4d4af;margin:0 0 5px;font-weight:500;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-note {font-size:12px;line-height:1.7;color:#b9bba0;margin:4px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-choice-effects {display:flex;flex-wrap:wrap;gap:6px 14px;color:#dac49b;font-size:12px;line-height:1.6;margin:6px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-choice-cost {font-size:11px;line-height:1.6;color:#bbb69a;margin:3px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-leave {grid-column:2;justify-self:end;padding:4px 8px;min-height:0;background:none;border:0;color:#aaa88d;font-size:11px;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-leave :is(small,.choice-arrow,.choice-emblem) {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-option-details {font-size:11px;line-height:1.7;color:#a4ae98;margin:5px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-option-details summary {cursor:pointer;color:#b4b79c;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-option-details p {margin:7px 0;font-size:12px;line-height:1.8;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm {margin:8px 0 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm button {
 display:block;width:max-content;max-width:100%;white-space:nowrap;text-align:center;
 min-height:36px;margin:0;padding:8px 16px;border:1px solid #b29a61;border-radius:1px;
 background:linear-gradient(110deg,#695733,#41492c);color:#ead9af;font-size:13px;font-weight:500;
}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm button strong {font-size:13px;line-height:1.4;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm button .convoy-choice-copy {display:block;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm button :is(small,.choice-emblem,.choice-arrow,.convoy-choice-index) {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-confirm button:disabled {opacity:.52;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-disabled-reason {color:#c8ab84;line-height:1.6;font-size:11px;margin:6px 0 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-observe-nav {margin:7px 8px 0 0;padding:7px 12px;border:1px solid #8b7f53;background:#293525;color:#ddcaa2;font-size:12px;border-radius:1px;}
#event-scene.event-convoy-active:not(.combat-scene) :is(button,summary):focus-visible {outline:2px solid #e7c680;outline-offset:4px;}
#event-scene.event-convoy-active:not(.combat-scene) .event-scene-status {padding:7px 11px;border-left:2px solid #9b9a64;margin:10px 0;background:#15271f;color:#bfc5ad;font-size:11px;}
#event-scene.event-convoy-active:not(.combat-scene):not(.result-scene) #event-scene-status {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) #companion-event-panel > :is(h3,p) {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) #companion-event-panel:not(:has(h4)) {display:none;}
#event-scene.event-convoy-active:not(.combat-scene) .scene-panel,
#event-scene.event-convoy-active:not(.combat-scene) .event-result-panel {background:none;border:0;padding:0;box-shadow:none;}
#event-scene.event-convoy-active:not(.combat-scene) .result-outcome {padding:12px 15px;background:#35372466;border-left:3px solid #bc955d;color:#d8d0b6;font-size:12px;line-height:1.8;margin:12px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .result-outcome small {color:#b9a37c;font-size:10px;letter-spacing:1px;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-fact-strip {display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-clue-card {padding:12px 16px;border:1px solid #98825955;background:#3e392426;flex:1;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-clue-title {color:#d8bb85;font-size:13px;font-weight:500;}
#event-scene.event-convoy-active:not(.combat-scene) .convoy-clue-card p {font-size:12px;line-height:1.8;color:#bdb79e;margin:6px 0 0;}
#event-scene.event-convoy-active:not(.combat-scene) .result-gains {display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;}
#event-scene.event-convoy-active:not(.combat-scene) .result-gains > article {padding:12px;border:1px solid #93835a33;background:#13251d66;}
#event-scene.event-convoy-active:not(.combat-scene) .result-gains h3 {font-size:12px;color:#bbc4a5;margin:0 0 7px;}
#event-scene.event-convoy-active:not(.combat-scene) .result-gains p {font-size:11px;line-height:1.6;color:#a9ac94;}
#event-scene.event-convoy-active:not(.combat-scene) .result-loot-heading {font-size:11px;letter-spacing:2px;font-weight:400;color:#b8ac8b;margin:18px 0 10px;}
#event-scene.event-convoy-active:not(.combat-scene) .result-loot-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
#event-scene.event-convoy-active:not(.combat-scene) .inventory-item {background:#19271ed9;border-color:#8d81594d;box-shadow:none;}
#event-scene.event-convoy-active:not(.combat-scene) #confirm-event-result {margin-top:16px;padding:10px 20px;border:1px solid #b09862;background:linear-gradient(110deg,#6b5a35,#444b2e);color:#ecd8ac;font-size:13px;letter-spacing:1px;}
#event-scene.event-convoy-active:not(.combat-scene) #pending-loot-panel {border-top:1px solid #ad8f5555;padding-top:12px;margin-top:15px;}
#event-scene.event-convoy-active:not(.combat-scene) #pending-loot-actions {display:flex;flex-wrap:wrap;gap:8px;}
#event-scene.event-convoy-active:not(.combat-scene) #pending-loot-medical {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;}
#event-scene.event-convoy-active:not(.combat-scene) #pending-loot-medical > :is(h4,.hint) {grid-column:1/-1;}
#event-scene.event-convoy-active:not(.combat-scene) .hint {font-size:11px;line-height:1.75;color:#a5ad96;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .hero-header {padding:5px 12px;margin-bottom:6px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .session-bar {padding:4px 10px;margin-bottom:5px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .turn-bar {padding:4px 9px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stats {margin-top:5px;gap:8px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stat {padding:5px 9px;gap:3px 10px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stat strong {flex-basis:auto;font-size:12px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stat p {font-size:11px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stat p:nth-of-type(3) {display:none;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .player-stat .guide-link {font-size:10px;padding:2px 5px;}
body:has(#game-panel:not([hidden]) #event-scene.event-convoy-active:not([hidden])) .map-console {padding-top:9px;}
@keyframes convoy-receipt-appear {from{opacity:0;transform:translate(-50%,-45%);}to{opacity:1;transform:translate(-50%,-50%);}}
@media(max-height:800px) and (min-width:1000px) {
 #event-scene.event-convoy-active:not(.combat-scene) .event-scene-copy {padding:10px 20px 13px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-observation {padding:9px 13px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-stage-head {margin-bottom:7px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-title {font-size:15px;margin-bottom:3px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-observation-note {margin:3px 0;font-size:11px;}
}
@media(max-width:760px) {
 #event-scene.event-convoy-active:not(.combat-scene) .event-vignette {width:100%;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-name {font-size:10px;}
 #event-scene.event-convoy-active:not(.combat-scene) button.convoy-hotspot {padding:3px 5px;gap:4px;min-height:32px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot {width:18px;height:18px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot::before,#event-scene.event-convoy-active:not(.combat-scene) .convoy-hotspot-dot::after {left:4px;right:4px;top:8px;}
 #event-scene.event-convoy-active:not(.combat-scene) .event-scene-copy {padding:12px 14px;}
 #event-scene.event-convoy-active:not(.combat-scene) .convoy-observation {display:block;}
}
@media(prefers-reduced-motion:reduce) {
 #event-scene.event-convoy-active:not(.combat-scene),#event-scene.event-convoy-active:not(.combat-scene) * {animation:none!important;transition:none!important;}
}
