/* One viewport boundary for the shop, and another for top-layer dialogs. */
:root{--device-safe-top:0px;--device-safe-bottom:0px;--device-safe-left:0px;--device-safe-right:0px;--host-safe-top:0px;--host-safe-bottom:0px;--safe-top:var(--host-safe-top);--safe-bottom:var(--host-safe-bottom);--safe-left:0px;--safe-right:0px}
@supports(padding:constant(safe-area-inset-top)){:root{--device-safe-top:constant(safe-area-inset-top);--device-safe-bottom:constant(safe-area-inset-bottom);--device-safe-left:constant(safe-area-inset-left);--device-safe-right:constant(safe-area-inset-right)}}
@supports(padding:env(safe-area-inset-top)){:root{--device-safe-top:env(safe-area-inset-top,0px);--device-safe-bottom:env(safe-area-inset-bottom,0px);--device-safe-left:env(safe-area-inset-left,0px);--device-safe-right:env(safe-area-inset-right,0px)}}
@supports(padding:max(0px,1px)){:root{--safe-top:max(var(--device-safe-top),var(--host-safe-top));--safe-bottom:max(var(--device-safe-bottom),var(--host-safe-bottom));--safe-left:var(--device-safe-left);--safe-right:var(--device-safe-right)}}
html,body{min-height:var(--app-height,100vh);background-color:#fffaf0}
body #game,body #game[data-mode]{height:var(--app-height,100vh);min-height:0;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}
#game[data-mode="home"]>.action-zone{padding-bottom:12px}
#game #decor-panel{padding-bottom:12px}
body dialog[id]{position:fixed;top:calc(var(--safe-top) + 12px);bottom:calc(var(--safe-bottom) + 12px);left:var(--safe-left);right:var(--safe-right);margin:auto;max-height:calc(var(--app-height,100vh) - var(--safe-top) - var(--safe-bottom) - 24px)!important;max-width:calc(100% - var(--safe-left) - var(--safe-right) - 24px)}
.clothes-buy-bar{padding-bottom:9px}.star-river-footer{padding-bottom:12px}.sr-reveal{padding:18px 15px 16px}
#save-alert{top:calc(var(--safe-top) + 8px)}
#loading{padding:20px;gap:12px;text-align:center;z-index:30}
#loading button{width:min(240px,90%);min-height:44px;flex:none}
#loading .boot-save-note{font-size:11px;line-height:1.6}
.dialog-compat dialog:not([open]){display:none}.dialog-compat-backdrop{position:fixed;inset:0;background:#12382c88;backdrop-filter:blur(5px)}
@media(max-height:700px){#game[data-mode="home"]>.action-zone{padding-bottom:8px}.sr-reveal{padding:12px}}