/* Shared cream / evergreen / honey palette; keep the central play space clear. */
#actors,#areaPlayer,#kitchenActors{display:none!important}
.play-dialogue{top:calc(165px + env(safe-area-inset-top));bottom:auto;width:calc(100% - 48px);max-width:360px;padding:9px 12px;font-size:12px;pointer-events:none;background:rgba(255,250,237,.94);box-shadow:0 4px 15px #244c3b18}
.play-dialogue.show{transform:translateX(-50%)}
.play-location{max-width:calc(100% - 38px);overflow:hidden;text-overflow:ellipsis}
.play-mode canvas{background:linear-gradient(#c7e3dc,#e6eccd 48%,#b4c992)!important}
.play-mode[data-time=night] canvas{filter:brightness(.66) saturate(.78) hue-rotate(12deg)}
.play-mode[data-time=dusk] canvas{filter:sepia(.15) saturate(1.1)}
.play-mode:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 78% 25%,#fff3c522,transparent 65%)}
.play-action{border-radius:24px;width:120px;height:83px;font-size:14px;box-shadow:0 8px 22px #14382730;border-width:2px}
.play-action small{font-size:10px;line-height:1.4}
.play-action.ready{animation:none}
.joystick{width:106px;height:106px;background:#fff8e83b;box-shadow:inset 0 0 0 1px #ffffff4d}
.play-controls{bottom:calc(16px + env(safe-area-inset-bottom))}
.play-exit{display:none}
.play-quest{box-shadow:none!important;background:rgba(255,250,237,.94)!important}
.play-tutorial-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
#playMemberPreviewCanvas{background:radial-gradient(ellipse at 50% 68%,#f9f1d4,#e9efdb)!important;filter:none}
.play-member-option i{filter:drop-shadow(0 3px 2px #244c3b22)}
#worldScene{height:520px;background:linear-gradient(#d1e8df,#b3c990)!important}
#worldScene.night{background:linear-gradient(#344b60,#6f856c)!important}
#worldScene .farm-board{bottom:14px;left:12px;transform:scale(.85);transform-origin:left bottom}
.area-mission{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 0 0}
.world-scene:has(#areaCanvas){overflow:visible;height:auto;min-height:400px}
#areaCanvas{position:relative!important;height:370px!important}
html[data-background=true] *,html[data-background=true] *:before,html[data-background=true] *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
/* Scene overview characters are rendered inside WebGL so buildings can occlude
   them correctly. The old DOM sprite always floated above roofs and furniture. */
.area-player{display:none!important}
.scene-loader{grid-auto-flow:row;align-content:center;gap:14px;text-align:center;padding:24px}.scene-loader span{display:block;max-width:230px;line-height:1.55}.scene-loader button{min-width:126px;border:0;border-radius:999px;padding:11px 18px;background:#244c3b;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(25,55,40,.2)}.scene-loader.failed:before{display:none}.scene-loader.slow:before{animation-duration:1.25s}