.scenario-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.scenario-experience .scenario-stage{min-width:0;padding:24px}.scenario-experience .scenario-grid{grid-template-columns:1fr}.scenario-cinema{min-width:0;position:sticky;top:100px;background:#192218;border-right:1px solid #46543c;padding:24px;scroll-margin-top:95px}.scene-heading{min-height:103px}.scene-title{font-size:25px;line-height:1.15;margin:12px 0 10px;letter-spacing:-.025em}.scene-summary{font-size:12px;line-height:1.65;color:#bdc9b3;margin:0;max-width:46ch}.scene-plane{height:390px;position:relative;margin:12px -12px 0;isolation:isolate;background-image:radial-gradient(#95aa742e 1px,transparent 1px);background-size:16px 16px;border-top:1px solid #394830;border-bottom:1px solid #394830}.scene-connections,.scene-nodes,.scene-packets{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-connections{overflow:visible}.scene-connections path{stroke:#65795a}.scene-connections path[data-tone=accent]{stroke:#c0d985}.scene-connections path[data-tone=warning]{stroke:#e0a77c}.scene-connections path[data-tone=muted]{stroke:#47543d}.scene-node{position:absolute;transform:translate(-50%,-50%);background:#263420;border:1px solid #63754f;padding:12px 9px;min-width:0;box-shadow:0 6px 22px #111a1170;text-align:center;overflow-wrap:anywhere}.scene-node[data-tone=accent]{border-color:#c5df8c;background:#34442a}.scene-node[data-tone=warning]{border-color:#dba97d;background:#3b3023}.scene-node[data-tone=muted]{border-color:#495342;background:#242c20;color:#a4af9a}.scene-icon{width:25px;height:25px;display:block;margin:0 auto 8px;color:#c2d88e}.scene-node[data-tone=warning] .scene-icon{color:#e0ac83}.scene-node-label{font-size:11px;line-height:1.35;letter-spacing:0;margin:0 0 7px;font-weight:500;color:#e0e9d6}.scene-value{display:block;font-size:16px;font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#d5e7ae}.scene-node[data-tone=warning] .scene-value{color:#efbc93}.scene-detail{font-size:10px;line-height:1.45;margin:6px 0 0;color:#c0cbb4}.scene-meter{margin-top:9px}.scene-meter-track{height:5px;background:#10180e;overflow:hidden}.scene-meter-fill{display:block;height:100%;background:#c2d98c}.scene-meter-label{display:block;font-size:9px;color:#b5c3a5;margin-top:5px;line-height:1.3}.scene-badge{display:inline-block;font-size:9px;line-height:1.3;border-top:1px solid #68764f;margin-top:8px;padding-top:6px;color:#e2c29a}.scene-node [hidden]{display:none}.scene-packet{position:absolute;width:9px;height:9px;border-radius:50%;background:#d0eb90;transform:translate(-50%,-50%);box-shadow:0 0 15px #c5f28e80}.scene-packet[data-kind=cash]{background:#c5df8c;border:1px solid #eff6d6}.scene-packet[data-kind=message],.scene-packet[data-kind=signal]{border-radius:1px;background:#e1b588}.scene-packet-label{position:absolute;font-size:10px;white-space:nowrap;top:-23px;left:50%;transform:translateX(-50%);color:#e5efcf;padding:2px 5px;background:#182215e8}.scene-steps{display:flex;gap:5px;padding:16px 0 12px}.scene-step{flex:1;border:0;border-top:2px solid #4d5d3e;background:transparent;text-align:left;padding:10px 0 5px;font:inherit;font-size:10px;color:#a6b496;cursor:pointer;min-height:32px}.scene-step[data-active=true]{border-color:#c5df8c;color:#d6edab}.scene-narration{min-height:108px;padding:3px 0 12px;position:relative}.scene-count{float:right;font-size:10px;color:#a9bc8e;padding-top:5px}.scene-frame-title{font-size:17px;line-height:1.4;margin:0 60px 8px 0;letter-spacing:-.015em}.scene-caption{font-size:12px;line-height:1.65;color:#cad6be;margin:0;max-width:57ch}.scene-controls{display:flex;gap:8px;align-items:stretch}.scene-control{font:inherit;font-size:11px;border:1px solid #64774f;padding:11px 14px;background:transparent;color:#dce8c7;cursor:pointer;min-height:42px}.scene-control:hover:not(:disabled){background:#344429;border-color:#bdd685}.scene-control:focus-visible,.scene-step:focus-visible{outline:2px solid #ddedb9;outline-offset:4px}.scene-controls .scene-control:first-child{min-width:95px;background:#c5df8c;color:#1b2817;border-color:#c5df8c}.scene-control:disabled{opacity:.38;cursor:default}.scene-footer{display:flex;align-items:center;gap:14px;margin-top:12px}.scene-footer .scene-control{font-size:10px;padding:7px 9px;min-height:34px;flex-shrink:0}.scene-key{font-size:9px;line-height:1.5;color:#a5b597;max-width:26ch}.scene-continue{display:none}.scenario-stage{scroll-margin-top:100px}
@media(min-width:1100px) and (max-height:850px){.scenario-cinema{top:84px;padding:18px}.scene-plane{height:310px}.scene-heading{min-height:88px}.scene-title{font-size:23px}.scene-narration{min-height:98px}.scene-steps{padding:9px 0 5px}.scene-node{padding:9px 7px}.scene-icon{height:21px;margin-bottom:5px}.scene-controls .scene-control{min-height:36px;padding-block:8px}}
@media(max-width:1099px){.scenario-experience{grid-template-columns:1fr}.scenario-cinema{position:relative;top:auto;border-right:0;border-bottom:1px solid #46543c;padding:24px}.scene-plane{max-width:650px;margin:18px auto 0}.scene-heading,.scene-narration,.scene-controls,.scene-footer,.scene-steps{max-width:650px;margin-left:auto;margin-right:auto}.scene-heading{min-height:0}.scene-summary{max-width:60ch}.scene-continue{display:block;margin:18px auto 0;width:min(100%,650px);text-align:left;border-color:#46543c}.scene-node-label{font-size:12px}.scene-detail{font-size:11px}}
@media(max-width:500px){.scenario-cinema{padding:18px 12px;scroll-margin-top:80px}.scene-title{font-size:24px}.scene-summary{font-size:12px}.scene-plane{height:420px;margin-inline:-4px}.scene-node{padding:10px 5px}.scene-node-label{font-size:10px}.scene-detail{font-size:9px}.scene-value{font-size:13px}.scene-icon{height:22px;margin-bottom:7px}.scene-meter-label{font-size:8px}.scene-narration{min-height:130px}.scene-caption{font-size:12px}.scene-frame-title{font-size:16px}.scene-control{padding:11px 12px}.scene-controls{gap:6px}.scene-controls .scene-control:first-child{min-width:90px}.scenario-experience .scenario-stage{padding:16px}.scene-packet-label{font-size:9px;max-width:100px;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.scene-node,.scene-meter-fill,.scene-packet{transition:none!important}.scenario-cinema,.scenario-stage{scroll-behavior:auto}}
/* Two readable columns replace the wide flow on a phone. */
.scene-plane{scroll-margin-top:100px}
@media(max-width:600px){.scene-node{padding:11px 8px}.scene-node-label{font-size:12px}.scene-detail{font-size:11px}.scene-value{font-size:15px}.scene-icon{height:24px}.scene-meter-label{font-size:10px}.scene-badge{font-size:10px}.scene-plane{scroll-margin-top:88px}.scene-narration{min-height:120px}}
@media(max-width:360px){.scene-node-label{font-size:11px}.scene-detail{font-size:10px}.scene-value{font-size:13px}.scene-meter-label,.scene-badge{font-size:9px}}
@media(min-width:1100px){.scenario-cinema.scene-tall{position:relative;top:auto}.scenario-cinema.scene-tall .scene-continue{display:block;margin-top:14px}}

.scene-packet{left:0;top:0}
.scene-steps{flex-wrap:wrap}.scene-step{flex:1 1 44px;min-width:44px;min-height:44px}
.scene-controls .scene-control,.scene-footer .scene-control{min-height:44px;min-width:44px}
.scene-controls,.scene-footer{flex-wrap:wrap}
.scene-footer .scene-control{font-size:11px}
@media(max-width:360px){.scene-controls .scene-control{padding-inline:9px}.scene-controls .scene-control:first-child{min-width:82px}}