.animated-office{position:relative;background:#14202a;touch-action:manipulation}.office-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:crosshair;touch-action:manipulation;outline-offset:-3px!important}.game-loaded>.office-art{visibility:hidden}.game-live-label{position:absolute;z-index:4;left:13px;top:13px;font-size:8px;letter-spacing:1.2px;color:#dbe8cc;background:#111a21dc;border:1px solid #77894d66;padding:7px 8px;display:flex;align-items:center;gap:6px;pointer-events:none}.game-live-label>span{height:4px;width:4px;background:#d7ff42;box-shadow:0 0 5px #d7ff4266}.animated-office[data-paused=true] .game-live-label>span{background:#959d9b;box-shadow:none}.animated-office .expand-scene{z-index:5}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 11px;background:#19242a;border:1px solid #354138;border-top:0}.game-readout{display:flex;align-items:center;gap:8px;color:#a4b6bd;font-size:11px;min-width:0;line-height:1.5}.game-readout>svg{width:15px;height:15px;color:#d7ff42}.game-controls>div{display:flex;align-items:center;gap:5px}.game-controls button{display:flex;align-items:center;gap:7px;min-width:30px;min-height:30px;justify-content:center;padding:6px 9px;background:#111b21;border:1px solid #3c4a4f;border-radius:3px;color:#e0e8e4;font-size:11px}.game-controls button svg{width:14px;height:14px}.game-controls button:hover{border-color:#d7ff42;color:#d7ff42}.game-controls button[data-action=game-speed]{font:14px 'Bahnschrift',sans-serif;min-width:34px}.pixel-portrait{display:grid;place-items:center;background-color:#192530;background-image:linear-gradient(135deg,#263b37,#12202a)!important;position:relative}.pixel-portrait::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:20%;background:linear-gradient(transparent,#09141a66);pointer-events:none}.pixel-portrait>canvas{height:100%;width:auto;max-width:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.detail-art>.pixel-portrait{position:absolute;inset:0;height:100%;width:100%}.detail-art .pixel-portrait canvas{width:100%;height:auto}.animated-office:fullscreen{display:grid;place-items:center;border:0;border-radius:0;background:#080f16;width:100vw;height:100vh;max-height:none!important;aspect-ratio:auto!important}.animated-office:fullscreen .office-art{display:none}.animated-office:fullscreen .office-canvas{position:relative;width:min(100vw,150vh);height:auto;aspect-ratio:1.5;inset:auto}.animated-office:fullscreen .game-live-label{left:20px;top:20px;font-size:12px;padding:10px}.animated-office:fullscreen .expand-scene{right:20px;bottom:20px;width:42px;height:42px}.animated-office[data-game-error]::before{content:'The office could not load. Refresh to try again.';position:absolute;inset:30% 10%;z-index:8;background:#151b20;padding:20px;color:#f4e5cb;display:grid;place-items:center;text-align:center;font-size:14px}
@media(max-width:760px){.game-controls{gap:10px;align-items:center;padding:9px 8px}.game-readout{font-size:10px;gap:5px;max-width:150px;line-height:1.45}.game-readout>svg{width:13px;height:13px}.game-controls>div{gap:4px}.game-controls button{min-width:31px;min-height:33px;padding:6px}.game-controls button>span:not(#game-speed-label){display:none}.game-controls button svg{width:14px;height:14px}.game-live-label{font-size:6px;left:7px;top:7px;letter-spacing:.7px;padding:5px 6px}.game-live-label>span{width:3px;height:3px}.game-readout>#game-status{max-width:135px}.pixel-portrait>canvas{height:auto;width:100%}.profile-photo .pixel-portrait>canvas{height:auto;width:115%;max-width:none}.animated-office:fullscreen .game-live-label{font-size:8px}}
.npc-name{position:absolute;z-index:3;pointer-events:none;transform:translateX(-50%);background:#0c141ce8;padding:4px 7px;font:600 9px/1.2 "Segoe UI",sans-serif;letter-spacing:.3px;border:1px solid #52634d55;border-radius:2px}.npc-name[hidden]{display:none}.animated-office:fullscreen .npc-name{display:none}@media(max-width:760px){.npc-name{font-size:7px;padding:2px 4px}}