/* Mobile is a landscape play surface, including when the browser is held upright. */
@media (max-width:760px) and (orientation:portrait){
 body.play-screen{--play-width:100dvh;--play-height:100dvw}
 .play-screen .game{width:100dvh;height:100dvw;transform-origin:0 0;transform:translateX(100dvw) rotate(90deg)}
 .play-screen dialog{position:fixed;inset:auto;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) rotate(90deg);width:min(620px,calc(100dvh - 22px));max-width:calc(100dvh - 22px);max-height:calc(100dvw - 18px)}
 .play-screen dialog[data-kind="collection"]{width:min(900px,calc(100dvh - 22px));max-width:calc(100dvh - 22px)}
}
@media (max-width:1024px) and (max-height:600px) and (orientation:landscape){
 body.play-screen{--play-width:100dvw;--play-height:100dvh}
 .play-screen dialog{max-height:calc(100dvh - 18px)}
}
@media (max-width:760px) and (orientation:portrait), (max-width:1024px) and (max-height:600px) and (orientation:landscape){
 .play-screen .scene #world{width:min(calc(var(--play-width) - 166px),calc((var(--play-height) - 38px)*1.9));height:auto;left:49%;top:56%;bottom:auto}
 .play-screen .play-topbar{left:12px;right:12px;top:8px;gap:10px}
 .play-screen .play-title{display:none}
 .play-screen .play-profile,.play-screen .play-account{gap:7px}
 .play-screen .profile{border-width:7px;padding:0 5px 0 0;gap:6px}
 .play-screen .profile strong{font-size:10px}.play-screen .profile small{font-size:7px}
 .play-screen .xp-track{width:112px}.play-screen .avatar{width:33px;height:33px}
 .play-screen .avatar>.ui-icon{width:39px;height:39px}
 .play-screen .wallet{min-width:106px;padding:7px 14px;gap:4px}.play-screen .wallet strong{font-size:15px}.play-screen .wallet small{font-size:6px}
 .play-screen .wallet>.ui-icon{display:inline-block;width:26px;height:26px}
 .play-screen .back-link,.play-screen .round-help{display:grid;width:29px;height:29px}
 .play-screen .back-link>.ui-icon,.play-screen .round-help>.ui-icon{width:34px;height:34px}
 .play-screen .action-dock{left:13px;top:53%;bottom:auto;gap:12px}
 .play-screen .action-dock .float-tool{min-width:58px;gap:2px}
 .play-screen .action-dock .tool-disc{width:48px;height:48px}
 .play-screen .action-dock .tool-disc>.ui-icon{width:59px;height:59px}
 .play-screen .action-dock .tool-label{font-size:10px}
 .play-screen .quick-rail{right:14px;top:71px;flex-direction:row;gap:8px}
 .play-screen .game-tools{left:auto;right:14px;bottom:13px;transform:none;display:grid;grid-template-columns:repeat(2,49px);gap:10px 8px}
 .play-screen .game-tools .quest-tool{position:static;left:auto;bottom:auto}
 .play-screen .quick-rail .float-tool,.play-screen .game-tools .float-tool{min-width:49px;gap:2px}
 .play-screen .quick-rail .tool-disc,.play-screen .game-tools .tool-disc{width:40px;height:40px}
 .play-screen .quick-rail .tool-disc>.ui-icon,.play-screen .game-tools .tool-disc>.ui-icon{width:48px;height:48px}
 .play-screen .quick-rail .tool-label,.play-screen .game-tools .tool-label{font-size:9px}
 .play-screen .tool-count{min-width:21px;height:21px;line-height:21px;font-size:9px;right:-6px}
 .play-screen .toast{bottom:9px;max-width:52%;font-size:10px;padding:12px 23px}
 .play-screen .return-home{left:14px;bottom:12px;transform:none;min-width:0;max-width:160px;padding:11px 17px;font-size:10px}
 .play-screen .return-home:active{transform:translateY(1px)!important}
 .play-screen .visit-label{left:14px;top:65px;transform:none;max-width:170px;font-size:9px;padding:5px 9px}
 .play-screen .visit-label small{display:block;font-size:7px}
 .play-screen .dialog-heading{padding-top:4px;padding-bottom:11px;min-height:43px}.play-screen .dialog-heading h2{font-size:23px}
 .play-screen .collection-toolbar .dialog-copy{font-size:12px}
 .play-screen .collection-family .collection-tile{flex-basis:calc((100% - 28px)/5);min-width:88px;max-width:126px}
 .play-screen .collection-family .crop-art{height:64px}
 .play-screen .collection-family-heading{margin-bottom:5px}.collection-guide{margin-bottom:10px}
 .play-screen .collection-family h4{min-height:0;line-height:1.3}.play-screen .collection-variants{padding-bottom:4px}.collection-swipe,.collection-guide{display:none}
 .bg-moon{top:-6%;width:160px}
 .bg-cloud{--cloud-travel:55px}
 .bg-cloud-high-left{left:-10%;top:5%;width:48%}
 .bg-cloud-high-right{right:-12%;top:9%;width:45%}
 .bg-cloud-middle-left{left:-15%;top:38%;width:43%}
 .bg-cloud-middle-right{right:-16%;top:48%;width:47%}
 .bg-cloud-far{left:31%;top:-5%;width:34%}
 .bg-leaves{width:29%}
 .bg-leaves-top-left{left:-5%;top:-8%;transform:rotate(-24deg)}
 .bg-leaves-top-right{right:-5%;top:-8%;transform:rotate(24deg)}
 .bg-leaves-bottom-left{width:20%;left:-4%;bottom:-9%}.bg-leaves-bottom-right{width:20%;right:-4%;bottom:-9%}
 .bg-lantern-left{width:13%;left:-3%;top:4%}.bg-lantern-left-inner{width:9%;left:12%;top:8%}
 .bg-lantern-right{width:14%;right:-3%;top:4%}.bg-lantern-right-inner{display:block;width:8%;right:12%;top:10%}
}