:root{--app-w: min(var(--stable-app-w, 100vw), 430px);--brand: #805b41;--brand-dark: #6c472d;--brand-soft: rgba(128, 91, 65, .12);--line: #e9e2dc;--paper: #fff;--muted: #8d8d8d;--text: #1e1e1e;font-family:PingFang,Roboto,Helvetica Neue,Helvetica,Arial,Microsoft JhengHei,Microsoft YaHei,sans-serif;color:var(--text);background:#f6f6f6;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,input{font:inherit}button,[role=button],a,img{touch-action:manipulation;-webkit-user-select:none;user-select:none}button{border:0}.site-shell{min-height:100vh;background:#f6f6f6}.app-surface{width:var(--app-w);min-height:100vh;margin:0 auto;padding:0 0 calc(var(--app-w) * .24 - 1px);background:var(--paper);box-shadow:0 0 28px #0000000a}.download-strip{height:calc(var(--app-w) * .11733);display:flex;align-items:center;padding:calc(var(--app-w) * .02) calc(var(--app-w) * .048);color:#000;background:#fafafa;font-size:calc(var(--app-w) * .03333);line-height:calc(var(--app-w) * .03333);transition:height .24s ease,opacity .2s ease,margin .24s ease;overflow:hidden}.download-strip span{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--app-w) * .03);line-height:calc(var(--app-w) * .03)}.download-strip.collapsed{height:0;padding-top:0;padding-bottom:0;opacity:0;margin-bottom:0}.icon-button{width:calc(var(--app-w) * .038);height:calc(var(--app-w) * .038);display:grid;place-items:center;padding:0;border-radius:999px;background:transparent;color:#222;font-size:calc(var(--app-w) * .055);cursor:pointer}.app-mark{width:calc(var(--app-w) * .08);height:calc(var(--app-w) * .08);margin-right:calc(var(--app-w) * .01067);border-radius:calc(var(--app-w) * .018);object-fit:cover}.download-strip .close{flex:0 0 calc(var(--app-w) * .03733);margin-right:calc(var(--app-w) * .02133)}.download-button{flex:0 0 calc(var(--app-w) * .18133);width:calc(var(--app-w) * .18133);min-height:calc(var(--app-w) * .06933);margin-left:auto;padding:0 calc(var(--app-w) * .02667);font-size:calc(var(--app-w) * .032);line-height:calc(var(--app-w) * .06933)}.download-button,.primary-button{min-height:calc(var(--app-w) * .0693);padding:0 calc(var(--app-w) * .032);border-radius:calc(var(--app-w) * .0347);background:var(--brand);color:#fff;font-weight:400;white-space:nowrap;cursor:pointer;transition:opacity .2s ease,transform .18s ease}.download-button:active,.primary-button:active,.outline-button:active,.category-strip button:active,.game-card:active,.recommend-card:active{transform:scale(.97)}.download-button{width:calc(var(--app-w) * .18133);min-height:calc(var(--app-w) * .06933);padding:0 calc(var(--app-w) * .02667);font-size:calc(var(--app-w) * .032);line-height:calc(var(--app-w) * .06933)}.topbar{position:sticky;top:0;z-index:16;height:calc(var(--app-w) * .11733);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--app-w) * .02667) 0 calc(var(--app-w) * .032);background:#fff}.brand-logo{width:calc(var(--app-w) * .2532);height:calc(var(--app-w) * .08);object-fit:contain;object-position:left center}.auth-actions{display:flex;gap:calc(var(--app-w) * .0133)}.auth-actions .primary-button,.outline-button{width:calc(var(--app-w) * .1573);height:calc(var(--app-w) * .0773);border-radius:calc(var(--app-w) * .02667);font-size:calc(var(--app-w) * .0333)}.outline-button{border:1px solid var(--brand);background:#fff;color:var(--brand);font-weight:400;cursor:pointer;transition:opacity .2s ease,transform .18s ease}.hero-card{position:relative;height:calc(var(--app-w) * .2933);margin:calc(var(--app-w) * .0102) calc(var(--app-w) * .02667) calc(var(--app-w) * .0133);overflow:hidden;border-radius:calc(var(--app-w) * .04);background:#f8f8f8;touch-action:pan-y}.hero-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.hero-track.dragging{cursor:grabbing}.hero-track.no-transition{transition:none}.hero-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;background:#f8f8f8}.hero-banner{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-banner img{width:100%;height:100%;display:block;object-fit:fill}.hero-copy{position:absolute;left:0;top:calc(var(--app-w) * .0933);z-index:1;width:58%;color:var(--brand)}.hero-copy h1{margin:0 0 calc(var(--app-w) * .02667);padding-left:calc(var(--app-w) * .05333);overflow:hidden;font-size:calc(var(--app-w) * .04267);line-height:1;text-overflow:ellipsis;white-space:nowrap}.hero-copy p{margin:0;padding-left:calc(var(--app-w) * .05333);color:#999;font-size:calc(var(--app-w) * .03733);font-weight:400;line-height:1}.hero-dots{position:absolute;left:50%;bottom:calc(var(--app-w) * .032);display:flex;transform:translate(-50%)}.hero-dots button{width:calc(var(--app-w) * .016);height:calc(var(--app-w) * .016);margin:0 calc(var(--app-w) * .016) 0 0;padding:0;border-radius:999px;background:#ebedf0;cursor:pointer;transition:background .25s ease}.hero-dots button:last-child{margin-right:0}.hero-dots button.active{background:var(--brand)}.notice-row{display:grid;grid-template-columns:1fr calc(var(--app-w) * .10931);gap:calc(var(--app-w) * .02667);height:calc(var(--app-w) * .10931);margin:0 calc(var(--app-w) * .02667) calc(var(--app-w) * .0133)}.notice,.mail-button{height:100%;border-radius:calc(var(--app-w) * .02667);background:#f5f5f5}.notice{display:flex;align-items:center;padding:0;overflow:visible;background:transparent}.notice-icon{flex:0 0 auto;width:calc(var(--app-w) * .10931);height:calc(var(--app-w) * .10931);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--app-w) * .02667) 0 0 calc(var(--app-w) * .02667);background:#f5f5f5}.notice-icon img{width:calc(var(--app-w) * .05733);height:calc(var(--app-w) * .056);object-fit:contain}.notice-wrap{position:relative;flex:1 1 auto;height:100%;margin-left:calc(var(--app-w) * -.00267);overflow:hidden;border-radius:0 calc(var(--app-w) * .02667) calc(var(--app-w) * .02667) 0;background:#f5f5f5}.notice-marquee{position:absolute;left:0;top:50%;display:block;min-width:max-content;white-space:nowrap;color:#000;font-size:calc(var(--app-w) * .03333);font-weight:400;line-height:calc(var(--app-w) * .064);transform:translate(calc(var(--app-w) * .7041),-50%);animation:notice-marquee 20.4s linear infinite;will-change:transform}.site-shell[data-freeze-motion=true] .notice-marquee{animation:none;transform:translateY(-50%)}.mail-button{position:relative;display:grid;place-items:center;cursor:pointer}.mail-button img{width:calc(var(--app-w) * .068);height:calc(var(--app-w) * .05733);object-fit:contain}.mail-button b{position:absolute;top:0;right:0;width:calc(var(--app-w) * .04265);height:calc(var(--app-w) * .04265);display:grid;place-items:center;border-radius:50%;background:#f15079;color:#fff;font-size:calc(var(--app-w) * .032);font-weight:400;line-height:calc(var(--app-w) * .04267)}.category-strip{display:flex;gap:0;overflow-x:auto;margin:0;padding:0 calc(var(--app-w) * .02667);scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip button{flex:0 0 calc(var(--app-w) * .14267);height:calc(var(--app-w) * .14667);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:calc(var(--app-w) * .01333);padding:0;border-radius:calc(var(--app-w) * .02667);border:0;background:#f5f5f5;background-position:center;background-repeat:no-repeat;background-size:cover;color:#000;font-size:calc(var(--app-w) * .028);line-height:calc(var(--app-w) * .028);font-weight:400;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease}.category-strip button.active{border:1px solid var(--brand);box-shadow:none}.category-strip img{width:calc(var(--app-w) * .07467);height:calc(var(--app-w) * .07467);margin-bottom:calc(var(--app-w) * .01067);object-fit:fill}.category-strip span{display:block;width:100%;height:calc(var(--app-w) * .028);padding:0 calc(var(--app-w) * .00533);color:#000;font-size:calc(var(--app-w) * .028);line-height:calc(var(--app-w) * .028)}.game-section{margin-top:0;padding:calc(var(--app-w) * .02133) calc(var(--app-w) * .02667) 0}.game-section.lottery-section{margin-top:0;padding-bottom:0}.section-heading{height:calc(var(--app-w) * .064);display:flex;align-items:center;justify-content:space-between}.section-title-main{display:flex;align-items:center;gap:calc(var(--app-w) * .00533)}.section-heading img{width:calc(var(--app-w) * .05867);height:calc(var(--app-w) * .05867);object-fit:contain}.section-heading h2{margin:0;color:#000;font-size:calc(var(--app-w) * .04);line-height:1;font-weight:500}.pager-controls{width:calc(var(--app-w) * .20266);height:calc(var(--app-w) * .064);display:flex;overflow:visible;border:0;border-radius:0}.pager-controls button{width:calc(var(--app-w) * .10133);height:calc(var(--app-w) * .064);display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #e4e4e4;background:transparent;color:var(--brand);font-size:0;line-height:1;cursor:pointer}.pager-controls button.disabled{color:#999;cursor:default;pointer-events:none}.pager-controls button:disabled{color:#999;cursor:default;pointer-events:none}.pager-controls button:first-child{border-radius:calc(var(--app-w) * .032) 0 0 calc(var(--app-w) * .032)}.pager-controls button:last-child{border-radius:0 calc(var(--app-w) * .032) calc(var(--app-w) * .032) 0}.pager-controls button+button{border-left:0}.pager-arrow{width:calc(var(--app-w) * .032);height:calc(var(--app-w) * .032);display:block;color:currentColor}.pager-arrow:before,.pager-arrow:after{content:none;position:absolute;top:50%;display:block}.pager-arrow:before{width:calc(var(--app-w) * .0295);height:2px;background:currentColor;transform:translateY(-50%)}.pager-arrow:after{width:calc(var(--app-w) * .014);height:calc(var(--app-w) * .014);border-color:currentColor;border-style:solid;transform-origin:center}.pager-arrow.prev:before{left:calc(var(--app-w) * .006)}.pager-arrow.prev:after{left:0;border-width:0 0 2px 2px;transform:translateY(-50%) rotate(45deg)}.pager-arrow.next:before{right:calc(var(--app-w) * .006)}.pager-arrow.next:after{right:0;border-width:2px 2px 0 0;transform:translateY(-50%) rotate(45deg)}.carousel-scroll{width:100%;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.carousel-scroll::-webkit-scrollbar{display:none}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--app-w) * .01067);margin-top:calc(var(--app-w) * .01067);padding:0 0 calc(var(--app-w) * .01067) calc(var(--app-w) * .00267)}.carousel-page{flex:0 0 100%;width:100%}.recommend-card{position:relative;height:calc(var(--app-w) * .29525);border:0;border-radius:0;background:transparent;overflow:visible;cursor:pointer;transition:transform .18s ease}.recommend-card .item-img{background-image:var(--recommend-card-bg)}.recommend-card .text-name{position:absolute;left:0;right:0;bottom:calc(var(--app-w) * .01067);height:calc(var(--app-w) * .032);padding:0 calc(var(--app-w) * .00533);overflow:hidden;text-align:center;font-size:calc(var(--app-w) * .02933);line-height:calc(var(--app-w) * .032);font-weight:400}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--app-w) * .01067);margin-top:calc(var(--app-w) * .01067);padding:0 0 calc(var(--app-w) * .01067) calc(var(--app-w) * .00267)}.game-card{position:relative;min-width:0;font-size:calc(var(--app-w) * .03333);line-height:calc(var(--app-w) * .03333);cursor:pointer;transition:transform .22s ease,filter .22s ease}.game-card.tapped{transform:translateY(-3px) scale(1.02);filter:brightness(1.04)}.grid-item-section{position:relative;width:100%;height:100%;display:flex;overflow:hidden;border:1px solid rgba(204,204,204,.525);border-radius:calc(var(--app-w) * .024)}.item-img{position:relative;width:100%;height:100%;display:flex;background-image:var(--game-card-bg);background-position:center;background-repeat:no-repeat;background-size:cover}.item-logo{width:100%;height:100%;border-radius:calc(var(--app-w) * .04) calc(var(--app-w) * .04) 0 0}.item-logo img{width:100%;height:100%;display:block;object-fit:cover}.text-name{position:absolute;left:0;right:0;bottom:0;display:flow-root;height:calc(var(--app-w) * .032);padding:0 calc(var(--app-w) * .00533);overflow:hidden;color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--app-w) * .02933);line-height:calc(var(--app-w) * .032);font-weight:400}.corner-mark{position:absolute;top:0;left:0;min-width:calc(var(--app-w) * .0652);height:calc(var(--app-w) * .03467);padding:0 calc(var(--app-w) * .01333);border-radius:calc(var(--app-w) * .024) 0 calc(var(--app-w) * .024) 0;background:#0006;color:#fff;font-size:calc(var(--app-w) * .02667);font-weight:400;line-height:calc(var(--app-w) * .03467);text-align:left;overflow:hidden}.collect-status{position:absolute;top:calc(var(--app-w) * .01067);right:calc(var(--app-w) * .01067);z-index:1;width:calc(var(--app-w) * .04267);height:calc(var(--app-w) * .04267);display:flex;align-items:center;justify-content:center;padding:0;place-items:center;border-radius:50%;background:#0006;color:transparent;font-size:0}.collect-icon{width:calc(var(--app-w) * .02003);height:calc(var(--app-w) * .02003);display:block}.footer-section{--footer-color-1: #333;--footer-color-2: #666;--footer-color-3: #aaa;--footer-border: #dedede;padding:calc(var(--app-w) * .02667);color:var(--footer-color-1);text-align:center;font-size:calc(var(--app-w) * .032)}.download-box{width:calc(var(--app-w) * .94667);height:calc(var(--app-w) * .384);display:flex;align-items:center;border-radius:calc(var(--app-w) * .02667)}.character{width:calc(var(--app-w) * .26667);height:calc(var(--app-w) * .37333);z-index:1;object-fit:contain}.download-content{width:calc(var(--app-w) * .72);height:calc(var(--app-w) * .37333);margin-left:calc(var(--app-w) * -.04);padding:calc(var(--app-w) * .04);border:1px solid var(--footer-border);border-radius:calc(var(--app-w) * .02667);text-align:left}.download-title{display:flex;align-items:center;margin-bottom:calc(var(--app-w) * .02667);font-size:calc(var(--app-w) * .03733);font-weight:700;line-height:1}.download-title .dot{width:calc(var(--app-w) * .032);height:calc(var(--app-w) * .032);margin-right:calc(var(--app-w) * .02133);border-radius:50%;object-fit:contain}.download-content .desc{margin:0 0 calc(var(--app-w) * .04267);color:var(--footer-color-2);line-height:1.4}.button-group{display:flex;gap:calc(var(--app-w) * .032)}.footer-btn{width:calc(var(--app-w) * .29867);height:calc(var(--app-w) * .10933);display:flex;align-items:center;justify-content:center;gap:calc(var(--app-w) * .02133);padding:0;border:1px solid var(--footer-border);border-radius:calc(var(--app-w) * .264);background:#fff;color:var(--footer-color-1);font-size:calc(var(--app-w) * .03733);font-weight:500}.footer-btn img{width:calc(var(--app-w) * .064);height:calc(var(--app-w) * .064);object-fit:contain}.icon-section{margin-top:calc(var(--app-w) * .04)}.icon-row{display:flex;justify-content:space-around;margin-bottom:calc(var(--app-w) * .04)}.icon-group{flex:1;padding:0 calc(var(--app-w) * .03733);text-align:center}.icon-row .icon-group:first-of-type .title{text-align:right}.icon-row .icon-group .title{margin-bottom:calc(var(--app-w) * .02667);font-size:calc(var(--app-w) * .032);line-height:1;text-align:left}.icons{display:flex;justify-content:flex-end;gap:calc(var(--app-w) * .032);flex-wrap:wrap}.icon-row .icon-group:last-of-type .icons{justify-content:flex-start}.icons img{height:calc(var(--app-w) * .05867);object-fit:contain}.icons img.bmm{height:calc(var(--app-w) * .06933)}.footer-text{margin:0 auto calc(var(--app-w) * .032);color:var(--footer-color-2);font-size:calc(var(--app-w) * .032);line-height:1.6;white-space:pre-line}.copyright{margin:0;color:var(--footer-color-3);font-size:calc(var(--app-w) * .032);line-height:1}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:var(--app-w);height:calc(var(--app-w) * .16);display:flex;box-sizing:content-box;padding:0;overflow:visible;background-color:transparent;background-image:url(/assets/kggbgfkgr5tk8d.app_assets_tabbar-day-1-km7IGbWn.png);background-repeat:no-repeat;background-position:50% 0;background-size:var(--app-w) calc(var(--app-w) * .2014);transform:translate(-50%)}.bottom-nav button{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:calc(var(--app-w) * .02133) 0 0;background:transparent;color:#6c6c6c;font-size:calc(var(--app-w) * .02667);font-weight:500;line-height:calc(var(--app-w) * .02667);cursor:pointer}.bottom-nav button.active{color:var(--brand);font-weight:600}.bottom-nav button.sportsTab{padding:0}.nav-icon{width:calc(var(--app-w) * .06667);height:calc(var(--app-w) * .06667);display:flex;align-items:center;justify-content:center;margin-bottom:0}.nav-icon img{width:calc(var(--app-w) * .06667);height:calc(var(--app-w) * .06667);object-fit:contain}.nav-text{margin-top:calc(var(--app-w) * .02133)}.nav-icon.sports{width:calc(var(--app-w) * .19);height:calc(var(--app-w) * .19);display:flex;align-items:center;justify-content:center;margin-top:calc(var(--app-w) * -.07915);background-image:url(/assets/kggbgfkgr5tk8d.app_assets_tabbar-day-2-EhphU_Zl.png);background-repeat:no-repeat;background-position:center;background-size:100% 100%}.ball-bg{width:calc(var(--app-w) * .12);height:calc(var(--app-w) * .12);display:grid;place-items:center;border-radius:50%;background:var(--brand)}.nav-icon.sports .tabbar-ball-ico{width:calc(var(--app-w) * .07);height:calc(var(--app-w) * .07);object-fit:contain}.active-ball{animation:tabbarSportsBounce .5s ease-in-out}.ball-press{animation:tabbarBallPress .4s ease-in-out}@keyframes tabbarSportsBounce{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1.1)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes tabbarBallPress{0%{transform:scale(1);animation-timing-function:ease-in-out}50%{transform:scale(.5);animation-timing-function:ease-in-out}to{transform:scale(1)}}.member-gift{position:fixed;right:calc((100vw - var(--app-w)) / 2 + var(--app-w) * .023);bottom:calc(var(--app-w) * .16133);z-index:999;width:calc(var(--app-w) * .16933);height:calc(var(--app-w) * .18667);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;background:transparent}.member-gift-trigger{width:calc(var(--app-w) * .16933);height:calc(var(--app-w) * .14337);display:flex;align-items:flex-start;justify-content:center;padding:0;background:transparent;cursor:pointer;transition:transform .18s ease}.member-gift-trigger:active{transform:scale(.96)}.member-gift-trigger img{width:calc(var(--app-w) * .16933);height:calc(var(--app-w) * .128);margin-top:calc(var(--app-w) * -.005);object-fit:fill}.member-gift-close{width:calc(var(--app-w) * .05333);height:calc(var(--app-w) * .05333);display:flex;align-items:center;justify-content:center;align-self:center;padding:0;background:transparent;color:#9d9d9d;cursor:pointer}.member-gift-close svg{width:100%;height:100%;display:block}.member-gift-close circle,.member-gift-close path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.member-day-float{position:fixed;right:calc((100vw - var(--app-w)) / 2 + var(--app-w) * .0515);bottom:calc(var(--app-w) * .43);z-index:999;width:calc(var(--app-w) * .128);height:calc(var(--app-w) * .128);display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:transparent;cursor:pointer}.member-day-float img{position:absolute;width:calc(var(--app-w) * .178);height:calc(var(--app-w) * .178);max-width:none;object-fit:fill}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#00000052}.auth-dialog{position:relative;width:min(100%,360px);padding:24px 18px 20px;border-radius:16px;background:#fff;box-shadow:0 14px 48px #0000002e}.dialog-close{position:absolute;top:8px;right:8px}.auth-dialog h2{margin:0 0 18px;color:var(--brand);text-align:center;font-size:22px}.auth-dialog label{display:grid;gap:7px;margin-bottom:13px;color:#555;font-size:13px;font-weight:700}.auth-dialog input{height:42px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:none}.auth-dialog input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.dialog-submit{width:100%;height:42px;margin-top:4px}.dialog-fade-enter-active,.dialog-fade-leave-active{transition:opacity .18s ease}.dialog-fade-enter-active .auth-dialog,.dialog-fade-leave-active .auth-dialog{transition:transform .2s ease}.dialog-fade-enter-from,.dialog-fade-leave-to{opacity:0}.dialog-fade-enter-from .auth-dialog,.dialog-fade-leave-to .auth-dialog{transform:translateY(16px) scale(.98)}:root[data-app-narrow=true] .app-surface{padding-left:10px;padding-right:10px}:root[data-app-narrow=true] .hero-copy{left:82px}:root[data-app-narrow=true] .hero-copy h1{font-size:18px}:root[data-app-narrow=true] .game-grid,:root[data-app-narrow=true] .recommend-grid{gap:6px}@keyframes notice-marquee{0%{transform:translate(calc(var(--app-w) * .7041),-50%)}to{transform:translate(-100%,-50%)}}