.live-desk{min-width:0;border:1px solid #102b3d22;border-radius:6px;overflow:hidden;background:var(--paper)}
.live-desk .employee-stage{border-radius:5px 5px 0 0;min-height:360px;transition:background .8s}
.work-mascot{position:absolute;width:355px;max-width:98%;aspect-ratio:1;bottom:0;left:50%;transform:translateX(-50%);filter:drop-shadow(0 8px 5px #102b3d1a);pointer-events:none}
.mascot-sprite{position:absolute;inset:0;background-image:url('assets/mascot-work-atlas.png');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0}
.live-desk.atlas-ready .hero-character{display:none}
.live-desk .hero-character{animation:none!important}
.work-mascot.human-poked{animation:workNudge .65s ease-in-out}
.live-desk .coordinate-bottom{bottom:10px;left:13px;font-size:7px;z-index:2}
.live-desk .error-window{max-width:195px;right:12px;bottom:32px;box-shadow:0 3px 10px #102b3d18}
.live-desk .error-window p{font-size:12px;padding:9px;line-height:1.3}
.live-desk .error-window>span{font-size:7px;padding:5px 8px}
.live-desk .error-window button{font-size:8px;padding:7px 9px}
.shift-pause{position:absolute;top:10px;right:113px;z-index:4;border:1px solid #102b3d30;background:#fffdf299;color:var(--ink);border-radius:4px;width:30px;height:26px;font-family:var(--mono);font-size:12px}
.shift-pause:hover{background:var(--paper)}
.shift-pause[aria-pressed=true]{background:var(--lime)}
.shift-panel{position:relative;padding:16px 17px 14px;background:var(--paper);border-top:1px solid #102b3d22;--fatigue-color:#098764}
.fatigue-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:9px;letter-spacing:.035em;margin-bottom:8px}
.fatigue-heading label{font-weight:600}.fatigue-heading label span{color:var(--muted);font-weight:400}.fatigue-heading strong{font-size:13px}
#fatigue-meter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);border:0}
.fatigue-track{position:relative;width:100%;height:11px;background:#e2e8db;border:1px solid #102b3d22;border-radius:2px;overflow:hidden}
.fatigue-track>span{display:block;height:100%;background:var(--fatigue-color);transition:width .35s linear,background .6s}
.fatigue-track>i{position:absolute;top:0;left:25%;height:100%;border-left:1px solid #fffdf280}.fatigue-track>i:nth-of-type(2){left:50%}.fatigue-track>i:nth-of-type(3){left:75%}
.shift-readout{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin:8px 0 13px;font-family:var(--mono);font-size:8px;line-height:1.4;min-height:12px;color:var(--muted)}
.shift-readout>span:last-child{white-space:nowrap}.shift-readout b{font-weight:500;color:var(--ink)}
.shift-actions{display:flex;gap:7px;flex-wrap:wrap}
.shift-action{display:flex;gap:7px;align-items:center;justify-content:center;border:1px solid #102b3d40;border-radius:4px;background:#f0f3e9;color:var(--ink);font-family:var(--mono);font-size:9px;min-height:35px;padding:8px 10px;flex:1;white-space:nowrap;transition:background .15s,transform .15s}
.shift-action:hover{background:var(--lime);transform:translateY(-1px)}
.shift-action:first-child{background:var(--mint);border-color:#099c7440}.shift-action:disabled{opacity:.45;cursor:default;transform:none}
.overtime-toggle{flex:0 1 auto;background:#fff2fa}.overtime-toggle span{border:1px solid #102b3d25;background:var(--paper);padding:2px 4px;border-radius:2px;font-size:7px}.overtime-toggle[aria-pressed=true]{background:var(--pink);border-color:var(--ink)}
.live-desk[data-phase=tired] .shift-panel{--fatigue-color:#b77316}
.live-desk[data-phase=critical] .shift-panel,.live-desk[data-phase=exhausted] .shift-panel{--fatigue-color:#d23d78}
.live-desk[data-phase=critical] .employee-stage{background:#85e8ba}
.live-desk[data-phase=exhausted] .employee-stage{background:#b3cfc0}
.live-desk[data-phase=resting] .employee-stage{background:#bee6df}
.live-desk[data-overtime=true] .coordinate-top:after{content:' / OVERTIME';color:#a42462}
.work-sparks{position:absolute;top:50%;left:36%;pointer-events:none;font-family:var(--mono);font-size:9px;font-weight:600;z-index:2}
.work-sparks span{position:absolute;border:1px solid #102b3d30;padding:3px 5px;background:var(--paper);border-radius:3px;opacity:0;animation:keyPop 1.3s infinite}
.work-sparks span:nth-child(2){left:39px;top:9px;animation-delay:.4s;background:var(--lime)}
.work-sparks span:nth-child(3){left:12px;top:-12px;animation-delay:.8s;background:var(--pink);font-size:7px}
.live-desk[data-phase=tired] .work-sparks span{animation-duration:2.2s}
.live-desk[data-phase=critical] .work-sparks span{animation-duration:3s}
.live-desk[data-phase=coffee] .work-sparks,.live-desk[data-phase=resting] .work-sparks,.live-desk[data-phase=exhausted] .work-sparks{display:none}
.sleep-cloud{position:absolute;top:13%;right:24%;display:none;width:60px;height:70px;font-family:var(--mono);color:var(--ink);font-weight:600;font-size:14px}
.sleep-cloud span{position:absolute;bottom:0;left:0;opacity:0;animation:sleepRise 2.8s ease-out infinite}.sleep-cloud span:nth-child(2){animation-delay:.9s;left:15px;font-size:19px}.sleep-cloud span:nth-child(3){animation-delay:1.8s;left:28px;font-size:25px}
.live-desk[data-phase=exhausted] .sleep-cloud,.live-desk[data-phase=resting] .sleep-cloud{display:block}
.coffee-steam{display:none;position:absolute;top:39%;left:46%;gap:5px;transform:rotate(-8deg)}
.coffee-steam i{width:4px;height:22px;border-left:2px solid #fffdf2cc;border-radius:50%;animation:coffeeSteam 1.3s infinite}.coffee-steam i:nth-child(2){animation-delay:.3s}.coffee-steam i:nth-child(3){animation-delay:.6s}
.live-desk[data-phase=coffee] .coffee-steam{display:flex}
.incoming-task{position:absolute;top:55px;right:18px;max-width:190px;z-index:4;border:1px solid var(--ink);border-radius:4px;background:var(--paper);box-shadow:4px 4px 0 #102b3d33;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s;pointer-events:none}
.incoming-task span{display:block;padding:6px 9px;background:var(--pink);font-family:var(--mono);font-size:6px;border-bottom:1px solid var(--ink)}
.incoming-task strong{display:block;padding:10px;font-size:13px;letter-spacing:-.025em}
.incoming-task.visible{opacity:1;transform:translateY(0)}
.live-desk.shift-frozen .work-sparks span,.live-desk.shift-frozen .sleep-cloud span,.live-desk.shift-frozen .coffee-steam i,.live-desk.shift-frozen .stage-grid,.live-desk.shift-frozen .desk-orbits span{animation-play-state:paused}
@keyframes keyPop{0%,20%{opacity:0;transform:translateY(8px) rotate(-6deg)}35%{opacity:1}90%,100%{opacity:0;transform:translateY(-24px) rotate(6deg)}}
@keyframes sleepRise{0%{opacity:0;transform:translateY(5px) rotate(-9deg)}25%{opacity:.8}100%{opacity:0;transform:translateY(-45px) rotate(9deg)}}
@keyframes coffeeSteam{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-6px)}}
@keyframes workNudge{0%,100%{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 4px)) rotate(-1deg)}60%{transform:translateX(calc(-50% + 4px)) rotate(1deg)}}
@media(min-width:1550px){.live-desk .employee-stage{min-height:420px}.work-mascot{width:410px}}
@media(max-width:1150px){.live-desk .employee-stage{min-height:365px}.work-mascot{width:365px}.shift-panel{padding:13px}.shift-action{font-size:8px;padding:8px}.shift-readout{font-size:7px;gap:8px}}
@media(max-width:650px){.live-desk .employee-stage{min-height:340px}.work-mascot{width:330px;bottom:19px;max-width:102%}.live-desk .error-window{right:9px;bottom:33px;max-width:165px}.live-desk .error-window p{font-size:10px;padding:7px}.live-desk .error-window>span{font-size:6px}.live-desk .error-window button{font-size:7px}.shift-panel{padding:14px 12px}.shift-action{min-height:40px;padding:8px 9px;font-size:8px}.overtime-toggle{flex-basis:100%;min-height:32px}.shift-readout{font-size:7px;gap:6px}.fatigue-heading{font-size:8px}.work-sparks{left:29%;top:48%}.shift-pause{right:100px;top:8px;height:25px}.incoming-task{right:12px;max-width:180px}}
@media(prefers-reduced-motion:reduce){.work-sparks,.sleep-cloud,.coffee-steam{display:none!important}.work-mascot{animation:none!important}}