/* Three bottom navigation icons. Existing lamp and action controls have quiet
   touchable icons at top right, without inventing Settings business items. */
.room-name,.world-clocks,.timer-object-face,.calendar-object small,#calendar-prop-date,.object-tooltip,.room-hint,.pat-button,.jelly-play-mark{display:none!important}
.speech:not([hidden]),.asset-slot:not([hidden]){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.room-toolbar{justify-content:flex-end;z-index:11;right:24px;top:max(22px,env(safe-area-inset-top));color:#857a69}
.room-toolbar .icon-button{position:relative;width:44px;height:44px;border:0;box-shadow:none;background:none;font-size:0;color:inherit}
.room-toolbar .icon-button::before{content:"";position:absolute;inset:8.5px;width:27px;height:27px;background:url("assets/buttons/lamp.webp") center/contain no-repeat;pointer-events:none}
.room-toolbar .icon-button::after{content:none}
.room-toolbar .icon-button[aria-pressed=true]::before{filter:brightness(1.16)}
.room .pet-controls{left:auto;right:76px;top:max(22px,env(safe-area-inset-top));bottom:auto;width:44px;color:#857a69}
.room .pet-controls summary{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:8px;background:none;box-shadow:none;font-size:0;color:inherit}
/* Approved transparent raster art; the original semantic controls and 44px
   targets stay in place. Artwork is decorative and cannot intercept input. */
.nav-home-icon,.nav-gear-icon,.nav-motion-icon,.nav-paw-icon{width:27px;height:27px;background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none}
.nav-home-icon,.nav-gear-icon,.nav-motion-icon{position:relative;display:block}
.nav-home-icon::before,.nav-home-icon::after,.nav-gear-icon::after,.nav-motion-icon::before,.nav-motion-icon::after,.nav-paw-icon::after{content:none}
.nav-gear-icon i,.nav-paw-icon i{display:none}
.nav-motion-icon{background-image:url("assets/buttons/actions.webp")}
.room .pet-controls[open]{right:24px;top:max(22px,env(safe-area-inset-top));width:min(270px,calc(100vw - 36px));max-height:calc(100dvh - 46px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:0 12px 12px;background:#faf6eaf5;border:1px solid #cbd2bc;border-radius:14px}
.room .pet-controls[open] summary{margin-left:auto;margin-right:39px;margin-bottom:8px;background:none}
.room[data-daylight=night] .room-toolbar,.room[data-daylight=night] .pet-controls:not([open]){color:#e0d4ba}
/* The night room remains mid-tone: deeper pencil strokes keep their contrast
   both before and after the desk lamp brightens the surrounding artwork. */
.room[data-daylight=night] .room-toolbar .icon-button::before,.room[data-daylight=night] .pet-controls:not([open]) .nav-motion-icon,.room[data-daylight=night] .room-navigation .nav-home-icon,.room[data-daylight=night] .room-navigation .nav-gear-icon,.room[data-daylight=night] .room-navigation .nav-paw-icon{filter:brightness(.58) saturate(.7)}
@media(max-width:900px){.room-toolbar{right:18px;top:max(20px,env(safe-area-inset-top))}.room .pet-controls{right:70px;top:max(20px,env(safe-area-inset-top))}.room .pet-controls[open]{right:18px;top:max(20px,env(safe-area-inset-top))}}
.room-navigation{position:absolute;z-index:10;inset:0;pointer-events:none;color:#857a69}
.room[data-daylight=night] .room-navigation{color:#e0d4ba}
.room-nav-button{position:absolute;bottom:var(--controls-bottom);width:44px;height:44px;display:grid;place-items:center;transform:translateX(-50%);padding:0;border:0;border-radius:8px;box-shadow:none;background:none;color:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation}
.room-home{left:27%}.room-settings{left:73%}
.room-nav-button:focus-visible{outline:2px solid #8b806a;outline-offset:5px}
.nav-home-icon{background-image:url("assets/buttons/home.webp")}
.nav-gear-icon{background-image:url("assets/buttons/settings.webp")}
.room .pet-joystick{z-index:1;left:50%;bottom:var(--controls-bottom);pointer-events:auto;color:inherit}
.room .pet-retry{left:0;top:0}
.room .stick-base{width:44px;height:44px;border:0;background:none;box-shadow:none;color:inherit;cursor:grab}
.room .stick-base.is-held{border:0;cursor:grabbing}
.stick-visual{position:absolute;inset:-6px;border:1.3px solid #8b806a70;border-radius:50%;background:#fbf6e75c;opacity:0;pointer-events:none;transition:opacity 100ms ease-out}
.room .stick-knob{opacity:0;width:14px;height:14px;background:#8b806a73;transition:opacity 100ms ease-out,transform 160ms ease-out}
.nav-paw-icon{position:absolute;left:8.5px;top:8.5px;background-image:url("assets/buttons/paw.webp");opacity:1;transition:opacity 100ms ease-out}
.is-held .nav-paw-icon{opacity:0}.is-held .stick-visual,.room .is-held .stick-knob{opacity:1}.room .is-held .stick-knob{transition:none}
.room-settings-menu{position:absolute;left:73%;bottom:calc(var(--controls-bottom) + 76px);transform:translateX(-50%);width:128px;height:76px;border:1px solid #b6ad9766;border-radius:12px;background:#fbf6edf2;box-shadow:0 5px 18px #72684f0d;pointer-events:auto}
.room-settings-menu[hidden]{display:none}.room-settings-menu:focus{outline:none}
@media(max-height:540px){.room-settings-menu{height:60px}}
@media(prefers-reduced-motion:reduce){.stick-visual,.nav-paw-icon,.room .stick-knob{transition:none}}