.pixel-office{color:#000;background:#fff;border:1px solid #000;border-radius:28px;padding:clamp(16px,3vw,32px);overflow:hidden;box-shadow:0 16px 50px #0000000a;margin:20px 0}.pixel-office-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.pixel-office-heading h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:6px 0;font-weight:800}.office-mode-label{font-size:12px;border:1px solid #000;border-radius:30px;padding:8px 12px;white-space:nowrap}.office-room{position:relative;min-height:400px;border:3px solid #000;border-radius:16px;background:#fff url('/img/pixel-agents/floors/floor_0.png') repeat;background-size:48px;image-rendering:pixelated;box-shadow:inset 0 20px #00000015;isolation:isolate}.office-room:before{content:'';position:absolute;inset:0;background:#ffffff40;border-radius:12px;z-index:-1}.office-whiteboard{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:190px;text-align:center}.office-whiteboard img{height:64px;width:auto;image-rendering:pixelated}.office-whiteboard span{display:block;background:#fff;border:1px solid #000;border-radius:20px;font-size:11px;font-weight:800;padding:4px 8px}.office-plant{position:absolute;width:48px;image-rendering:pixelated;top:25px}.office-plant.left{left:12px}.office-plant.right{right:12px}.office-station{position:absolute;width:25%;height:120px;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;color:#000!important;transform:translateX(-50%);cursor:pointer;transition:filter .3s}.office-station:focus-visible{outline:3px solid #000;outline-offset:8px}.station-0,.station-3{left:18%}.station-1,.station-4{left:50%}.station-2,.station-5{left:82%}.station-0,.station-1,.station-2{top:115px}.station-3,.station-4,.station-5{top:255px}.office-desk{position:absolute;width:96px;height:64px;left:50%;top:0;transform:translateX(-50%);image-rendering:pixelated;z-index:2}.office-pc{position:absolute;width:32px;height:64px;left:50%;top:-20px;transform:translateX(-50%);image-rendering:pixelated;z-index:3}.office-chair{position:absolute;width:32px;left:50%;top:46px;transform:translateX(-50%);image-rendering:pixelated;z-index:5}.office-person{position:absolute;width:32px;height:64px;left:50%;top:27px;transform:translateX(-50%);background-size:700% 300%;background-position:16.6667% 0;image-rendering:pixelated;z-index:4}.office-name,.office-status{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:135px;overflow:hidden;text-overflow:ellipsis;border-radius:20px;background:#fff;color:#000;z-index:6}.office-name{top:87px;font-weight:800;font-size:12px;padding:3px 8px;border:1px solid #000}.office-status{top:113px;font-size:10px;padding:2px 8px}.is-working .office-person{animation:office-type .65s steps(2) infinite}.is-working .office-status{background:#c0ff72}.needs-approval .office-status{background:#000;color:#c0ff72}.office-handoff{font-size:14px;line-height:1.6;margin:18px 0;min-height:44px}.office-actions{display:flex;gap:10px;flex-wrap:wrap}.office-actions button{min-height:44px;padding:12px 18px;border-radius:30px;font-weight:800;border:1px solid #000;background:#000;color:#c0ff72}.office-actions button.secondary{background:#fff;color:#000}.public-office{width:min(1120px,calc(100% - 32px));margin:56px auto}.office-expanded{position:fixed;inset:24px;z-index:1000;margin:0;overflow:auto;box-shadow:0 0 0 100vw #000000bb}.office-expanded .office-room{min-height:460px}.office-expanded .station-3,.office-expanded .station-4,.office-expanded .station-5{top:300px}@keyframes office-type{0%{background-position:50% 0}100%{background-position:83.3333% 0}}@media(max-width:520px){.pixel-office{padding:14px;border-radius:20px}.pixel-office-heading{align-items:flex-start;flex-direction:column}.office-room{min-height:380px}.office-desk{width:72px;height:48px}.office-pc{width:24px;height:48px;top:-16px}.office-person{width:24px;height:48px;top:20px}.office-chair{width:24px;top:36px}.office-name{top:66px;font-size:10px;max-width:90px;padding:3px 6px}.office-status{top:92px;font-size:9px;max-width:95px}.station-0,.station-1,.station-2{top:118px}.station-3,.station-4,.station-5{top:246px}.office-whiteboard{width:160px}.office-expanded{inset:8px}.office-handoff{font-size:13px}.office-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.is-working .office-person{animation:none}.office-station{transition:none}}

/* Station positioning must survive the shared press animation. */
.office-station:hover,.office-station:active,.lg .office-station:hover,.lg .office-station:active{transform:translateX(-50%)!important}.office-station>*{pointer-events:none}

.arriving .office-person{animation:office-arrive 1.5s ease both,office-type .3s steps(2) infinite;z-index:7}@keyframes office-arrive{from{transform:translate(-50%,70px)}to{transform:translate(-50%,0)}}@media(prefers-reduced-motion:reduce){.arriving .office-person{animation:none}}