/* Phone presentation only; the same settled board and event sequence drive every size. */
.gaia-hud:not([data-ready='true']) .hud-design{visibility:hidden}
:root{--play-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));--play-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.game-shell{width:min(var(--play-width),calc(var(--play-height) * 1.777778));height:min(var(--play-height),calc(var(--play-width) / 1.777778))}
.celebration-title{--banner-aspect:2.35677}.celebration-title.super{--banner-aspect:2.44172}.celebration-title.mega{--banner-aspect:2.18846}.celebration-title.epic{--banner-aspect:1.93107}
@media(orientation:portrait) and (max-width:700px){
 .game-shell{width:var(--play-width);height:var(--play-height)}
 .celebration-title:not(.max){width:min(84vw,calc(24dvh * var(--banner-aspect)));max-height:none;aspect-ratio:var(--banner-aspect)}
 .mobile-hud .gaia-chip::after{inset:calc(20px - 22px / var(--hud-scale,1)) -4px}
 .house-shop-dialog .shop-tabs button{font-size:11px}
 .buy-confirm-card{width:min(320px,100%,calc((100dvh - 150px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) * 320 / 484))}
 .house-confirm-dialog{padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(orientation:landscape) and (max-height:500px){
 /* Scale the whole crop; max-height alone used to squash the taller win banners. */
 .celebration-title:not(.max){width:min(280px,44vw,calc(30dvh * var(--banner-aspect)));max-height:none;aspect-ratio:var(--banner-aspect)}
 .house-confirm-dialog{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:900px),(max-height:600px){
 .house-shop-dialog{padding-top:calc(72px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
 .house-shop-dialog .shop-tabs{top:calc(16px + env(safe-area-inset-top,0px))}
 .house-shop-dialog #close-modal,.house-confirm-dialog #close-modal{width:44px;height:44px;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px))}
 .info-dialog{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
 .info-dialog .modal-head{padding-top:calc(30px + env(safe-area-inset-top,0px))}
 .info-dialog #close-modal{width:44px;height:44px;top:calc(8px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px))}
 .info-footer{height:calc(69px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
 .spell-beams,.gold-cast .spell-beams{filter:none}
 .house-offers,.info-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}