*{box-sizing:border-box}body{color:#f2ece2;background:#1b1611;margin:0;font-family:Segoe UI,system-ui,sans-serif}.office-page{flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:24px 16px 48px;display:flex}.office-title{letter-spacing:.5px;color:#f2ece2;margin:0;font-size:28px}.office-viewport{border-radius:12px;width:min(1360px,100%);overflow:hidden;box-shadow:0 0 0 4px #0d0a08,0 20px 60px #0009}.office-scene{transform-origin:0 0;background:#1b1611;position:relative}.room-floor{image-rendering:pixelated;background-repeat:repeat;position:absolute}.room-floor--work{background-color:#9c6a3c;background-image:repeating-linear-gradient(45deg,#0000 0 9px,#00000029 9px 10px),repeating-linear-gradient(-45deg,#0000 0 9px,#ffffff1a 9px 10px);background-size:40px 40px}.room-floor--canteen{filter:grayscale()brightness(.42)contrast(1.15)}.room-floor--boss{filter:sepia()saturate(3.5)hue-rotate(170deg)brightness(.55)}.room-floor--hallway{filter:sepia(.2)saturate(1.15)brightness(.72)}.room-divider{z-index:5000;background:#7a7a7a repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000000f 2px 4px);position:absolute}.door{z-index:5002;box-sizing:border-box;background:#8a5c34;border:2px solid #4a2f18;position:absolute;box-shadow:inset 0 0 0 3px #00000026}.door-knob{background:#e8c78a;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.dartboard{z-index:4001;position:absolute}.dartboard-ring{box-sizing:border-box;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dartboard-ring--4{background:#2b2018;width:92%;height:92%}.dartboard-ring--3{background:#f2ece2;width:74%;height:74%}.dartboard-ring--2{background:#b3232c;width:54%;height:54%}.dartboard-ring--1{background:#f2ece2;width:34%;height:34%}.dartboard-bullseye{background:#b3232c;border-radius:50%;width:14%;height:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.desk-number{z-index:4500;color:#f2ece2;text-align:center;pointer-events:none;background:#1b1611bf;border:1px solid #f2ece2;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;position:absolute;transform:translate(-50%,-50%)}.room-label{z-index:5001;text-align:center;letter-spacing:.6px;color:#f2ece2;text-shadow:0 1px #000,0 0 6px #000c,0 0 12px #0009;pointer-events:none;font-size:15px;font-weight:700;position:absolute}.tile-sprite{image-rendering:pixelated;pointer-events:none;position:absolute}.character{pointer-events:none;flex-direction:column;align-items:center;transition:left 2.4s ease-in-out,top 2.4s ease-in-out;display:flex;position:absolute}.character-sprite{image-rendering:pixelated}.boss-hair{z-index:4600;image-rendering:pixelated;pointer-events:none;position:absolute}.boss-hair--patch{z-index:4550}.speech-bubble{color:#1b1611;text-align:center;background:#fff;border-radius:10px;max-width:190px;margin-bottom:8px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.3;animation:.25s ease-out bubble-in;position:relative;box-shadow:0 4px 10px #00000059}.speech-bubble:after{content:"";border:6px solid #0000;border-top:7px solid #fff;border-bottom-width:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}