/* Direct room interaction. One physical alarm node owns its case and digits.
   Add data-tip labels to the existing data-journey hotspots. Load last. */
body.ui-v21 #gameApp .home-room .home-actions{display:none!important}
body.ui-v21 #gameApp .home-room .story-art{background-size:100% 100%!important;background-position:center!important;animation:none!important}
body.ui-v21 #gameApp .home-room.awake .story-art{background-image:url('./assets/v18/bedroom-clean.webp')!important}
body.ui-v21 #gameApp .home-room .home-clock{display:none!important}
body.ui-v21 #gameApp .home-room .room-object{box-sizing:border-box;transform:none!important;translate:none!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;cursor:pointer;z-index:5!important;touch-action:manipulation}
body.ui-v21 #gameApp .home-room .room-object:disabled{cursor:default;filter:none!important}
/* Awake clock was absent from the art. Put both the physical case and digits on
   this one bedside-table rectangle instead of unrelated overlay coordinates. */
body.ui-v21 #gameApp .home-room.awake .alarm-object{left:66.6%!important;top:57.6%!important;width:8.7%!important;height:8.2%!important;min-width:0!important;min-height:0!important;background:url('./assets/v18/alarm.png') center/contain no-repeat!important;border:0!important;z-index:6!important;pointer-events:none!important}
body.ui-v21 #gameApp .home-room.awake .alarm-object .clock-digits{position:absolute!important;left:28%!important;right:auto!important;top:28%!important;bottom:auto!important;width:63%!important;height:45%!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0b1116!important;color:#efb86c!important;font:600 1.02cqw/1 monospace!important;letter-spacing:.01cqw!important;transform:skewY(-2deg)!important;border-radius:2px;z-index:2;pointer-events:none;box-sizing:border-box}
/* Asleep art already contains its clock case; only illuminate that exact face. */
body.ui-v21 #gameApp .home-room.asleep .alarm-object{left:65.4%!important;top:54.6%!important;width:7.1%!important;height:6.4%!important;min-width:0!important;min-height:0!important;background:none!important;z-index:6!important}
body.ui-v21 #gameApp .home-room.asleep .alarm-object .clock-digits{position:absolute!important;left:8%!important;right:auto!important;top:21%!important;bottom:auto!important;width:84%!important;height:55%!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0d1418!important;color:#d9a970!important;font:600 .98cqw/1 monospace!important;letter-spacing:.01cqw!important;transform:none!important;border-radius:2px;z-index:2;pointer-events:none}
body.ui-v21 #gameApp .home-room.asleep .alarm-object.ringing .clock-digits{color:#ffe3a1!important;text-shadow:0 0 .4cqw #edb854}
body.ui-v21 #gameApp .home-room .alarm-object::before{content:""!important;position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:44px;min-height:44px;translate:-50% -50%;background:transparent;z-index:1}
body.ui-v21 #gameApp .home-room.awake .mobile-object{left:75.6%!important;top:62.3%!important;width:5.2%!important;height:5.5%!important;min-width:0!important;min-height:0!important;z-index:7!important}
body.ui-v21 #gameApp .home-room.awake .home-fold{left:75.6%!important;top:62.3%!important;width:5.2%!important;height:4.2%!important;z-index:4!important;filter:drop-shadow(0 2px 1px #152a3744);pointer-events:none}
body.ui-v21 #gameApp .home-room.awake .remote-object{left:24.7%!important;top:89%!important;width:16%!important;height:10.8%!important;min-width:0!important;min-height:0!important;z-index:6!important}
body.ui-v21 #gameApp .home-room .door-object{left:82%!important;top:4%!important;width:18%!important;height:76%!important;clip-path:none!important;min-width:0!important;min-height:0!important;z-index:6!important}
body.ui-v21 #gameApp .home-room .room-light-toggle{position:absolute!important;left:75.5%!important;top:27.2%!important;right:auto!important;bottom:auto!important;width:2.8%!important;height:6%!important;min-width:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:transparent!important;border-radius:4px;z-index:7!important;cursor:pointer}
body.ui-v21 #gameApp .home-room.asleep .room-light-toggle{left:75.5%!important;top:27.3%!important}
body.ui-v21 #gameApp .home-room .room-light-toggle::before,body.ui-v21 #gameApp .home-room .mobile-object::before{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;min-width:44px;min-height:44px;translate:-50% -50%;background:transparent;z-index:1}
/* A small speech cue and local object labels replace the old full-width bar. */
body.ui-v21 #gameApp .home-room .home-guide{display:block!important;position:absolute!important;left:3%!important;right:auto!important;top:15%!important;bottom:auto!important;width:28%!important;max-width:none!important;pointer-events:none!important;z-index:8!important}
body.ui-v21 #gameApp .home-room .home-guide-bubble{padding:1.1cqh 1.2cqw!important;background:#fff0c9f2!important;color:#3c392b;border:2px solid #413b2d!important;border-radius:17px 17px 17px 3px!important;box-shadow:2px 4px #162c3c33}
body.ui-v21 #gameApp .home-room .home-guide-speaker{display:none!important}
body.ui-v21 #gameApp .home-room .home-guide-message{font:500 clamp(11px,1.3cqw,20px)/1.3 'Fredoka Game'!important;margin:0!important;color:#4a3d2d!important;text-shadow:none!important}
body.ui-v21 #gameApp .home-room .room-object[data-tip]::after,body.ui-v21 #gameApp .home-room .room-light-toggle[data-tip]::after{content:attr(data-tip)!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:110%!important;translate:-50% 0!important;width:max-content!important;max-width:24cqw!important;padding:.6cqh .8cqw!important;border:2px solid #40372a!important;border-radius:12px 12px 3px 12px!important;background:#ffe7a9!important;color:#443923!important;box-shadow:0 3px #18333755!important;opacity:0;pointer-events:none!important;white-space:nowrap;font:500 clamp(10px,1.12cqw,17px)/1.2 'Fredoka Game'!important;text-align:center;transform:none!important;z-index:12;transition:opacity .12s,translate .12s}
body.ui-v21 #gameApp .home-room .room-object[data-tip]:not(:disabled):hover::after,body.ui-v21 #gameApp .home-room .room-object[data-tip]:focus-visible::after,body.ui-v21 #gameApp .home-room .room-object[data-tip].current-object::after,body.ui-v21 #gameApp .home-room .room-light-toggle[data-tip]:hover::after,body.ui-v21 #gameApp .home-room .room-light-toggle[data-tip]:focus-visible::after{opacity:1!important}
body.ui-v21 #gameApp .home-room .door-object[data-tip]::after{bottom:24%!important;left:42%!important}
body.ui-v21 #gameApp .home-room .remote-object[data-tip]::after{bottom:105%!important}
body.ui-v21 #gameApp .home-room .room-object:focus-visible,body.ui-v21 #gameApp .home-room .room-light-toggle:focus-visible{outline:3px solid #f2cb6d!important;outline-offset:3px!important}
body.ui-v21 #gameApp .home-room .mobile-object .home-phone-alert{right:-6%!important;top:-12%!important;font:600 clamp(9px,1cqw,15px) 'Rubik Game'!important;min-width:1.4cqw;padding:.1cqh .25cqw;border:2px solid #fff0c9;box-shadow:0 2px #17343b55}
body.ui-v21:has(.home-phone-popup) #interfaceHeader,body.ui-v21:has(.home-phone-popup) .home-guide{visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:no-preference){body.ui-v21 #gameApp .home-room.asleep .alarm-object.ringing .clock-digits{animation:clock-glow25 .8s ease-in-out infinite alternate}@keyframes clock-glow25{to{color:#fff4bc;text-shadow:0 0 .7cqw #edb854}}}
body.reduced-motion #gameApp .home-room .clock-digits{animation:none!important}
