*{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;flex:auto;min-width:0;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%)}.counter{box-sizing:border-box;background-color:#6d5642;background-image: linear-gradient(180deg, #cfc3b0 0, #cfc3b0 34%, #4a3a2c 34%, #4a3a2c 40%, transparent 40%),  repeating-linear-gradient(90deg, transparent 0, transparent calc(var(--seam) - 2px), #00000073 calc(var(--seam) - 2px), #00000073 var(--seam));border:2px solid #2b2018;position:absolute}.sink{box-sizing:border-box;background:#9aa0a6;border:2px solid #2b2018;border-radius:2px;position:absolute}.sink-basin{background:#5d666e;border-radius:2px;position:absolute;inset:38% 14% 14%;box-shadow:inset 0 2px #00000059}.sink-faucet{background:#d8dadd;border-radius:1px;width:3px;height:22%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.fridge{box-sizing:border-box;background:#d8dadd;border:2px solid #2b2018;border-radius:3px;position:absolute;overflow:hidden}.fridge-seam{background:#2b2018;height:2px;position:absolute;top:34%;left:0;right:0}.fridge-handle{background:#6f7276;border-radius:2px;width:3px;position:absolute;right:14%}.fridge-handle--top{height:20%;top:8%}.fridge-handle--bottom{height:34%;top:42%}.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%)}.name-tag{z-index:4700;color:#f2ece2;white-space:nowrap;text-align:center;pointer-events:none;background:#1b1611bf;border:1px solid #f2ece2;border-radius:5px;margin-top:-3px;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.name-tag--moving{transition:left 2.4s ease-in-out,top 2.4s ease-in-out}.name-tag--moving-slow{transition:left 4.8s ease-in-out,top 4.8s ease-in-out}.name-tag--below{margin-top:4px;transform:translate(-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,z-index 0s linear 2.4s;display:flex;position:absolute}.police-officer{transition:left 4.8s ease-in-out,top 4.8s ease-in-out,z-index 0s linear 4.8s}.character-sprite{image-rendering:pixelated}.boss-hair{z-index:4600;image-rendering:pixelated;pointer-events:none;position:absolute}.boss-hair--patch{z-index:4550}.pitchfork{transform-origin:50% 100%;pointer-events:none;z-index:1;width:14px;height:34px;position:absolute;top:50%;left:72%;transform:translateY(-50%)rotate(-25deg)}.pitchfork--mirror{left:auto;right:72%;transform:translateY(-50%)rotate(25deg)scaleX(-1)}.pitchfork-handle{background:#c81e2c;width:4px;height:20px;position:absolute;top:14px;left:5px;box-shadow:0 0 0 1px #6e0d15}.pitchfork-crossbar{background:#c81e2c;width:14px;height:4px;position:absolute;top:10px;left:0;box-shadow:0 0 0 1px #6e0d15}.pitchfork-tine{background:#c81e2c;width:2px;height:10px;position:absolute;top:0;box-shadow:0 0 0 1px #6e0d15}.pitchfork-tine--1{left:1px}.pitchfork-tine--2{left:6px}.pitchfork-tine--3{left:11px}.speech-bubble{color:#1b1611;text-align:center;background:#fff;border-radius:10px;width:max-content;max-width:96px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1.3;animation:.25s ease-out bubble-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);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%)}.speech-bubble--pastel{background:#fff3c4;border-radius:999px;padding:8px 16px}.speech-bubble--pastel:after{border-color:#fff3c4 #0000 #0000}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.action-buttons-col{flex-direction:column;flex-shrink:0;gap:10px;width:150px;display:flex}.action-buttons-col .coffee-button{width:100%}.coffee-button{color:#1b1611;cursor:pointer;background:#fff3c4;border:none;border-radius:999px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .1s,opacity .2s;box-shadow:0 3px 8px #00000040}.coffee-button:hover:not(:disabled){transform:translateY(-1px)}.coffee-button:active:not(:disabled){transform:translateY(0)}.coffee-button:disabled{opacity:.5;cursor:default}.login-page{background:#282a36;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:#6272a4;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100%);padding:24px;display:flex;box-shadow:0 8px 24px #00000059}.login-label{letter-spacing:.5px;text-transform:uppercase;color:#282a36;margin:6px 0 0;font-size:12px;font-weight:700}.login-users{justify-content:center;gap:14px;display:flex}.login-user{color:#f8f8f2;cursor:pointer;background:#44475a;border:2px solid #0000;border-radius:999px;width:48px;height:48px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .1s,border-color .15s,background .15s}.login-user:hover{transform:translateY(-1px)}.login-user--selected{color:#282a36;background:#bd93f9;border-color:#bd93f9}.login-code-input{color:#f8f8f2;letter-spacing:4px;text-align:center;background:#44475a;border:none;border-radius:999px;outline:none;padding:10px 14px;font-family:inherit;font-size:16px}.login-code-input:focus{box-shadow:0 0 0 2px #bd93f9}.login-error{color:#f55;text-align:center;margin:0;font-size:12px}.login-submit{color:#282a36;background:#bd93f9;margin:8px auto 0}.logout-button{z-index:10;color:#f2ece2;cursor:pointer;background:#33291d;border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .1s,background .15s;position:fixed;top:16px;right:16px;box-shadow:0 3px 8px #00000040}.logout-button:hover{background:#45392a;transform:translateY(-1px)}.scene-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;width:100%;display:flex}.kitchen-stats{background:#241d16;border-radius:12px;flex-direction:column;flex-shrink:0;gap:10px;width:280px;padding:16px;display:flex;box-shadow:0 0 0 4px #0d0a08,0 20px 60px #0009}.kitchen-stats-title{letter-spacing:.5px;text-transform:uppercase;color:#b8ada0;font-size:11px;font-weight:700}.kitchen-stats-user{flex-direction:column;gap:4px;display:flex}.kitchen-stats-row{align-items:center;gap:8px;display:flex}.kitchen-stats-name{color:#f2ece2;flex-shrink:0;width:44px;font-size:13px;font-weight:700}.kitchen-stats-track{background:#33291d;border-radius:999px;flex:1;height:8px;overflow:hidden}.kitchen-stats-fill{background:#fff3c4;border-radius:999px;height:100%;transition:width .2s}.kitchen-stats-count{text-align:right;color:#b8ada0;flex-shrink:0;width:16px;font-size:13px;font-weight:700}.kitchen-stats-times{flex-direction:column;gap:1px;max-height:90px;margin:0;padding:0 0 0 52px;list-style:none;display:flex;overflow-y:auto}.kitchen-stats-times li{color:#b8ada0;font-size:11px}.stats-toggle-button{color:#f2ece2;background:#33291d;margin-top:6px}.stats-toggle-button:hover:not(:disabled){background:#45392a}.daily-stats-overlay{z-index:9500;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.daily-stats-card{background:#241d16;border-radius:16px;flex-direction:column;gap:20px;width:min(520px,100%);max-height:80vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 8px 24px #00000059}.daily-stats-tabs{gap:8px;display:flex}.daily-stats-tab{color:#b8ada0;cursor:pointer;background:0 0;border:1px solid #46392a;border-radius:999px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .1s,background .15s,color .15s}.daily-stats-tab:hover:not(.daily-stats-tab--active){color:#f2ece2}.daily-stats-tab--active{color:#1b1611;background:#fff3c4;border-color:#fff3c4}.daily-stats-tab--active:active{transform:translateY(1px)}.daily-stats-user-section{flex-direction:column;gap:8px;display:flex}.daily-stats-user-section+.daily-stats-user-section{border-top:1px solid #33291d;padding-top:16px}.daily-stats-user-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.daily-stats-user-name{color:#fff3c4;font-size:15px;font-weight:700}.daily-stats-user-summary{color:#b8ada0;font-size:12px}.daily-stats-header{justify-content:space-between;align-items:center;display:flex}.daily-stats-title{color:#f2ece2;margin:0;font-size:18px}.daily-stats-close{color:#b8ada0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1}.daily-stats-close:hover{color:#f2ece2}.daily-stats-empty{color:#b8ada0;text-align:center;margin:0;font-size:13px}.daily-stats-table{border-collapse:collapse;width:100%;font-size:13px}.daily-stats-table th{text-align:right;letter-spacing:.3px;text-transform:uppercase;color:#b8ada0;border-bottom:1px solid #33291d;padding:0 0 8px;font-size:11px;font-weight:700}.daily-stats-table th:first-child,.daily-stats-table td:first-child{text-align:left}.daily-stats-table td{text-align:right;color:#f2ece2;border-bottom:1px solid #33291d;padding:7px 0}.daily-stats-total{color:#fff3c4;font-weight:700}.settings-overlay{z-index:9500;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.settings-card{background:#241d16;border-radius:16px;flex-direction:column;gap:10px;width:min(360px,100%);padding:24px;display:flex;box-shadow:0 8px 24px #00000059}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-title{color:#f2ece2;margin:0;font-size:18px}.settings-close{color:#b8ada0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1}.settings-close:hover{color:#f2ece2}.settings-section-label{letter-spacing:.5px;text-transform:uppercase;color:#b8ada0;margin-top:4px;font-size:11px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.settings-user-name{color:#f2ece2;font-size:14px;font-weight:700}.settings-clear-btn{color:#e08a7d;cursor:pointer;background:#c4574b26;border:1px solid #c4574b80;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.settings-clear-btn:hover{background:#c4574b40}.settings-clear-confirm{align-items:center;gap:6px;display:flex}.settings-code-input{color:#f2ece2;letter-spacing:2px;text-align:center;background:#33291d;border:none;border-radius:999px;outline:none;width:70px;padding:6px 10px;font-family:inherit;font-size:13px}.settings-code-input:focus{box-shadow:0 0 0 2px #fff3c4}.settings-mini-btn{color:#1b1611;cursor:pointer;background:#fff3c4;border:none;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:700}.settings-mini-btn--cancel{color:#f2ece2;background:#33291d}.settings-error{color:#e08a7d;text-align:center;margin:4px 0 0;font-size:12px}.settings-success{color:#a3d9a5;text-align:center;margin:4px 0 0;font-size:12px}.loading-indicator{color:#1b1611;text-align:center;background:#fff;border-radius:10px;width:max-content;padding:8px 12px;animation:.25s ease-out bubble-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000059}.loading-indicator-label{white-space:nowrap;margin-bottom:6px;font-size:12px;font-weight:700}.loading-indicator-track{background:#e8ddc8;border-radius:999px;width:100px;height:8px;overflow:hidden}.loading-indicator-fill{background:#6f4e37;border-radius:999px;width:0%;height:100%;animation-name:loading-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes loading-fill{0%{width:0%}to{width:100%}}