html:has(body.room-full){height:100%;overflow:hidden;background:#dcd0eb}
body.room-full{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:#dcd0eb!important}
body.room-full .studio,body.room-full .stage{height:100%;min-height:0!important}
body.room-full .device{position:absolute!important;top:var(--room-top,0px)!important;left:0;right:0;width:100%!important;max-width:none!important;height:var(--room-height,100dvh)!important;min-height:0!important;background:#dcd0eb!important;overflow:hidden!important}
body.room-full #app{height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
body.room-full .immersive-room{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--recent-height:94px;position:relative;width:100%;max-width:520px;height:100%!important;min-height:0!important;padding:calc(var(--safe-top) + 8px) 16px calc(var(--safe-bottom) + 12px)!important;overflow:hidden;gap:0;background:#f7f3fc!important}
body.room-full .immersive-room .screen-top{height:48px;padding:0;margin:0;flex:none;position:relative;z-index:5}
body.room-full .immersive-room .screen-top h1{font-size:30px}
body.room-full .immersive-room>.pill{margin:0 auto;font-size:9px;min-height:18px;flex:none}
body.room-full .immersive-room .room-toolbar{top:calc(var(--safe-top) + 13px);left:57px;z-index:6}
body.room-full .immersive-room .room-toolbar button{width:34px;height:34px;min-height:34px}
body.room-full .immersive-room .room-stage{position:absolute;top:calc(var(--safe-top) + 128px);bottom:calc(var(--safe-bottom) + var(--recent-height) + 84px);left:0;right:0;height:auto;max-height:none;min-height:0;flex:none;padding:0;display:grid;place-items:center;overflow:visible}
body.room-full .immersive-room .play-sprite{width:min(400px,94vw,calc((var(--room-height,100dvh) - var(--safe-top) - var(--safe-bottom) - var(--recent-height) - 212px)*1.24));height:auto;aspect-ratio:310/250;max-height:none;min-height:0}
body.room-full .immersive-room .room-space-art{inset:calc(var(--safe-top) + 70px) 0 0;opacity:1}
body.room-full .immersive-room .room-space-art>.scene-drawing{height:var(--terrain-height,70%);width:100%;display:block}
body.room-full .immersive-room .room-space-art:after{top:var(--terrain-height,70%);background:#dcd0eb}
body.room-full .immersive-room .speech-cloud{top:calc(var(--safe-top) + 80px);max-height:90px;padding:10px 14px;left:7%;right:7%;font-size:12px}
body.room-full .immersive-room .speech-cloud p{font-size:12px;line-height:1.7}
body.room-full .immersive-room .room-recent{position:absolute;bottom:calc(var(--safe-bottom) + 78px);left:22px;right:22px;height:var(--recent-height);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:4;display:flex;flex-direction:column;justify-content:safe flex-end;gap:5px;padding:6px 0}
.room-recent p{margin:0;padding:5px 10px;background:#f9f5ffb8;border-radius:12px;font-size:11px;line-height:1.8;color:#57436c;flex-shrink:0;max-width:92%;align-self:flex-start}
.room-recent p.recent-me{background:#ece2fc;align-self:flex-end}.room-recent b{font-size:9px;color:#7652aa;margin-left:5px}.room-recent .recent-empty{background:none;align-self:center;color:#766580}
body.room-full .immersive-room .composer{position:absolute;bottom:calc(var(--safe-bottom) + 12px);left:16px;right:16px;margin:0!important;z-index:6;height:58px;min-height:58px;box-sizing:border-box}
body.room-full .immersive-room .composer input{font-size:16px!important;outline:none!important;min-height:44px;height:44px}
body.room-full .immersive-room .composer:focus-within{box-shadow:0 0 0 2px #9778ed80}
body.room-full .immersive-room.keyboard-open{--safe-bottom:0px;--recent-height:52px}
body.room-full .immersive-room.keyboard-open .room-stage{top:calc(var(--safe-top) + 80px)}
body.room-full .immersive-room.keyboard-open .speech-cloud{display:none}
body.beta-app:not(.room-full) .beta-bar{padding-top:env(safe-area-inset-top,0px)}
@media(max-height:600px){body.room-full .immersive-room{--recent-height:52px}}

@media(max-height:550px){body.room-full .immersive-room .room-stage{top:calc(var(--safe-top) + 80px)}body.room-full .immersive-room .speech-cloud{display:none}}

@media(max-height:550px){body.room-full .immersive-room .is-cloud-sleep{transform:translateY(-12px) scale(.92)}}

.beta-motion-next{position:absolute;top:calc(var(--safe-top) + 76px);left:50%;transform:translateX(-50%);z-index:7;min-height:30px;border:1px solid #d5c5ef;border-radius:20px;background:#f7f3fc;color:#65439a;padding:4px 12px;font:10px iran;white-space:nowrap;cursor:pointer}
body.room-full .immersive-room .speech-cloud{top:calc(var(--safe-top) + 112px)}
.immersive-room.keyboard-open .beta-motion-next{display:none}
@media(max-height:550px){.beta-motion-next{top:calc(var(--safe-top) + 60px);min-height:24px;font-size:9px}}
/* Leave room for wide prop retrieval while keeping the soles anchored. */
body.room-full .immersive-room .play-sprite{transition:scale .5s ease}
body.room-full .immersive-room .play-sprite:is(.act-chef,.act-reading){scale:.82;transform-origin:50% 87.6%}
@media(prefers-reduced-motion:reduce){body.room-full .immersive-room .play-sprite{transition:none}}