/* Simulation scenario player. Kept separate from recorded task evidence. */
.scenario-section{--scene-bg:#0b1524;--scene-surface:#142338;--scene-line:#304258;--scene-text:#f5f8ff;--scene-muted:#b7c6d9;--scene-accent:#a4c4ff;padding:108px 0 112px;scroll-margin-top:24px}
.scenario-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
.scenario-heading h2{font-size:clamp(42px,4.7vw,72px);line-height:1.04;text-wrap:balance}
.scenario-heading>p{max-width:39ch;justify-self:end;color:var(--muted);font-size:19px;line-height:1.6;padding-bottom:4px}
.scenario-heading .section-label{margin-bottom:20px}
.scenario-cinema{border-radius:22px;overflow:hidden;background:var(--scene-bg);color:var(--scene-text);box-shadow:0 30px 80px -42px #142d5160;border:1px solid var(--scene-line)}
.scenario-screen{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 200px);min-height:260px;background:var(--scene-bg);overflow:hidden}
.scenario-film,.scenario-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.scenario-poster{z-index:1;transition:opacity .45s ease;pointer-events:none}
.scenario-cinema.has-picture .scenario-poster{opacity:0}
.scenario-start{position:absolute;inset:0;margin:auto;z-index:4;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;border:1px solid #ffffff80;background:#102237c9;color:white;backdrop-filter:blur(14px);transition:background .2s ease,transform .2s ease,opacity .2s ease;box-shadow:0 0 0 12px #ffffff0a}
.scenario-start svg{width:27px;height:27px;margin-left:4px;fill:currentColor}
.scenario-start:hover{background:var(--blue);transform:scale(1.05)}
.scenario-start[hidden]{display:none}
.scenario-controls{display:flex;align-items:center;gap:18px;min-height:66px;padding:10px 24px;background:var(--scene-bg);border-top:1px solid var(--scene-line)}
.scenario-control{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--scene-text);font-size:14px;transition:background .15s ease}
.scenario-control:hover{background:var(--scene-surface)}
.scenario-control svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scenario-control [data-pause-icon],.scenario-cinema.is-playing .scenario-control [data-play-icon]{display:none}
.scenario-cinema.is-playing .scenario-control [data-pause-icon]{display:block}
.scenario-progress{flex:1;min-width:30px;margin:0;height:44px;cursor:pointer;accent-color:var(--scene-accent);appearance:none;background:transparent}
.scenario-progress::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--scene-accent) var(--played,0%),var(--scene-line) var(--played,0%))}
.scenario-progress::-moz-range-track{height:3px;border-radius:3px;background:var(--scene-line)}
.scenario-progress::-moz-range-progress{height:3px;background:var(--scene-accent)}
.scenario-progress::-webkit-slider-thumb{appearance:none;margin-top:-5px;width:13px;height:13px;border-radius:50%;background:var(--scene-text);box-shadow:0 0 0 4px #a4c4ff18}
.scenario-progress::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:var(--scene-text)}
.scenario-progress:disabled{cursor:default;opacity:.5}
.scenario-time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--scene-muted);min-width:72px;text-align:center}
.scenario-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--scene-line)}
.scenario-choice{display:grid;grid-template-columns:24px 1fr 20px;align-items:start;gap:12px;min-width:0;text-align:left;padding:25px 26px 28px;border:0;border-right:1px solid var(--scene-line);border-top:2px solid transparent;background:transparent;color:var(--scene-muted);transition:background .2s ease,border-color .2s ease,color .2s ease}
.scenario-choice:last-child{border-right:0}
.scenario-choice:hover{background:var(--scene-surface);color:var(--scene-text)}
.scenario-choice[aria-selected=true]{background:var(--scene-surface);border-top-color:var(--scene-accent);color:var(--scene-text)}
.scenario-choice-number{font-size:12px;padding-top:4px;font-variant-numeric:tabular-nums;color:var(--scene-accent)}
.scenario-choice strong{font-weight:450;letter-spacing:-.025em;font-size:21px;line-height:1.2;display:block}
.scenario-choice small{display:block;font-size:13px;font-weight:400;line-height:1.5;margin-top:8px;color:var(--scene-muted)}
.scenario-choice svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;margin-top:3px;opacity:.7;transition:transform .2s ease}
.scenario-choice[aria-selected=true] svg{transform:rotate(45deg);opacity:1}
.scenario-caption{margin-top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;color:var(--muted);font-size:14px;line-height:1.5}
.scenario-caption>p{max-width:60ch}
.scenario-caption a{flex-shrink:0;color:var(--ink);display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:-10px;border-bottom:1px solid var(--line)}
.scenario-caption a:hover{color:var(--blue);border-color:var(--blue)}
.scenario-status{font-size:13px;color:var(--scene-muted);padding:0 28px 16px;background:var(--scene-bg)}
.scenario-status:empty{display:none}
.scenario-cinema :focus-visible{outline:3px solid var(--scene-accent);outline-offset:-5px}
.scenario-progress:focus-visible{outline-offset:2px;border-radius:4px}
.scenario-cinema:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;background:#050a11}
.scenario-cinema:fullscreen .scenario-screen{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.scenario-cinema:fullscreen .scenario-film,.scenario-cinema:fullscreen .scenario-poster{object-fit:contain}
.scenario-cinema:fullscreen .scenario-options{display:none}
.scenario-cinema:fullscreen .scenario-controls{flex-shrink:0}
@media(min-width:701px) and (max-width:1200px){.scenario-options{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-choice:nth-child(2n){border-right:0}.scenario-choice:nth-child(n+3){border-top-color:var(--scene-line)}.scenario-choice[aria-selected=true]{border-top-color:var(--scene-accent)}}
@media(max-width:1000px){.scenario-heading{grid-template-columns:1.1fr 1fr;gap:30px}.scenario-heading>p{font-size:17px}.scenario-choice{padding:22px 18px;gap:8px;grid-template-columns:22px 1fr}.scenario-choice svg{display:none}.scenario-choice strong{font-size:19px}.scenario-caption{font-size:13px}}
@media(max-width:700px){.scenario-section{padding:68px 0 72px}.scenario-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.scenario-heading h2{font-size:43px}.scenario-heading>p{justify-self:start;max-width:43ch;font-size:17px}.scenario-cinema{border-radius:15px}.scenario-screen{aspect-ratio:4/3}.scenario-film,.scenario-poster{object-fit:contain}.scenario-start{width:60px;height:60px;box-shadow:0 0 0 8px #ffffff0a}.scenario-start svg{width:22px;height:22px}.scenario-controls{padding:8px 10px;gap:8px;min-height:60px}.scenario-control{padding:8px;min-width:44px}.scenario-control-label{display:none}.scenario-time{font-size:11px;min-width:65px}.scenario-options{grid-template-columns:1fr}.scenario-choice{padding:17px 20px;grid-template-columns:22px 1fr 18px;gap:10px;border:0;border-left:2px solid transparent;border-bottom:1px solid var(--scene-line);min-height:88px}.scenario-choice:last-child{border-bottom:0}.scenario-choice[aria-selected=true]{border-left-color:var(--scene-accent)}.scenario-choice svg{display:block}.scenario-choice strong{font-size:19px}.scenario-choice small{font-size:12px;margin-top:4px}.scenario-caption{display:block;font-size:13px;margin-top:17px}.scenario-caption a{margin-top:6px;font-size:14px}.scenario-status{padding:0 20px 16px}}
/* Let the viewport height cap keep the film and controls below the header. */
@media(orientation:landscape) and (max-height:500px){.scenario-screen{min-height:0}}
@media(prefers-reduced-motion:reduce){.scenario-section *, .scenario-section *:after{transition:none!important;animation:none!important}.scenario-start:hover{transform:none}}