/* The full painting stays fixed and fits inside a forest-green frame. */
html:has(body.game-page){height:100%;overflow:hidden}
body.game-page{height:100dvh;min-height:0;padding:0;overflow:hidden;background:#122f27}
.game-page .game-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:none;height:var(--game-viewport-height,100dvh);margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.game-page .topbar{flex-shrink:0;min-height:50px;padding:6px 14px;gap:12px;background:#173d30;border-bottom:1px solid #72815255}
.game-page .brand{gap:7px;font-size:23px;letter-spacing:-.9px}.game-page .brand-mark{font-size:31px}.game-page .brand small{display:none}
.game-page .world-location{font-size:12px;line-height:1.3}.game-page .world-location span{font-size:11px}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.game-page .player-name{font-size:12px;padding:7px 12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fullscreen-button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:7px;border:1px solid #b39b63;border-radius:9px;background:#3b583a;color:#fff0c2;box-shadow:inset 0 1px #a9b77544}
.fullscreen-button:hover{background:#536c43}.fullscreen-button svg{width:20px;height:20px;pointer-events:none}.fullscreen-button .compress-icon{display:none}
.fullscreen-button[aria-pressed=true] .expand-icon{display:none}.fullscreen-button[aria-pressed=true] .compress-icon{display:block}
.world-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;background:radial-gradient(ellipse at center,#244632,#112d24 80%)}
.game-page .game-room{flex-shrink:0;box-sizing:content-box;max-width:100%;max-height:100%;border:0;border-radius:0;box-shadow:0 0 48px #061d2188}
.game-page #world{width:100%;height:100%;aspect-ratio:auto}
.game-page .world-dock{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:1100px;min-height:74px;margin:0;padding:7px 12px;border-radius:14px;gap:12px;box-shadow:inset 0 2px #c9a76c80,inset 0 -4px #392b2277,0 5px 20px #13261966}
.game-page .world-dock::before{inset:4px 6px;border-radius:5px}.game-page .dock-button{width:51px;height:54px}.game-page .dock-button svg{width:26px;height:26px}
.game-page .world-footnote{display:none}.game-page .appearance-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.game-page .world-panel,.game-page .world-panel.align-right{max-width:calc(100vw - 20px)}
.game-page .object-menu{max-height:calc(var(--game-viewport-height,100dvh) - 16px);overflow:auto}
.game-page .object-menu[data-empty=true]{min-width:115px}
.game-page .account-dialog,.game-page dialog.wardrobe{max-height:calc(var(--game-viewport-height,100dvh) - 24px)}
.display-setting{gap:12px}.display-setting small{display:block;font-size:11px;color:#7c8062;margin-top:3px}
.game-page .world-toast{bottom:90px}
.game-page .room-badge{bottom:100px}.game-page .move-status{display:none}.game-page .touch-controls{bottom:105px}
@media(max-width:900px){.game-page .dock-button{width:43px;height:52px}.game-page .world-dock{gap:8px;padding:7px 10px}.game-page .chat-entry{height:42px}}
@media(max-width:700px){.game-page .world-dock{width:calc(100% - 16px);bottom:8px;gap:7px 16px;padding:8px 12px 10px}.game-page .dock-button{width:100%;height:49px}.game-page .chat-entry{height:39px}.game-page .topbar{padding:5px 10px}.game-page .brand{font-size:21px}.game-page .brand-mark{font-size:27px}.game-page .player-name{max-width:115px;padding:6px 9px;font-size:11px}.header-actions{gap:6px}.game-page .world-toast,.game-page .room-badge{bottom:138px}.game-page .touch-controls{bottom:145px}}
@media(max-width:380px){.game-page .brand{font-size:19px}.game-page .brand-mark{font-size:24px}.game-page .player-name{max-width:88px}.game-page .topbar{gap:5px}.game-page .world-dock{column-gap:9px}}
@media(max-height:500px) and (min-width:560px){.game-page .topbar{min-height:38px;padding:3px 10px}.game-page .brand{font-size:20px}.game-page .brand-mark{font-size:25px}.game-page .player-name{padding:4px 8px}.fullscreen-button{width:31px;height:30px;padding:5px}.game-page .world-dock{display:flex;min-height:56px;padding:5px 10px;gap:8px}.game-page .dock-group{flex-shrink:0;gap:5px}.game-page .dock-button{width:35px;height:40px}.game-page .dock-label{display:none}.game-page .chat-entry{width:auto;height:38px}.game-page .world-toast{bottom:65px}}