#app{width:100%;height:100%;margin:0;padding:0}.version-gate{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;overflow:auto;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:#183f4c;background:radial-gradient(circle at 22% 18%,rgba(255,245,171,.95) 0 8%,transparent 9%),linear-gradient(165deg,#79dcf1,#b9f0d2 54%,#77bd72 55%,#428c55)}.version-gate-card{position:relative;width:min(520px,100%);overflow:hidden;padding:clamp(24px,6vw,42px);border:4px solid rgba(255,255,255,.86);border-radius:30px;text-align:center;background:#fffae1f5;box-shadow:0 9px #29634461,0 28px 70px #143a484d}.version-gate-city{display:flex;justify-content:center;gap:10px;margin:-4px 0 18px;font-size:clamp(1.8rem,8vw,3rem)}.version-gate-city span{animation:version-city-bob 1.8s ease-in-out infinite alternate}.version-gate-city span:nth-child(2){animation-delay:-.5s}.version-gate-city span:nth-child(3){animation-delay:-1s}.version-gate-city span:nth-child(4){animation-delay:-1.5s}.version-gate-spinner{width:62px;height:62px;margin:0 auto 18px;border:8px solid #d8e4c5;border-top-color:#159fc8;border-radius:50%;animation:version-spin .8s linear infinite}.version-gate-icon{margin-bottom:12px;font-size:3.5rem;animation:version-pop 1.2s ease-in-out infinite alternate}.version-gate h1{margin:0 0 12px;color:#245e65;font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.05}.version-gate p{margin:0 auto 18px;max-width:42ch;font-size:clamp(1rem,4vw,1.12rem);font-weight:750;line-height:1.45}.version-gate-builds{padding:12px;border-radius:14px;color:#52634b;background:#eef2d7;font-size:.92rem!important}.version-gate-action{min-height:52px;width:min(320px,100%);margin:2px auto 18px;padding:12px 20px;border:0;border-radius:16px;color:#fff;background:linear-gradient(#f59a45,#dc6b2d);box-shadow:0 5px #a44b25;font:inherit;font-size:1.08rem;font-weight:950;cursor:pointer}.version-gate-action:active{transform:translateY(3px);box-shadow:0 2px #a44b25}.version-gate small{display:block;color:#5d725f;font-weight:700}@keyframes version-spin{to{transform:rotate(360deg)}}@keyframes version-city-bob{to{transform:translateY(-7px) rotate(2deg)}}@keyframes version-pop{to{transform:scale(1.08) rotate(2deg)}}.global-game-return{position:fixed;z-index:9000;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:inline-flex;min-height:46px;align-items:center;gap:8px;padding:9px 15px;border:2px solid rgba(255,255,255,.8);border-radius:15px;color:#214c58;background:#fff9e1f5;box-shadow:0 5px #3f523740,0 12px 28px #1d2f3e38;font:inherit;font-weight:950;cursor:pointer}.global-game-return:active{transform:translateY(3px);box-shadow:0 2px #3f523740}.global-game-return span:first-child{font-size:1.25rem}@media(max-width:480px){.global-game-return{min-width:46px;padding:8px 11px}.global-game-return span:last-child{display:none}}.iap-recovery-notice{position:fixed;z-index:30000;top:max(18px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(560px,calc(100vw - 28px));padding:13px 14px;border:2px solid rgba(255,255,255,.7);border-radius:16px;color:#fff;background:#147d68;box-shadow:0 8px 28px #14232d4d;transform:translate(-50%)}.iap-recovery-notice.error{background:#a9433e}.iap-recovery-notice>span{display:grid;place-items:center;width:28px;aspect-ratio:1;border-radius:50%;background:#fff3;font-weight:950}.iap-recovery-notice p{margin:0;font-weight:800}.iap-recovery-notice button{border:0;color:inherit;background:transparent;font:inherit;font-size:1.35rem;cursor:pointer}.iap-notice-enter-active,.iap-notice-leave-active{transition:opacity .2s ease,transform .2s ease}.iap-notice-enter-from,.iap-notice-leave-to{opacity:0;transform:translate(-50%,-12px)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #3b82f6;--color-secondary: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-border: #475569;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--font-family: Inter, ui-rounded, "SF Pro Rounded", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem}html,body{width:100%;height:100%;overflow:hidden;background:#5eb8e8}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:#5eb8e8;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(19,166,190,.7);outline-offset:3px}input,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:where(.modal-overlay,.modal-backdrop,.quest-dialog-overlay,.quest-log-overlay,.building-info-overlay,.daily-login-overlay,.minigame-overlay,.mini-game-selector-overlay,.invite-backdrop,.popup-overlay,.levelup-overlay,.achievements-modal-overlay){max-width:100vw;max-height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dialog-corner-close{position:sticky;z-index:5;top:0;float:right;display:grid;width:42px;min-width:42px;aspect-ratio:1;place-items:center;margin:-4px -4px 4px 12px;border:0;border-radius:50%;color:#314654;background:#ffffffeb;box-shadow:0 3px 10px #14243038;font:900 1.65rem/1 sans-serif;cursor:pointer}:where(.modal,.modal-content,.purchase-dialog,.quest-dialog,.quest-log-panel,.building-info-panel,.daily-login-modal,.minigame-container,.selector-modal,.invite-card,.popup-content,.levelup-content,.achievements-modal){max-width:min(100%,calc(100vw - 16px));max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-width:768px),(max-height:640px){:is(.modal,.modal-content,.purchase-dialog,.quest-dialog,.quest-log-panel,.building-info-panel,.daily-login-modal,.minigame-container,.selector-modal,.invite-card,.popup-content,.levelup-content,.achievements-modal){width:min(100%,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow-x:hidden!important;overflow-y:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}