.sr-shell{--u:clamp(50px, 13.3333vw, 100px);--app-max-width:750px;letter-spacing:normal;text-rendering:auto;line-height:1.15;font-size:calc(.32 * var(--u));min-height:100dvh;max-width:var(--app-max-width);margin:0 auto;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.sr-shell .blur{--tw-blur:initial;filter:none}main.content.sr-shell{background:var(--main-bg,#bddecd);padding:0}.sr-shell .am-icon,.sr-shell .menu-icon,.sr-shell .star-icon,.sr-shell .notice-icon,.sr-shell .footer-social-icon svg,.sr-shell .item-icon svg{vertical-align:baseline;display:inline-block}.sr-shell .home-header-wrap .header-logo img{width:auto;height:calc(.72 * var(--u));max-width:calc(2.6 * var(--u));object-fit:contain}.sr-shell{background:var(--main-bg,#bddecd);color:var(--text-1,#183f2f)}.sr-shell .scroll-num{overflow:hidden}.sr-shell .game-list-item .game-background img,.sr-shell .game-list-item .game-background .img-loading,.sr-shell .game-list-item .game-background .lazy-load-image-background{object-fit:cover;object-position:center;width:100%;height:100%}.sr-shell .notice-root .marquee .marquee_content{gap:calc(1 * var(--u));will-change:transform;animation:18s linear infinite sr-marquee;display:inline-flex}.sr-shell .notice-root .marquee:hover .marquee_content{animation-play-state:paused}.sr-shell .notice-root .marquee .marquee_content.empty{animation:none}@keyframes sr-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sr-shell .notice-root .marquee .marquee_content{animation:none}}.sr-shell .sr-skel-tile .game-background,.sr-shell .sr-skel-dot,.sr-shell .sr-skel-line{background:color-mix(in srgb, var(--color-first-200,#66ac97) 55%, transparent);border-radius:calc(.1 * var(--u));animation:1.2s ease-in-out infinite sr-skel-pulse}.sr-shell .sr-skel-dot{width:calc(.4 * var(--u));height:calc(.4 * var(--u));border-radius:50%}.sr-shell .sr-skel-line{width:calc(.7 * var(--u));height:calc(.2 * var(--u));display:block}@keyframes sr-skel-pulse{0%,to{opacity:.45}50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.sr-shell .sr-skel-tile .game-background,.sr-shell .sr-skel-dot,.sr-shell .sr-skel-line{animation:none}}.sr-shell .header-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sr-shell .header-menu{background:0 0;border:none;padding:0}.sr-shell .header-drop-menu{position:relative}.sr-shell .drop-menu-item{align-items:center;gap:calc(.18 * var(--u));width:100%;font-size:calc(.28 * var(--u));color:#fff;text-align:left;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:600;display:flex}.sr-shell .drop-menu-item .menu-icon{width:calc(.5 * var(--u));height:calc(.5 * var(--u));flex:none;justify-content:center;align-items:center;display:flex;position:relative}.sr-shell .drop-menu-item .menu-icon .am-icon{width:100%;height:100%}.sr-shell .drop-menu-item.sr-danger,.sr-shell .drop-menu-item.sr-danger .am-icon{color:#ff4d4f}.sr-shell .sr-menu-badge{top:calc(-.04 * var(--u));right:calc(-.04 * var(--u));min-width:calc(.24 * var(--u));height:calc(.24 * var(--u));padding:0 calc(.05 * var(--u));font-size:calc(.16 * var(--u));font-style:normal;font-weight:700;line-height:calc(.24 * var(--u));color:#fff;text-align:center;border-radius:calc(.24 * var(--u));background:#ff4d4f;position:absolute}.sr-shell .home-banner{padding-left:calc(.32 * var(--u));padding-right:calc(.32 * var(--u))}.sr-shell .home-banner .banner-rail{padding-left:0;padding-right:0}.sr-shell .home-banner{padding-top:calc(.24 * var(--u))}.sr-shell .home-content .banner-hero .hero-slide{aspect-ratio:2;flex:0 0 100%;width:100%}.sr-shell .home-content .banner-rail{scroll-padding:0}.sr-shell .search-filter{margin-bottom:calc(.24 * var(--u));align-items:center;display:flex}.sr-shell .search-input-wrap{flex:1;width:100%}.sr-shell .search-input-wrap .search-input-content{width:100%;position:relative}.sr-shell .search-input-wrap .search-input-content .search-icon{top:50%;left:calc(.22 * var(--u));width:calc(.4 * var(--u));height:calc(.4 * var(--u));color:var(--color-second-500);position:absolute;transform:translateY(-50%)}.sr-shell .search-input-content .search-input{width:100%;height:calc(.58 * var(--u));padding:0 calc(.2 * var(--u)) 0 calc(.8 * var(--u));font-size:calc(.24 * var(--u));color:#fff;background:var(--color-first-700);border:calc(.02 * var(--u)) solid var(--color-first-100);border-radius:calc(.5 * var(--u));outline:none;font-weight:500;display:block}.sr-shell .search-input-content .search-input::placeholder{color:#ffffff8c}.sr-shell .vendor-menu-wrap .vendor-menu-scroll{padding:0}.sr-shell .vendor-menu-wrap .vendor-menu-swiper{-webkit-overflow-scrolling:touch;overflow:auto hidden}.sr-shell .vendor-menu-wrap .swiper-wrapper{align-items:center;gap:calc(.16 * var(--u));display:flex}.sr-shell .vendor-menu-wrap .vendor-menu-item{cursor:pointer;padding:0 calc(.12 * var(--u));flex:none}.sr-shell .vendor-menu-wrap .vendor-menu-item .menu-icon{width:calc(.8 * var(--u));height:calc(.48 * var(--u));justify-content:center;align-items:center;display:flex;overflow:hidden}.sr-shell .vendor-menu-wrap .vendor-menu-item .menu-icon .common-vendor-icon{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.sr-shell .sr-more-games{width:100%;margin:calc(.3 * var(--u)) 0 calc(.1 * var(--u));padding:calc(.28 * var(--u)) 0;border-radius:calc(.24 * var(--u));color:#fff;font-size:calc(.24 * var(--u));cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;font-weight:700;display:block}.sr-shell .sr-more-games:active{transform:scale(.99)}.sr-shell .sr-no-games{padding:calc(.6 * var(--u)) 0;font-size:calc(.24 * var(--u));color:#ffffffb3;text-align:center}.sr-shell.promo-xd .activity-title,.sr-shell.promo-xd .page-header,.sr-shell.promo-xd .page-header .color{color:var(--color-first-600,#004b0a)}.sr-shell.promo-xd .page-header a{color:var(--color-first-300,#3e9975)}.sr-shell.promo-xd .activity-nav{background:var(--color-first-300,#3e9975);border-radius:calc(.5 * var(--u))}.sr-shell.promo-xd .promo-item{border-color:color-mix(in srgb, var(--color-first-600,#004b0a) 35%, transparent)}.sr-shell.promo-xd .activity-preview{padding:calc(.24 * var(--u)) calc(.32 * var(--u)) 0}.sr-shell.promo-xd .activity-nav{margin-left:0;margin-right:0}.sr-shell .footer-menu{width:auto;left:0;right:0}.sr-shell{--safe-area-inset-bottom:env(safe-area-inset-bottom,0px)}.sr-shell .footer-menu .footer-menu-bg{box-sizing:border-box;height:calc(var(--footer-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.sr-shell .footer-menu{background:var(--color-first-300)}.sr-shell .footer-menu:after{content:"";background:var(--color-first-300);pointer-events:none;height:120px;position:absolute;top:100%;left:0;right:0}.sr-shell .game-list-item .game-fav{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sr-shell .sr-lang{gap:calc(.2 * var(--u));display:grid}.sr-shell .header-drop-menu .drop-menu-list .sr-lang-row{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.sr-shell .sr-lang-cur{margin-left:calc(.4 * var(--u));color:var(--color-second-300);font-weight:500}.sr-shell .sr-lang-caret{margin-left:calc(.1 * var(--u));border-top:calc(.1 * var(--u)) solid var(--color-second-300);border-right:calc(.08 * var(--u)) solid transparent;border-left:calc(.08 * var(--u)) solid transparent;flex:none;transition:transform .15s}.sr-shell .sr-lang-caret.on{transform:rotate(180deg)}.sr-shell .sr-lang-opts{gap:calc(.16 * var(--u));padding-left:calc(.72 * var(--u));display:grid}.sr-shell .sr-lang-opt{width:100%;padding:calc(.1 * var(--u)) calc(.16 * var(--u));font-size:calc(.28 * var(--u));color:#fff;text-align:left;border:calc(.02 * var(--u)) solid transparent;border-radius:calc(.08 * var(--u));cursor:pointer;background:#0000002e;align-items:center;font-weight:600;line-height:normal;display:flex}.sr-shell .sr-lang-opt.on{color:#05080d;background:var(--gradient-2);border-color:var(--color-second-300)}
