.platform-world{--pw-copper:#9b603e;--pw-ink:#2c342f;--pw-paper:#eeeae0;position:relative;display:flex;flex-direction:column;height:100%;min-height:380px;background:#e6e7df;color:var(--pw-ink);isolation:isolate;overflow:hidden}
.pw-frame{position:relative;flex:1;min-height:280px;overflow:hidden;cursor:grab;outline-offset:-4px;touch-action:pan-y}
.pw-frame.is-dragging{cursor:grabbing}.pw-frame:focus-visible{outline:2px solid var(--pw-copper)}
.pw-canvas,.pw-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.pw-poster[hidden],.pw-canvas[hidden]{display:none}
.pw-annotations{position:absolute;inset:0;pointer-events:none}.pw-anchor{position:absolute;display:flex;align-items:center;gap:9px;transform:translate(-9px,-9px);pointer-events:auto;background:none;border:0;padding:0;color:#2c342f;font:500 14px/1.2 Arial,sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.pw-anchor[hidden]{display:none}.pw-anchor-dot{width:18px;height:18px;border:1px solid #99603f;border-radius:50%;background:#f8eee2ba;box-shadow:0 0 0 4px #f4ecdf42;position:relative;flex-shrink:0}.pw-anchor-dot:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#995735}
.pw-anchor-text{padding:6px 8px;background:#f4efe5e8;box-shadow:0 1px 10px #1c211817;border:1px solid #80776226}.pw-anchor[data-side=left]{transform:translate(calc(-100% + 9px),-9px);flex-direction:row-reverse}.pw-anchor.is-selected .pw-anchor-text{background:#865335;color:#fff5e7}.pw-anchor:focus-visible{outline:2px solid #8c5231;outline-offset:5px}
.pw-disclosure{position:absolute;top:18px;left:22px;margin:0;padding:7px 10px;background:#eeeadee6;font:400 14px/1.3 Arial,sans-serif;color:#545f55;pointer-events:none}
.pw-readout{position:absolute;left:22px;right:22px;bottom:18px;max-width:460px;padding:14px 17px;background:#eeeae0ed;border-left:2px solid var(--pw-copper);box-shadow:0 3px 20px #2930240b;pointer-events:none}.pw-readout strong{display:block;font:400 23px/1.16 Georgia,serif;margin-bottom:6px}.pw-readout span{display:block;max-width:410px;font:400 14px/1.45 Arial,sans-serif;color:#525c51}
.pw-rail{display:flex;position:relative;flex-shrink:0;gap:0;background:#eeeae0;border-top:1px solid #7f807433;overflow-x:auto;scrollbar-width:thin;min-height:76px}.pw-source-button,.pw-work{position:relative;min-height:76px;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-right:1px solid #7f807433;background:transparent;padding:14px 18px;text-align:left;color:#3c463c;font:400 16px/1.25 Arial,sans-serif;cursor:pointer}.pw-source-button svg{width:20px;height:20px;fill:none;stroke:#95633f;stroke-width:1.25;flex-shrink:0}.pw-source-button:hover,.pw-work:hover{background:#e2ddcf}.pw-source-button[aria-pressed=true],.pw-work[aria-pressed=true]{background:#ded5c5;box-shadow:inset 0 -3px #8d5639}.pw-source-button:focus-visible,.pw-work:focus-visible{outline:2px solid #96603e;outline-offset:-5px}.pw-source-button:disabled{opacity:.5;cursor:default}
.pw-work{min-width:125px;align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;padding:13px 16px 14px}.pw-work:after{content:'';position:absolute;bottom:0;left:0;width:calc(100% * var(--pw-work,0));height:3px;background:#96603e}.pw-work-index{font-size:12px;color:#7f806f}.pw-work-label{white-space:nowrap}.pw-work-state{font-size:12px;color:#75806f}.pw-work[data-state=working] .pw-work-state{color:#9b5937}.pw-work[data-state=prepared] .pw-work-state{color:#3d6650}
.platform-world[data-unavailable=true] .pw-anchor{display:none}
@media(max-width:650px){.platform-world{min-height:380px}.pw-frame{min-height:290px}.pw-rail{min-height:88px}.pw-source-button{min-width:127px;min-height:88px;padding:12px 14px;font-size:14px;flex-direction:column;gap:7px;text-align:center}.pw-work{min-width:120px;min-height:92px}.pw-disclosure{top:12px;left:12px;font-size:12px;padding:6px 8px}.pw-readout{left:12px;right:12px;bottom:12px;padding:11px 13px}.pw-readout strong{font-size:21px}.pw-readout span{font-size:13px;line-height:1.4}.pw-anchor{font-size:12px;gap:5px}.pw-anchor-text{padding:5px 6px}.pw-anchor:not(.is-selected) .pw-anchor-text{display:none}}
@media(prefers-reduced-motion:reduce){.platform-world *{scroll-behavior:auto}}

@media(max-width:650px){.pw-readout span{display:none}.pw-readout strong{margin:0}.pw-readout{max-width:260px}}

@media(max-width:650px){.pw-source-button{min-width:0;flex:1 1 0;padding-left:8px;padding-right:8px}.pw-source-button span{overflow-wrap:normal;white-space:normal}}

/* v9: complete roster, useful selected-role handoff, and a recoverable site view. */
.platform-world[data-layer=agents] .pw-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;min-height:76px}
.platform-world[data-layer=agents] .pw-work{min-width:0;min-height:76px;padding:10px 7px;justify-content:center;gap:7px;font-size:14px}
.platform-world[data-layer=agents] .pw-work-index{display:none}
.platform-world[data-layer=agents] .pw-work-label{white-space:normal;overflow-wrap:normal}
.platform-world[data-layer=agents] .pw-work-state{font-size:12px}
.pw-readout[data-agent=true]{max-width:400px}
.pw-readout[data-agent=true] span{color:#70492f;font-size:15px}
.pw-reset{position:absolute;right:16px;top:18px;padding:8px 10px;background:#eeeadee6;border:1px solid #7f80744d;font:400 13px/1 Arial,sans-serif;color:#4f5b4e;cursor:pointer}
.pw-reset:focus-visible{outline:2px solid #96603e;outline-offset:3px}
@media(max-width:650px){
 .platform-world[data-layer=agents] .pw-rail{grid-template-columns:repeat(4,minmax(0,1fr));min-height:118px}
 .platform-world[data-layer=agents] .pw-work{min-height:59px;padding:8px 3px;gap:5px;font-size:13px;text-align:center;align-items:center}
 .platform-world[data-layer=agents] .pw-work:nth-child(-n+4){border-bottom:1px solid #7f807433}
 .platform-world[data-layer=agents] .pw-work-state{font-size:11px}
 .platform-world[data-layer=agents] .pw-frame{min-height:280px}
 .pw-readout[data-agent=true]{max-width:none;padding:10px 12px}
 .pw-readout[data-agent=true] span{display:block;font-size:12px;margin-top:5px;line-height:1.4}
 .pw-reset{top:12px;right:12px;font-size:11px;padding:7px 8px}
}

@media(max-width:350px){.platform-world[data-layer=agents] .pw-work{padding-left:0;padding-right:0;letter-spacing:-.025em}}
