:root{--primary-color: #007AFF;--secondary-color: #5856D6;--bg-color: #F2F2F7;--nav-bg-color: var(--bg-color);--card-bg: #FFFFFF;--text-primary: #1C1C1E;--text-secondary: #8E8E93;--border-radius: 24px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--viewport-top: 0px;--viewport-bottom: 0px;--nav-total-top: var(--safe-area-top);--nav-fixed-height: calc(44px + var(--nav-total-top));--premium-shadow: 0 10px 40px rgba(0,0,0,.04);--app-topbar-height: 0px;--app-tabbar-height: 0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background-color:var(--bg-color)!important;margin:0;padding:0;height:100%;min-height:100%}html,body,#root,.mobile-wrap,.page-container,.page-scaffold,.page-scaffold__scroll,.app-scroll-content{background:var(--bg-color)!important}.fixed-top-space .ios-nav,.fixed-top-space .nav-header{position:sticky!important;top:0!important;margin:0!important;border-radius:0!important;z-index:2000!important;height:calc(48px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 16px 0!important;box-sizing:border-box;background:var(--nav-bg-color, #FFFFFF)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex!important;align-items:center;justify-content:space-between;box-shadow:0 4px 16px #0000000a;border-bottom:1px solid rgba(0,0,0,.03)}.nav-title{color:var(--nav-title-color, #1C1C1E)!important}.fixed-top-space{padding-top:0!important}.fixed-top-space .ios-nav+.ios-scroll-content,.fixed-top-space .nav-header+*{margin-top:0!important}body{position:relative;overscroll-behavior-y:none;box-sizing:border-box}body:before{content:"";position:fixed;top:-100vh;left:0;right:0;bottom:-100vh;background:var(--bg-color);z-index:-1}#root{background-color:var(--bg-color)!important;min-height:100vh;min-height:100dvh}.mobile-wrap{width:100%;max-width:500px;margin:0 auto;background-color:var(--bg-color);min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;box-shadow:0 0 50px #0000000d;position:relative;overflow:hidden}.page-container{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;padding-top:0!important;box-sizing:border-box}.page-scaffold{height:100%;background:var(--bg-color);position:relative}.page-scaffold__top{position:sticky;top:0;z-index:99999;width:100%;margin-left:0;height:0}.page-scaffold__top-inner{position:sticky;top:0;z-index:99999;width:100%;background:var(--nav-bg-color)}body .page-scaffold .page-scaffold__top-inner>.nav-header,body .page-scaffold .page-scaffold__top-inner>.ios-nav,body .page-scaffold .page-scaffold__top-inner>.ios-header{width:100%;margin:0!important;height:calc(48px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 16px 0!important;box-sizing:border-box;border-radius:0!important;background:var(--nav-bg-color, #FFFFFF)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.03);display:flex!important;align-items:center!important;justify-content:space-between!important;box-shadow:none!important}body .page-scaffold .page-scaffold__top-inner>.nav-header button,body .page-scaffold .page-scaffold__top-inner>.ios-nav button,body .page-scaffold .page-scaffold__top-inner>.ios-header button{background:none;border:none;padding:0;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--nav-title-color, #1C1C1E)}.page-scaffold__scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--bg-color);padding-top:calc(var(--app-topbar-height) + 20px);padding-bottom:var(--app-tabbar-height);scrollbar-width:none;-ms-overflow-style:none;position:relative;overscroll-behavior-y:contain;touch-action:pan-y}.ios-toast-mask{pointer-events:none}.page-scaffold{overflow-x:hidden}.page-scaffold__scroll::-webkit-scrollbar{width:0;height:0;display:none}.page-container,.home-page-ios,.games-page,.points-page,.profile-page,.member-page,.sponsor-page,.wishing-page,.leaderboard-page,.invite-page,.records-page,.static-page,.newbie-page,.ios-detail-page,.login-page{background:var(--bg-color)!important;min-height:100dvh}.ios-shadow{box-shadow:0 10px 30px #0000000f}.ios-btn-shadow{box-shadow:0 8px 20px #007aff33}.premium-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--premium-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.ios-modal-enter{animation:ios-modal-in .3s cubic-bezier(.1,.7,.1,1) forwards}@keyframes ios-modal-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ios-alert-card{width:min(86vw,320px);background:#fff;border-radius:18px;padding:20px 18px;text-align:center;box-shadow:0 18px 50px #0003;border:1px solid rgba(255,255,255,.8)}.glass-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.3)}.neu-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000000d}h1,h2,h3{margin:0;font-weight:600}.nav-title{margin:0;font-size:17px;font-weight:600;color:var(--nav-title-color, #1C1C1E);letter-spacing:-.3px}body .page-scaffold .page-scaffold__top-inner .nav-title{flex:1;text-align:center}.nav-right-placeholder{width:44px;flex-shrink:0}.home-page-ios{padding:0;overflow-x:hidden}button{border:none;outline:none;cursor:pointer;transition:all .2s ease;touch-action:manipulation}a,.tab-item,.game-item-v2,.game-card-mini{touch-action:manipulation}button:active{transform:scale(.95)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100vw,500px);margin:0;height:calc(58px + var(--safe-area-bottom));background:var(--nav-bg-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);border-top:.5px solid rgba(0,0,0,.1);border-radius:0;z-index:99999}.tab-item{display:flex;flex-direction:column;align-items:center;color:#8e8e93;text-decoration:none;font-size:10px;font-weight:500;gap:4px;flex:1}.tab-item.active{color:#5e5ce6}.tab-item svg{width:24px;height:24px}.tab-item.active svg{color:#5e5ce6}