.scene-replay{border:0;border-top:1px solid var(--line);background:transparent;color:inherit;width:100%;text-align:left;cursor:pointer;font:inherit;display:flex;justify-content:space-between}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-agent-entry]{cursor:pointer;outline:none}
[data-agent-entry]:focus-visible .layer-edge,[data-agent-entry][aria-expanded=true] .layer-edge{stroke:#eeb477;stroke-width:3;fill:#292522}
.scene[data-agent-mode]{cursor:default;background:#111112}
.scene[data-scene=layers][data-agent-mode] .scene-system{transform:translate(-40px,42px) scale(.9)}
.scene[data-agent-mode] .layer-piece{opacity:1;transform:none}
.scene[data-agent-mode] .scene-replay{display:none}
.scene[data-agent-mode] .layer-links,.scene[data-agent-mode] .request-dot{visibility:hidden}
.agent-map{display:none}.scene[data-agent-mode] .agent-map{display:block}
.agent-map-status{fill:#a39b8f;font:10px var(--mono);letter-spacing:.5px}
.scene[data-agent-phase=model] .layer-services .light{fill:#eeb477;animation:agent-pulse 1.1s ease-in-out infinite}
.scene[data-agent-phase=model] .layer-services .layer-edge{stroke:#eeb477;stroke-width:2}
.agent-read .layer-edge{animation:agent-read 1.2s ease-out}
.scene[data-agent-read] .layer-data .layer-edge{stroke:#bfa17b}
.scene[data-agent-validated=accepted] .layer-interface .layer-edge{stroke:#eeb477;stroke-width:2}
.scene[data-agent-validated=rejected] .layer-interface .layer-edge{stroke:#cd776c;stroke-width:2}
.scene[data-agent-evidence=data] .layer-data .layer-edge,.scene[data-agent-evidence=services] .layer-services .layer-edge,.scene[data-agent-evidence=interface] .layer-interface .layer-edge{stroke:#eeb477;stroke-width:3}
.agent-empty-plane{fill:#151516;stroke:#393632;stroke-dasharray:4 5}
.agent-map-message{fill:#c7b9a8;font:14px var(--mono)}.agent-map-hint{fill:#7e7a71;font:10px var(--mono)}
.agent-evidence-wire{fill:none;stroke:#5f705b;stroke-width:1;stroke-dasharray:3 4}
.agent-object-top{fill:#302c25;stroke:#71604b}.agent-object-side{fill:#191a18;stroke:#5e594e}.agent-object-face{fill:#20211e;stroke:#6e745e;stroke-width:1}
.agent-conclusion{cursor:pointer;outline:none}.agent-conclusion:hover .agent-object-face,.agent-conclusion:focus-visible .agent-object-face,.agent-conclusion[aria-pressed=true] .agent-object-face{fill:#292820;stroke:#eeb477;stroke-width:2}
.agent-object-id{fill:#a3b598;font:9px var(--mono);letter-spacing:1px}.agent-object-label{fill:#e5decf;font:15px/1.2 var(--mono)}.agent-object-check{fill:#9ebc98;font:12px var(--mono)}
.scene-agent{border-top:1px solid #34312c;padding:18px 20px;color:#e0ddd5;background:transparent}
.scene-agent[hidden],.agent-evidence[hidden]{display:none}
.agent-question-label{font:12px/1.6 var(--mono);color:#d0b89a;margin:0 0 13px;overflow-wrap:anywhere}
.agent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);color:#969185;letter-spacing:.5px;margin-bottom:12px}
.scene-agent button{color:inherit;background:transparent;border:0;cursor:pointer;font:inherit}
.agent-heading button{color:#b6a891;padding:4px 0}.agent-input{display:flex;border-bottom:1px solid #6b5d4c;gap:10px}
.agent-input input{min-width:0;flex:1;padding:10px 0;background:transparent;border:0;color:#eee9df;font:13px var(--mono);outline:none}.agent-input button{color:#eeb477;white-space:nowrap;font:12px var(--mono)}
.agent-input:focus-within{border-color:#eeb477}.scene-agent button:focus-visible,.agent-evidence a:focus-visible{outline:2px solid #eeb477;outline-offset:4px}.scene-agent button:disabled{opacity:.45;cursor:wait}
.agent-suggestions{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:15px}.agent-suggestions button{font:10px/1.5 var(--mono);text-align:left;color:#c2aa8d;text-decoration:underline;text-decoration-color:#534736;text-underline-offset:5px}
.agent-live{font:10px/1.7 var(--mono);color:#9ebc98;margin:16px 0 0;min-height:17px;overflow-wrap:anywhere}
.agent-evidence{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #39372f;padding:14px 0 0;margin-top:16px;font:11px/1.7 var(--mono)}
.agent-source-heading{color:#d3ad7c;letter-spacing:.6px}.agent-evidence details{flex:1;min-width:170px}.agent-evidence summary{cursor:pointer;color:#b7bdab}.agent-evidence blockquote{margin:12px 0;color:#cbc6b9;border-left:1px solid #7b6950;padding-left:14px;font:12px/1.7 var(--mono)}.agent-evidence a{color:#c5a37e;text-underline-offset:3px}.agent-evidence button{color:#c5a37e;font:10px var(--mono)}
.agent-trace{margin-top:15px;font:10px/1.8 var(--mono);color:#898779}.agent-trace summary{cursor:pointer;width:max-content}.agent-trace ol{padding-left:20px}.agent-trace p{font:9px/1.7 var(--mono);color:#858176;max-width:450px}
.agent-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font:8px var(--mono);color:#777467;letter-spacing:.4px}.agent-footer button{font:10px var(--mono);color:#bdb39f}
.agent-hint{font:11px/1.6 var(--mono);color:#b7a995;margin:10px 0 0}
.scene[data-agent-mode] .scene-top{position:static;padding:20px 20px 0}
.scene[data-agent-mode] .original-map-label{display:none}
.agent-figure:has(.scene[data-agent-mode]) .scene-status,.agent-figure:has(.scene[data-agent-mode]) .agent-hint{display:none}
#agents:has(.scene[data-agent-mode]){grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:48px;align-items:start}
#agents:has(.scene[data-agent-mode]) .story-copy{padding-top:30px}
#agents:has(.scene[data-agent-mode]) h2{font-size:35px}
@keyframes agent-pulse{50%{opacity:.25}}@keyframes agent-read{0%{stroke:#eeb477;stroke-width:5}100%{stroke:#bfa17b;stroke-width:1}}
@media(max-width:900px){#agents:has(.scene[data-agent-mode]){gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}}
@media(max-width:650px){.scene[data-scene=layers][data-agent-mode] .scene-system{transform:translate(-68px,-9px) scale(.93)}.scene-agent{padding:17px 16px}.agent-input input{font-size:16px}.agent-question-label{font-size:11px}.agent-heading{font-size:8px}.agent-footer{flex-wrap:wrap}.agent-footer span{width:100%}.agent-suggestions{gap:12px}.agent-object-label{font-size:17px}.agent-object-id{font-size:12px}.agent-map-message{font-size:14px}.agent-map-hint{font-size:10px}#agents:has(.scene[data-agent-mode]) .story-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){.scene[data-agent-phase=model] .layer-services .light,.agent-read .layer-edge{animation:none}}
@media(max-width:650px){.agent-evidence{display:block}.agent-evidence details{margin:10px 0 15px}.agent-evidence button{padding:4px 0}}

[data-agent-entry]{cursor:pointer;outline:none}.agent-entry-outline{fill:transparent;stroke:transparent;stroke-width:2;pointer-events:all;vector-effect:non-scaling-stroke}
[data-agent-entry]:hover>.agent-entry-outline,[data-agent-entry]:focus-visible>.agent-entry-outline,[data-agent-entry][aria-expanded=true]>.agent-entry-outline{stroke:#eeb477;fill:#eeb477;fill-opacity:.05}
[data-agent-entry].agent-read>.agent-entry-outline{stroke:#9ebc98;animation:agent-read 1.2s ease-out}[data-agent-entry].agent-source-selected>.agent-entry-outline{stroke:#eeb477;stroke-width:3}[data-agent-entry].agent-valid>.agent-entry-outline{stroke:#9ebc98}[data-agent-entry].agent-invalid>.agent-entry-outline{stroke:#cd776c}
.scene[data-agent-mode] .scene-artwork .agent-bay,.scene[data-agent-mode] .scene-artwork .first-worker,.scene[data-agent-mode] .scene-artwork .second-worker,.scene[data-agent-mode] .scene-artwork .pending-tile{opacity:1}
.scene[data-agent-mode] .scene-artwork .tick,.scene[data-agent-mode] .scene-artwork .svg-green,.scene[data-agent-mode] .scene-artwork .scan-mark,.scene[data-agent-mode] .scene-artwork .recovery-error,.scene[data-agent-mode] .scene-artwork .merged-result,.scene[data-agent-mode] .scene-artwork .scan-beam,.scene[data-agent-mode] .scene-artwork .saved-label,.scene[data-agent-mode] .scene-artwork .flow-dot,.scene[data-agent-mode] .scene-artwork .work-lines{visibility:hidden}
.scene[data-agent-mode] .scene-artwork .job-route,.scene[data-agent-mode] .scene-artwork .retry-path,.scene[data-agent-mode] .scene-artwork .scan-route{stroke:#44433d;animation:none;stroke-dasharray:4 5}
.scene[data-agent-mode] .gate-barrier{transform:none;opacity:.5}.scene[data-agent-mode] .scene-artwork .light,.scene[data-agent-mode] .scene-artwork .gate-light{fill:#666358;animation:none}
.scene[data-agent-phase=model] [data-agent-entry][aria-expanded=true]>.agent-entry-outline{stroke:#eeb477;animation:agent-pulse 1.1s ease-in-out infinite}
.agent-illustration-label{fill:#858073;font:8px var(--mono);letter-spacing:.5px}.agent-tickets .agent-object-face{fill:#22221c;stroke:#8a795d}.agent-ticket-band{fill:#b89c72}.agent-trail .agent-object-face{fill:#212723;stroke:#7c9481}.agent-note-margin{fill:none;stroke:#667d6c;stroke-width:2}.agent-tiles .agent-object-face{fill:#20232b;stroke:#7d859b}.agent-tile-rule{fill:none;stroke:#777c8b;stroke-dasharray:3 3}
.story:has(.scene[data-agent-mode]){align-items:start}.story:has(.scene[data-agent-mode]) .story-copy{padding-top:20px}.scene[data-agent-mode] svg{height:auto;overflow:visible}.agent-evidence blockquote,.agent-evidence a{overflow-wrap:anywhere}
@media(max-width:650px){.scene[data-agent-mode] .scene-artwork{transform:translate(-69px,-8px) scale(.93)}.scene[data-scene=parallel][data-agent-mode] .scene-artwork{transform:translate(-30px,-8px) scale(.82)}.story:has(.scene[data-agent-mode]) .story-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){[data-agent-entry].agent-read>.agent-entry-outline,.scene[data-agent-phase=model] [data-agent-entry][aria-expanded=true]>.agent-entry-outline{animation:none}}

.scene[data-agent-mode] .scene-artwork .pending-tile{transform:none}

.diagram-claim{color:#96b8d2;cursor:pointer;outline:none}.diagram-route{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;pointer-events:stroke}.diagram-plane{fill:#203644;fill-opacity:.82;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.diagram-depth{fill:#17232e;stroke:#647c91;stroke-width:1}.diagram-outline{fill-opacity:.12;stroke-width:2.5}.diagram-junction{fill:#111112;stroke:currentColor;stroke-width:2}.diagram-label{fill:#e0e5e8;font:12px var(--mono);paint-order:stroke;stroke:#111112;stroke-width:4;stroke-linejoin:round}.diagram-source{fill:#91a7b8;font:8px var(--mono);letter-spacing:.6px}.diagram-claim[data-diagram-phase=pending] .diagram-route,.diagram-claim[data-diagram-phase=pending] .diagram-outline{stroke-dasharray:5 4}.diagram-claim[data-diagram-phase=baseline]{opacity:.36}.diagram-claim:hover,.diagram-claim:focus-visible,.diagram-claim[aria-pressed=true]{color:#d6e9f3}.diagram-claim:focus-visible .diagram-label,.diagram-claim[aria-pressed=true] .diagram-label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.diagram-arriving .diagram-plane,.diagram-arriving .diagram-depth,.diagram-arriving .diagram-label{animation:diagram-build .55s ease-out both}.diagram-arriving .diagram-route{stroke-dasharray:800;animation:diagram-connect .7s ease-out both}.scene[data-agent-mode] .scene-artwork .svg-label{opacity:.4}.scene[data-scene=recovery][data-agent-mode] .svg-label-bright{opacity:.45}
@keyframes diagram-build{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes diagram-connect{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.diagram-arriving .diagram-plane,.diagram-arriving .diagram-depth,.diagram-arriving .diagram-label,.diagram-arriving .diagram-route{animation:none}}

.diagram-rule{fill:none;stroke:currentColor;stroke-width:1.2;stroke-dasharray:3 4;pointer-events:stroke}.scene[data-scene=layers][data-agent-mode] .scene-system{transform:none}.scene[data-scene=layers][data-agent-mode] .agent-map{transform:none}.scene[data-diagram-relations~=connects-layers] .layer-interface{transform:translateY(-12px)}.scene[data-diagram-relations~=connects-layers] .layer-data{transform:translateY(8px)}.scene[data-diagram-relations~=isolates-boundary] .layer-services{transform:translateX(10px)}.scene[data-agent-mode] .agent-map-status{fill:#c4aa84}.scene[data-agent-mode] .agent-read>.agent-entry-outline{stroke:#eeb477}.scene[data-agent-mode] .agent-read .layer-edge{stroke:#eeb477}.scene[data-agent-mode] .agent-valid>.agent-entry-outline{stroke:#eeb477}.scene[data-scene=layers][data-agent-mode] .tick{visibility:hidden}.scene[data-scene=layers][data-agent-mode] .light{fill:#666358;animation:none}
@media(max-width:650px){.scene[data-scene=layers][data-agent-mode] .scene-system{transform:translate(-68px,-9px) scale(.93)}.scene[data-scene=layers][data-agent-mode] .agent-map{transform:translate(73px,9px)}.diagram-label{font-size:13px}.diagram-source{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene[data-agent-mode] .layer-piece{transition:none}.diagram-arriving .diagram-rule{animation:none}}

.world-entry{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0 4px;font:11px/1.6 var(--mono);color:#9a9b8e}.world-entry button,.agent-world-entry{background:none;border:0;color:#d0b18b;font:12px/1.6 var(--mono);text-decoration:underline;text-underline-offset:5px;cursor:pointer;padding:5px 0}.world-entry button:focus-visible,.agent-world-entry:focus-visible{outline:2px solid #d0b18b;outline-offset:5px}.agent-world-entry{display:block;margin:12px 0 16px}.world-entry span{font-size:10px}@media(max-width:650px){.world-entry{gap:6px 12px}.world-entry span{width:100%}}
