/* Three desks, no text over the characters. Reuse the existing sprite art. */
.scene .workstation{width:35%;left:32.5%;bottom:4%;z-index:3}
.scene #agent-inspect{inset:auto;left:32.5%;bottom:4%;width:35%;height:52.5%;z-index:5}
.team-seat{position:absolute;width:33%;aspect-ratio:1;bottom:22%;border:0;background:transparent;padding:0;z-index:2;border-radius:12px}
#seat-documents{left:2%}#seat-fleet{right:2%}
.team-sprite{display:block;width:100%;height:100%;background:url('office-agent.png') 100% 0/200% 200% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0003)}
#seat-documents .team-sprite{filter:hue-rotate(28deg) drop-shadow(0 4px 3px #0003)}
#seat-fleet .team-sprite{filter:hue-rotate(-30deg) drop-shadow(0 4px 3px #0003)}
.team-seat[data-mode="documents"] .team-sprite{background-position:100% 100%;animation:team-read 3s ease-in-out infinite}
.team-seat[data-mode="working"] .team-sprite{background-position:0 0;animation:team-type 1.3s ease-in-out infinite}
.team-seat[data-mode="blocked"] .team-sprite{background-position:0 100%}
.team-seat[data-mode="offline"]{filter:grayscale(1);opacity:.6}
.team-seat:hover{background:#c3eed90a}.team-seat:focus-visible{outline-offset:-4px}
.team-bar{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.team-bar>span{font-size:14px;color:var(--muted)}
.team-bar button{min-height:44px;border:1px solid #48635d;border-radius:12px;background:#203a35;color:#b6f0d5;font-size:14px;padding:10px 14px}
.team-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 0}
.team-legend button{border:1px solid #344d55;border-radius:12px;background:#1a2e38;color:#e3efea;min-height:58px;padding:9px 5px;font-size:14px}
.team-legend small{display:block;font-size:12px;color:#9ab5b2;margin-top:5px;overflow-wrap:anywhere}
.team-legend button:nth-child(1){border-top:2px solid #b3dda2}.team-legend button:nth-child(2){border-top:2px solid #99e4c4}.team-legend button:nth-child(3){border-top:2px solid #a6c9ed}
#team-dialog header{position:sticky;top:-22px;padding:8px 0;background:#172c35;z-index:1}
.team-card{border-top:1px solid #3b555c;padding:16px 0 8px}.team-card h3{font-size:18px;margin:0 0 7px}.team-card p{font-size:15px;line-height:1.5;margin:7px 0}.team-card .team-about{color:#a9c0c3}.team-card strong{font-size:14px;color:#a5e9cd;font-weight:550;display:block;margin-top:14px}.team-card[data-mode="blocked"] strong{color:#f0cc8a}.team-card[data-mode="offline"] strong{color:#adbcc2}.team-card small{color:#a9c0c3;font-size:13px}
@keyframes team-read{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@keyframes team-type{0%,100%{transform:translateY(0)}35%,70%{transform:translateY(-.7px)}}
@media(prefers-reduced-motion:reduce){.team-sprite{animation:none!important}}
@media(max-width:360px){.team-bar{gap:6px}.team-bar button{font-size:13px;padding:9px}.team-legend{gap:5px}.team-legend button{font-size:13px}}