:root{font-family:'Baloo 2',system-ui,sans-serif;color:#fff8e7;color-scheme:dark;--panel:#142832ed;--gold:#ffce74;--purple:#c597ff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17303a}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#game,#scene{display:block;width:100%;height:100%;touch-action:none}#scene:focus{outline:none}.hud{position:fixed;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:20px}.top{top:23px}.brand,.role,.shift,.toolbar button,.controls,.counter,.task{background:var(--panel);border:1px solid #ffffff18;box-shadow:0 8px 30px #08171929;backdrop-filter:blur(14px)}.brand{border-radius:17px;padding:14px 20px;display:flex;gap:13px;align-items:center;font-family:Lilita One,sans-serif;font-weight:800;letter-spacing:2px;font-size:21px}.sun{color:var(--gold);font-size:38px;line-height:1}.brand small{display:block;font:600 10px 'Baloo 2',sans-serif;letter-spacing:3px;color:#c1d0d5;margin-top:3px}.shift{border-radius:18px;padding:11px 20px 13px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#bacbd0;font-weight:700}.rooms{display:flex;gap:9px;margin-top:9px}.room{display:flex;align-items:center;gap:6px;font-size:14px;color:#dce6e7}.room:before{content:'';width:7px;height:7px;border:1.5px solid #9c829b;border-radius:50%}.room.active{color:var(--gold)}.room.done{color:#b7edc2}.room.done:before{background:#9adca9;border-color:#9adca9}.role{border-radius:15px;display:flex;align-items:center;gap:10px;padding:12px 17px;font-size:14px;font-weight:600}.role-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#9864cb;color:#fff;font:bold 19px Lilita One,sans-serif}.role small{display:block;font-size:11px;color:#abbfc5;margin-top:3px;font-weight:400}.toolbar{position:fixed;right:28px;top:116px;display:flex;gap:8px}.toolbar button{border-radius:11px;padding:10px;display:flex;gap:9px;align-items:center;font-size:12px}.toolbar svg{width:18px;height:18px}.toolbar button:hover{background:#254554}.toolbar kbd{font-size:10px}.bottom{bottom:23px;align-items:flex-end}.controls{padding:14px 18px;border-radius:16px}.key-row{display:flex;gap:4px;align-items:center;font-size:13px}.key-row span{margin-left:9px}kbd{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:5px;background:#ffffff10;border:1px solid #ffffff25;border-bottom-width:3px;font:600 12px 'Baloo 2',sans-serif}.controls small{display:block;font-size:10px;color:#a8bdc4;margin-top:8px}.counter{padding:11px 20px;border-radius:16px;min-width:102px;text-align:center}.counter strong{font:600 33px Lilita One,sans-serif;color:var(--gold)}.counter strong span{font-size:19px;color:#b5c7cd;padding-left:4px}.counter small{font-size:9px;font-weight:700;letter-spacing:1.6px;display:block}.task{padding:14px 20px;border-radius:18px;width:370px;text-align:center;transition:border-color .2s}.task.ready{border-color:#c397ff99}.task.working{border-color:#d0b0ff}.task-line{display:flex;align-items:center;justify-content:center;gap:11px;font-size:15px;font-weight:600}.task-icon{color:var(--purple);font-size:22px}.task small{font-size:11px;color:#b2c1c9;display:block;line-height:1.5;margin-top:7px}.task kbd{background:#9563c5;color:white;border-color:#caa3ff60;min-width:29px;height:29px}.progress-track{height:4px;background:#ffffff10;border-radius:3px;margin-top:10px;overflow:hidden}#progress{height:100%;width:0;background:linear-gradient(90deg,#a772e8,#e0c1ff);border-radius:3px;transition:width .08s linear}#toast{position:fixed;top:135px;left:50%;transform:translate(-50%,-15px);padding:12px 20px;background:#173b32f0;color:#d3f9da;border:1px solid #93deb754;border-radius:12px;box-shadow:0 6px 24px #0003;opacity:0;transition:.25s;pointer-events:none;font-size:15px}#toast.show{opacity:1;transform:translate(-50%,0)}#loading,#pause{position:fixed;inset:0;background:#142832;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;transition:opacity .5s}#loading.out{opacity:0;pointer-events:none}.loading-mark{color:var(--gold);font-size:65px;animation:turn 12s linear infinite}#loading h1{font:700 24px Lilita One,sans-serif;letter-spacing:5px;margin:10px 0}#loading p{font-size:14px;color:#bcd1d7}.loading-bar{height:3px;width:170px;overflow:hidden;background:#ffffff12;border-radius:2px}.loading-bar i{display:block;width:60%;height:100%;background:var(--gold);animation:load 1.1s ease-in-out infinite}#pause{background:#10242b99;backdrop-filter:blur(7px)}#pause[hidden]{display:none}.pause-card{text-align:center;border:1px solid #ffffff20;background:#19343d;border-radius:24px;padding:35px 45px}.pause-card h2{font:600 28px Lilita One,sans-serif;margin:12px 0}.pause-card p{color:#b8cbd0;font-size:15px}.pause-card button{border:0;background:#f3c674;color:#26363b;border-radius:11px;padding:12px 25px;font-weight:700;margin-top:12px}.pause-card kbd{margin-left:15px;border-color:#0002}#touch-controls{display:none}@keyframes turn{to{transform:rotate(360deg)}}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(270%)}}
@media(max-width:950px){.hud{left:14px;right:14px;gap:10px}.top{top:14px}.brand{font-size:16px;padding:12px}.brand .sun{font-size:29px}.role{display:none}.controls{display:none}.task{width:min(370px,75vw)}.bottom{bottom:14px}.toolbar{right:14px;top:105px}.shift{padding:9px 12px}.rooms{gap:7px}.room{font-size:12px}.room:before{width:5px;height:5px}.counter{padding:10px 13px;min-width:72px}.counter strong{font-size:27px}.task-line{font-size:14px}}
@media(pointer:coarse){#touch-controls{display:flex;position:fixed;left:24px;right:24px;bottom:125px;justify-content:space-between;align-items:center;pointer-events:none}#stick{pointer-events:auto;touch-action:none;width:104px;height:104px;border:2px solid #ffffff38;background:#17303a80;border-radius:50%;position:relative}#stick-knob{position:absolute;width:44px;height:44px;left:28px;top:28px;background:#caa0efc9;border:2px solid #eddbff;border-radius:50%;pointer-events:none}#touch-action{pointer-events:auto;touch-action:none;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border-radius:50%;width:92px;height:92px;background:#8257b4df;border:2px solid #d9b8ff;font:bold 23px Lilita One,sans-serif}#touch-action span{font:500 10px 'Baloo 2',sans-serif}.task-help{display:none}}
@media(max-width:520px){.brand small{font-size:8px;letter-spacing:1.8px}.brand{font-size:13px;letter-spacing:1px;gap:7px}.shift{padding:10px}.eyebrow{font-size:8px;letter-spacing:1px}.rooms{gap:6px}.room{font-size:11px;gap:4px}.task{padding:11px 12px}.task small{font-size:10px}.toolbar span,.toolbar kbd{display:none}}

.hud,.toolbar{z-index:3}#toast{z-index:4}#world-labels{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.actor-label,.coin-reward{position:absolute;top:0;left:0;white-space:nowrap;will-change:transform}.actor-label{padding:5px 10px;border-radius:9px;background:#172d37ed;color:#fff3d3;box-shadow:0 4px 12px #0003;font-size:13px;font-weight:700;border:1px solid #f3c57365}.guest-label{font-family:Lilita One,sans-serif;font-size:19px;min-width:45px;text-align:center;border-width:2px}.staff-label{font-size:11px;color:#e6f0ef;border-color:#fff3}.wallet{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--panel);border:1px solid #ffcf6a4d;border-radius:15px;backdrop-filter:blur(12px);box-shadow:0 8px 30px #08171929}.wallet small{display:block;color:#c0cdd1;font-size:10px;letter-spacing:1.7px;font-weight:700}.wallet strong{font:600 24px Lilita One,sans-serif;color:#ffdc89;display:block;font-variant-numeric:tabular-nums;min-width:60px}.coin-symbol{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;color:#99530c;background:linear-gradient(135deg,#fff5a3,#ffc343);border:2px solid #f7c048;box-shadow:inset 0 0 0 2px #ffe281,0 2px 1px #80481999;font:800 22px Lilita One,sans-serif}.coin-reward{display:flex;align-items:center;gap:7px;font:800 31px Lilita One,sans-serif;color:#ffe59b;text-shadow:0 3px 0 #7b4718,0 0 15px #000c;filter:drop-shadow(0 2px 6px #0008)}.coin-reward .coin-symbol{width:29px;height:29px;font-size:20px;text-shadow:none}.wallet.earned{animation:cash .7s ease-out}.room.ready{color:#b7edc2}.room.ready:before{background:#9adca9;border-color:#9adca9}.room.reserved{color:#ffe09c}.room.reserved:before{background:#f5c45b;border-color:#f5c45b}.room.occupied{color:#a6d6ff}.room.occupied:before{background:#67b6f8;border-color:#67b6f8}.room.dirty:before{background:#c597ff;border-color:#c597ff}@keyframes cash{0%{transform:scale(1);box-shadow:0 0 0 #f6bf4e00}30%{transform:scale(1.08);box-shadow:0 0 25px #f6bf4e80}100%{transform:scale(1);box-shadow:0 0 0 #f6bf4e00}}@media(max-width:1100px){.role{display:none}}@media(max-width:600px){.brand div{display:none}.brand{padding:8px}.wallet{padding:9px;gap:7px}.wallet strong{font-size:20px;min-width:48px}.wallet .coin-symbol{width:25px;height:25px;font-size:17px}.shift{padding:8px}.rooms{gap:6px}.guest-label{font-size:16px;min-width:37px}.staff-label{font-size:10px;padding:4px 7px}.coin-reward{font-size:25px}}

#queue-pressure{position:fixed;left:22px;top:96px;z-index:3;background:#16383bed;border:1px solid #ffffff25;color:#fff5df;border-radius:14px;padding:10px 15px;box-shadow:0 6px 20px #0002;display:flex;gap:14px;align-items:center;font-size:12px;pointer-events:none}#queue-pressure b{font-size:22px;margin-left:5px}#queue-pressure small{color:#bcd9cd;font-size:11px}#queue-pressure.urgent{background:#763733ee;border-color:#ffb44d}#queue-pressure.urgent small{color:#ffda88}.actor-label.impatient{border-color:#ff825b;background:#6a302ded;color:#ffd49e}@media(max-width:600px){#queue-pressure{left:12px;top:86px;padding:6px 10px}}

#reception-panel{width:min(450px,calc(100vw - 28px));max-height:90vh;overflow:auto;margin:auto 30px auto auto;padding:25px;background:#17323bf7;color:#fff7e7;border:1px solid #8cb4b84d;border-radius:24px;box-shadow:0 25px 100px #0008;font-family:'Baloo 2',sans-serif}#reception-panel::backdrop{background:#06161c55;backdrop-filter:blur(2px)}.desk-head{display:flex;gap:13px;align-items:center}.desk-mark{font-size:39px;color:#ffd084}.desk-head small{color:#9fbbc5;letter-spacing:2px;font-size:9px}.desk-head h2{font:600 26px Lilita One,sans-serif;margin:4px 0}.desk-head button{margin-left:auto;background:#ffffff0a;border:1px solid #ffffff20;border-radius:9px;width:34px;height:34px;font-size:24px}.guest-card{display:flex;align-items:center;gap:14px;background:#ffffff07;border:1px solid #ffffff15;border-radius:15px;padding:17px;margin:22px 0}.guest-avatar{display:grid;place-items:center;flex-shrink:0;width:49px;height:55px;border-radius:12px;background:#305569;color:#b7e0ff;font-size:32px}.guest-card small{color:#a7c3ce;font-size:9px;letter-spacing:1.6px}.guest-card h3{margin:5px 0;font:600 21px Lilita One,sans-serif}.guest-card p{font-size:11px;margin:0;color:#adc5cb;line-height:1.5}.desk-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600}.desk-section small{font-size:10px;font-weight:400;color:#afc5ca}.desk-rooms{display:grid;gap:8px}.desk-room{display:flex;align-items:center;gap:15px;padding:13px;border:1px solid #ffffff1c;border-radius:12px;background:#ffffff06;text-align:left;transition:.15s}.desk-room strong{font:600 23px Lilita One,sans-serif}.desk-room span{font-size:12px;flex:1}.desk-room small{display:block;font-size:10px;color:#a9c3c8;margin-top:3px}.desk-room b{font-size:11px;color:#aee5c7}.desk-room:disabled{cursor:default;opacity:.38}.desk-room:not(:disabled):hover{background:#315765}.desk-room.selected{background:#315f70;border-color:#8bccfa;box-shadow:0 0 0 1px #8bccfa}#desk-feedback{font-size:12px;min-height:18px;color:#f7d99d;margin:16px 0 12px}#confirm-checkin{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffcf80;color:#22333b;border:none;border-radius:12px;padding:14px 18px;font-weight:700}#confirm-checkin:disabled{background:#405559;color:#9bafb2;cursor:default}#confirm-checkin kbd{border-color:#0002}.desk-foot{text-align:center;font-size:10px;line-height:1.8;color:#abc2c9;margin:14px 0 0}.desk-foot b{color:#ffce80}.role-icon.reception{background:#427eb9}#role-switch{border-color:#86b9dd66;background:#204359ed}#role-switch-label{display:inline!important;font-size:11px}@media(max-width:600px){#reception-panel{margin:auto;padding:18px}.desk-head h2{font-size:23px}.desk-room{padding:10px}.guest-card{margin:15px 0}.toolbar{top:144px}#role-switch-label{max-width:95px}.desk-section small{font-size:9px}}