.sprite{background-image:url('/assets/office/topdown-agents-v3.png');background-size:400% 300%}
.circular-room{background-image:url('/assets/office/topdown-room-v3.png');background-position:center;background-size:100% 100%;width:min(100%,calc(100dvh - 265px));margin-inline:auto;aspect-ratio:1;min-height:0;height:auto;max-height:none;flex:none;container-type:size}
.circular-room::before{content:"";position:absolute;left:11%;top:15%;width:78%;height:78%;border-radius:50%;border:.6cqw solid #f9f1e0;outline:.18cqw solid #bfc6a6;outline-offset:-1.6cqw;background:repeating-linear-gradient(38deg,#fff2 0 .8px,#b19d7608 .8px 1.6px),radial-gradient(circle at 35% 28%,#f5ebd9,#e5d7be);box-shadow:0 .7cqw 1.4cqw #73542d2c;pointer-events:none}
.circular-room .wall-logo{top:.5%;left:41%;width:18%;opacity:1;z-index:1;filter:none}
.circular-room .workstations{inset:0;z-index:auto}
.circular-room .circular-station{left:var(--ring-x);top:var(--ring-y);bottom:auto;width:var(--station-size,15cqw);translate:-50% -50%;z-index:var(--seat-depth);margin:0;max-width:none}
.circular-room .circular-station:hover{transform:none}
.circular-room .station-figure{transform:rotate(var(--seat-rotation));filter:drop-shadow(0 2px 2px #4e3c2822)}
.circular-room .figure-head{z-index:5}
.circular-room .figure-hand{z-index:4;will-change:transform}
.circular-room .figure-hand-left{transform-origin:29% 49%}
.circular-room .figure-hand-right{transform-origin:73% 49%}
.circular-room .figure-desk-repair{position:absolute;inset:0;background:#e8ddc6;z-index:0}
.circular-room .is-animating .figure-hand-left{animation:office-hand-left .9s ease-in-out infinite;animation-delay:var(--motion-offset)}
.circular-room .is-animating .figure-hand-right{animation:office-hand-right .73s ease-in-out infinite;animation-delay:var(--motion-offset)}
.station-masks{position:absolute;overflow:hidden;pointer-events:none}
.circular-room .is-animating .figure-head{animation-name:office-topdown-look}
.circular-room .station-caption{left:calc(50% + var(--label-dx));top:calc(50% + var(--label-dy));transform:translate(-50%,-50%);gap:3px}
.circular-room .station-caption strong{font-size:9px;padding:4px 7px;max-width:var(--label-max,190px);overflow:hidden;text-overflow:ellipsis}
.circular-room .station-caption small{font-size:7px;padding:3px 5px}
.circular-room .station-caption .status-dot{width:4px;height:4px}
.circular-room .person-station .station-caption strong{background:#f5ead7f5;border-color:#bba77f;color:#685037}
.circular-room .person-station .station-caption small{color:#7b6549;background:#fbf7eef0}
.circular-room .role-supervisor .station-caption strong{background:var(--forest);color:white;border-color:var(--forest)}
.circular-room .station-floor{inset:-3%;height:auto;box-shadow:none;background:transparent;border-radius:50%}
.circular-room .is-selected .station-floor{background:#eaf4e145;border-color:var(--green);box-shadow:0 0 0 3px #fff9}
.circular-room .work-bubble{top:48%;font-size:7px;padding:4px 5px;gap:3px;max-width:155px}
.circular-room .work-bubble small{display:none}
.circular-room .typing-marks{left:44%;top:36%}
.circular-room>.scene-caption{display:none}
.neural-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;fill:none;stroke:#426e4e;stroke-opacity:.22;stroke-width:.15}
.neural-links line{stroke-dasharray:.8 1.5}
.neural-links circle{stroke-opacity:.2;stroke-width:.13}
.motion-enabled .neural-links line{animation:synapse-flow 8s linear infinite}
.brain-node{position:absolute;left:50%;top:54%;translate:-50% -50%;width:20cqw;z-index:290;display:flex;flex-direction:column;align-items:center;padding:0;isolation:isolate;border-radius:35%;color:var(--forest)}
.brain-node>img{width:100%;height:auto;display:block;pointer-events:none;position:relative;z-index:1;filter:drop-shadow(0 7px 7px #24422c15)}
.brain-node-label{position:relative;display:flex;flex-direction:column;align-items:center;background:#fffdfcf2;border:1px solid #cbd8c4;box-shadow:0 2px 8px #164c380d;border-radius:9px;padding:7px 10px;white-space:nowrap;z-index:2;margin-top:-9px}
.brain-node-label strong{font-size:13px;font-weight:650}
.brain-node-label small{font-size:8px;color:#697d5f;margin-top:4px}
.brain-source-badge{font-size:8px;color:#708365;background:#fffdfce6;border-radius:8px;padding:3px 6px;margin-top:4px;white-space:nowrap}
.brain-aura{position:absolute;inset:18% 2% 20%;border:1px solid #819f695e;border-radius:50%;background:#ecf2df45;z-index:0}
.motion-enabled .brain-aura{animation:brain-synapses 4s ease-in-out infinite}
.brain-node:hover .brain-node-label{background:var(--sage);border-color:var(--green)}
.brain-node:focus-visible{outline:3px solid var(--forest);outline-offset:8px}
.mobile-circle-list{display:none}
.office-people-list{background:var(--ivory);border-top:1px solid var(--border)}
.brain-list-entry{display:flex;align-items:center;gap:14px;padding:15px 12px;text-align:left;width:100%;border-bottom:1px solid var(--border);background:#eff3e8;color:var(--forest)}
.brain-list-entry>img{width:52px;height:44px;object-fit:contain}
.brain-list-entry>span{flex:1;display:flex;flex-direction:column;gap:5px}
.brain-list-entry strong{font-size:13px;font-weight:600}
.brain-list-entry small{font-size:10px;color:var(--muted)}
.list-section-label{font-size:9px;letter-spacing:1.1px;color:var(--muted);padding:24px 12px 9px}
.brain-dialog{width:min(760px,calc(100vw - 32px))}
.brain-dialog-intro{display:flex;align-items:center;gap:20px;margin:14px 0 20px}
.brain-dialog-intro>img{width:100px;height:90px;object-fit:contain}
.brain-dialog-intro p{font-size:13px;color:var(--muted);margin:7px 0 12px;line-height:1.6}
.brain-dialog-intro .eyebrow{font-size:8px;letter-spacing:1px}
.brain-scope-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}
.brain-scope-grid .field-label{margin-top:0}
.brain-scope-grid select{font-size:11px;padding:10px 8px}
.brain-context-label{display:flex;align-items:center;gap:8px;margin-top:15px;padding:10px 12px;background:#eef2e8;border-radius:6px;font-size:10px;color:var(--forest);line-height:1.6}
.brain-context-label>span{overflow-wrap:anywhere}
.brain-question{resize:vertical;min-height:86px;line-height:1.6}
.brain-submit{margin-top:12px}
.brain-answer{margin-top:22px;padding:17px;border:1px solid #d8e1cf;border-radius:9px;background:#f4f6ee}
.brain-answer h3{font-size:15px;margin-bottom:9px}
.brain-answer p{font-size:12px;color:var(--muted);line-height:1.7}
.brain-source-state{display:flex;align-items:center;gap:8px;border-top:1px solid #dce3d5;padding-top:12px;margin-top:14px;font-size:10px;color:#728164}
.person-dialog-intro{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.person-dialog-intro .agent-avatar{width:65px;height:65px}
.person-dialog-intro .agent-avatar .sprite{width:126px;height:126px;left:-30px}
.person-dialog-intro p{font-size:12px;color:var(--muted)}
@keyframes synapse-flow{to{stroke-dashoffset:-16}}
@keyframes office-topdown-look{0%,100%{transform:rotate(-2deg)}35%{transform:rotate(3deg) translateY(.6px)}70%{transform:rotate(-2.5deg) translateX(.4px)}}
@keyframes office-hand-left{0%,100%{transform:rotate(-1deg) translateY(0)}35%{transform:rotate(1.7deg) translate(.3px,-1.3px)}70%{transform:rotate(-.6deg) translateY(.5px)}}
@keyframes office-hand-right{0%,100%{transform:rotate(1deg) translateY(-.2px)}40%{transform:rotate(-1.8deg) translate(-.2px,-1.5px)}75%{transform:rotate(.7deg) translateY(.5px)}}
@keyframes brain-synapses{0%,100%{opacity:.5;scale:.96}50%{opacity:1;scale:1.05}}
@media(min-width:1600px){.brain-node-label strong{font-size:15px}.brain-node-label small{font-size:9px}}
@media(min-width:701px) and (max-width:1000px){.circular-room .station-caption{gap:2px}.circular-room .station-caption strong{font-size:7px;padding:3px 4px}.circular-room .station-caption small{font-size:5px;padding:2px 3px}.brain-node-label{padding:5px 6px}.brain-node-label strong{font-size:10px}.brain-node-label small{font-size:6px}.brain-source-badge{font-size:6px}}
@media(max-width:700px){.circular-room{width:100%;aspect-ratio:auto;height:auto;min-height:0;max-height:none;background:none;border:0;border-radius:0;container-type:normal;overflow:visible}.circular-room::before,.circular-room>.wall-logo,.circular-room>.workstations,.circular-room>.neural-links,.circular-room>.brain-node,.circular-room>.scene-caption{display:none}.mobile-circle-list{display:block}.mobile-circle-list .agent-row{min-height:72px}.brain-dialog-intro{gap:12px}.brain-dialog-intro>img{width:80px;height:75px}.brain-dialog-intro p{font-size:12px}.brain-dialog-intro .eyebrow{font-size:7px;line-height:1.8}.brain-scope-grid{grid-template-columns:1fr;gap:15px}.brain-scope-grid select{font-size:16px}.brain-context-label{font-size:10px}.brain-submit{width:100%}.brain-dialog .dialog-header h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){:root:not(.explicit-motion) .neural-links line,:root:not(.explicit-motion) .brain-aura{animation:none!important}}
@media(prefers-reduced-motion:reduce){:root:not(.explicit-motion) .figure-hand{animation:none!important}}