.room-status{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:12px 0 6px;font-weight:700}.energy{display:flex;align-items:center;gap:5px;color:#667b61}.energy-track{display:block;width:65px;height:7px;background:#d6d8c9;border-radius:9px;overflow:hidden}#energyFill{display:block;height:100%;background:#709870;width:100%;transition:width .25s}.room-map{display:flex;flex-direction:row-reverse;height:35px;border:3px solid #b8b6a6;border-bottom:6px solid #a48b67;border-radius:6px;background:#b7b7ab;overflow:hidden}.room-map i{flex:1;border-right:1px solid #929686;transition:background .4s}.room-map i.white{background:#fffdf3;border-color:#e1ddce}.room-map i.current{background:repeating-linear-gradient(135deg,#bdc8ad,#bdc8ad 5px,#d2dbc9 5px,#d2dbc9 10px)}#board{height:355px;isolation:isolate}.wall{bottom:105px;left:24px;right:24px;transition:transform .35s,opacity .35s}#board.moving .wall{transform:translateX(-80px);opacity:0}#paper{background-color:#fffef6}#worker{position:absolute;bottom:32px;left:55%;width:105px;height:132px;z-index:5;pointer-events:none;transition:left .3s,transform .2s}#worker img{width:100%;height:100%;object-fit:contain}#worker .speech{position:absolute;bottom:105%;left:-35px;min-width:90px;text-align:center;background:#fffdf3;border:2px solid #829377;border-radius:12px;padding:4px 9px;font-size:11px;font-weight:bold;white-space:nowrap;box-shadow:0 3px #0001}#worker .speech:after{content:"";position:absolute;bottom:-7px;right:20px;border-top:7px solid #829377;border-left:7px solid transparent}#worker.working{animation:work .25s ease-in-out 3}#worker.cutting{animation:slash .4s ease-in-out}#worker.walking{animation:walk .4s ease-in-out 2}#worker.drinking{animation:gulp .2s ease-in-out 2}#worker.exhausted{filter:saturate(.6);transform:rotate(8deg)}#sweat{position:absolute;left:62%;top:17px;font-size:18px;display:none}#worker.working #sweat,#worker.exhausted #sweat{display:block}#slashFx{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;background:linear-gradient(170deg,transparent 45%,#fff9 48%,#ffb655 50%,transparent 54%)}#slashFx.on{animation:slashFlash .35s ease-out}.socket{width:66px;height:76px;border-radius:8px;background:#fff;box-shadow:0 0 0 4px #e4a754,3px 6px 0 #7777;padding:6px}.socket-icon{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 3px;border:1px solid #d4d3c7;border-radius:5px;background:#f5f4ed}.socket-icon i{display:flex;gap:8px}.socket-icon i:before,.socket-icon i:after{content:"";display:block;background:#353b35;width:5px;height:13px;border-radius:1px}.screw{width:62px;height:66px;border:none;border-radius:10px;background:#e7d6b5;box-shadow:0 0 0 4px #e9a94e}.screw-icon{position:relative;display:block;height:45px}.screw-icon:before{content:"";position:absolute;top:18px;left:26px;width:11px;height:27px;background:repeating-linear-gradient(0deg,#606b70 0,#606b70 3px,#aebabc 3px,#aebabc 5px);transform:rotate(-22deg);border:1px solid #4d575c}.screw-icon:after{content:"＋";position:absolute;left:15px;top:0;width:31px;height:27px;font-size:29px;line-height:23px;color:#35424a;border-radius:50%;background:#c6d0d2;border:2px solid #626d73;box-shadow:1px 4px 0 #66777f}.target small{top:calc(100% + 5px);font-size:10px;background:#7f4e23;min-width:80px}.target.finished{box-shadow:none!important;opacity:.7;pointer-events:none}.target.finished small{background:#49785c}.screw.finished .screw-icon:before{height:5px;top:20px}.gesture.next{font-size:60px;color:#294e43;background:#fdfbf388}.gesture.next small{font-size:14px}.drink-screen{position:absolute;inset:0;background:#293f35de;z-index:8;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;border:0;width:100%;border-radius:12px;gap:8px;touch-action:none;user-select:none}.drink-screen strong{font-size:21px}.drink-screen small{font-size:12px}.juice{position:relative;width:60px;height:90px;border:3px solid #f6ede0;border-radius:10px 10px 20px 20px;background:#efac4f;color:#915322;font-size:13px;display:grid;place-items:center;font-weight:900;margin:9px;transform:rotate(-12deg);box-shadow:5px 8px #0003}.juice:before{content:"";position:absolute;left:17px;top:-27px;height:28px;width:7px;background:#fdf5d6;transform:rotate(14deg)}.juice.gulp{animation:gulp .22s}.drink-track{width:70%;height:13px;background:#ffffff33;border-radius:10px;overflow:hidden}#drinkFill{display:block;width:0;height:100%;background:#f8bb61;transition:width .1s}.intro{margin:14px 0 12px}.dashboard{padding:8px 0}.instruction{min-height:68px}.progress{margin:12px 0}.tool{z-index:6;bottom:5px}@keyframes work{50%{transform:translateX(-5px) rotate(-9deg)}}@keyframes slash{35%{transform:translateX(-22px) rotate(-15deg)}75%{transform:translateX(10px) rotate(8deg)}}@keyframes walk{50%{transform:translateY(-6px) rotate(-5deg)}}@keyframes gulp{50%{transform:rotate(-23deg) scale(1.05)}}@keyframes slashFlash{15%{opacity:1}100%{opacity:0;transform:translateX(-30px)}}@media(max-height:740px){#board{height:300px}.room-map{height:25px}.intro{margin:8px 0}h1{font-size:24px}.room-status{margin-top:8px}.instruction{min-height:61px}#worker{width:91px;height:113px}.wall{bottom:89px}}
.rest-scene{display:flex;align-items:center;justify-content:center;gap:0;width:100%;max-width:280px}.rest-scene img{width:155px;height:160px;object-fit:contain;filter:drop-shadow(0 5px 2px #0003)}.rest-scene .juice{width:48px;height:78px;flex-shrink:0;margin-left:0}.rest-scene img.gulp{animation:recover .25s ease-in-out}.drink-screen{background:#294338f2}#worker.exhausted{filter:saturate(.6);transform:none}.drink-screen.recovered .rest-scene img{filter:none}@keyframes recover{50%{transform:translateY(-5px) rotate(3deg)}}