.responsive-game{background:#24bad2}
html,body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.responsive-game,.responsive-game .stage{overscroll-behavior:none}
.responsive-game .stage{border-radius:0;box-shadow:none;background:#24bad2}
.map-world{position:absolute;left:50%;top:50%;width:1280px;height:590px;transform-origin:center;z-index:1}
.responsive-game .game-logo{left:var(--safe-left);top:var(--safe-top)}
.responsive-game .logo-img{width:210px}
.responsive-game .player-pill{left:calc(var(--safe-left) + 225px);top:calc(var(--safe-top) + 4px);transform:scale(.8);transform-origin:top left}
.responsive-game .top-right{right:var(--safe-right);top:calc(var(--safe-top) + 5px);transform:scale(.86);transform-origin:top right}
.responsive-game .signin-btn{right:calc(var(--safe-right) + 10px);top:calc(var(--safe-top) + 77px);transform:scale(.8);transform-origin:top right}
.responsive-game .progress-board{left:var(--safe-left);bottom:var(--safe-bottom);transform:scale(.68);transform-origin:bottom left}
.responsive-game .daily-task{right:var(--safe-right);bottom:var(--safe-bottom);transform:scale(.68);transform-origin:bottom right}
.responsive-game .bottom-nav-outer{left:50%;bottom:var(--safe-bottom);transform:translateX(-50%) scale(.85);transform-origin:bottom center}
.responsive-game .fx-wave-bottom{left:0;right:0;width:100%}
.responsive-game .bottom-beach{display:none}
.responsive-game .treasure-chest{display:none}
.responsive-game .modal-mask{padding:0;overflow:hidden;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}
.responsive-game .modal-mask:has(.cute-pool){padding:0;background:#006779;backdrop-filter:none;-webkit-backdrop-filter:none}
.responsive-game .cute-pool{width:100%;height:100%;max-height:none;flex:none;border:0;border-radius:0;box-shadow:none}
.responsive-game .modal-mask:has(.kitchen-flat){padding:0;background:#74cde4;backdrop-filter:none;-webkit-backdrop-filter:none}
.responsive-game .modal-mask:has(.match-flat){padding:0;background:#8de1e8;backdrop-filter:none;-webkit-backdrop-filter:none}
#rotate-hint{position:fixed;z-index:2000;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);transform:translateX(-50%);padding:8px 14px;border-radius:22px;background:#064657e8;color:#fff;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #00344433}
#rotate-hint[hidden]{display:none}