:root{--csstools-color-scheme--light: initial;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--csstools-color-scheme--light: }}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:#e9edf6}body{min-height:100vh;font-family:"OPPO Sans 4.0",OPPO Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(104,92,255,.14),transparent 30%),radial-gradient(circle at 80% 12%,rgba(28,156,255,.12),transparent 28%),#eef1f7;overflow-x:hidden;color:#171828}button{font:inherit}#app{min-height:100vh}.game-container{width:100%;max-width:430PX;min-height:0;margin:0 auto;position:relative;overflow:hidden;background:#f5f6fa;box-shadow:0 0 44PX rgba(24,29,61,.13)}.game-container.night-mode{background:#0d0e17;color:#f7f7fb}.background-section{width:100%;height:5.22222rem;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;animation:heroReveal .55s ease both}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,11,34,.06),rgba(8,11,34,0) 48%,rgba(245,246,250,.96)),linear-gradient(90deg,rgba(15,18,48,.08),transparent 30%,transparent 70%,rgba(15,18,48,.08))}.night-mode .gradient-overlay{background:linear-gradient(180deg,rgba(5,6,14,.08),rgba(5,6,14,.1) 48%,#0d0e17)}.game-info-section{position:relative;z-index:3;margin-top:-.22222rem;display:flex;flex-direction:column;border-radius:.88889rem .88889rem 0 0;background:rgba(245,246,250,.98);box-shadow:0 -.27778rem .94444rem rgba(31,35,73,.08)}.night-mode .game-info-section{background:rgba(13,14,23,.98);box-shadow:0 -.27778rem .94444rem rgba(0,0,0,.3)}.game-header{min-height:2.66667rem;margin-bottom:-.44444rem;padding:0 .55556rem .16667rem;transform:translateY(-.75rem);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.11111rem}.game-icon{width:1.77778rem;height:1.77778rem;margin-bottom:0;flex-shrink:0;border:.11111rem solid rgba(255,255,255,.96);border-radius:.5rem;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 .33333rem .83333rem rgba(33,35,74,.22);animation:iconLift .5s .1s ease both}.game-kicker{padding:.05556rem .19444rem;border:.02778rem solid rgba(102,86,255,.13);border-radius:27.75rem;background:rgba(102,86,255,.09);color:#6656e9;font-size:.22222rem;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.night-mode .game-kicker{border-color:rgba(151,140,255,.2);background:rgba(138,125,255,.13);color:#b7adff}.game-title{margin:0;color:#191a2a;font-size:.58333rem;font-weight:750;line-height:1.2;letter-spacing:-.02em;text-align:center}.night-mode .game-title{color:#f8f8fc}.game-stats{width:calc(100% - .88889rem);margin:0 .44444rem .27778rem;padding:.22222rem .11111rem;display:flex;gap:0;border:.02778rem solid rgba(40,43,80,.06);border-radius:.44444rem;background:rgba(255,255,255,.88);box-shadow:0 .22222rem .66667rem rgba(35,38,72,.055)}.night-mode .game-stats{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.055);box-shadow:none}.stat-item{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center}.stat-item+.stat-item:before{content:"";position:absolute;top:.11111rem;bottom:.11111rem;left:0;width:.02778rem;background:rgba(34,36,67,.08)}.night-mode .stat-item+.stat-item:before{background:rgba(255,255,255,.09)}.stat-value{max-width:100%;overflow:hidden;color:#222333;font-size:.38889rem;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.night-mode .stat-value{color:#f5f5fa}.stat-label{color:#888a99;font-size:.22222rem;font-weight:500;line-height:1.5}.night-mode .stat-label{color:#8f909e}.stat-score{display:flex;align-items:center;gap:.05556rem}.star-icon{width:.33333rem;height:.33333rem;display:flex;align-items:center;justify-content:center}.play-button{width:calc(100% - .88889rem);height:1.22222rem;margin:0 .44444rem;border:0;border-radius:.44444rem;background:linear-gradient(105deg,#ff8b16,#ff6a00 52%,#ff532b);box-shadow:0 .33333rem .72222rem rgba(255,103,20,.28);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}.play-button:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-.02778rem);box-shadow:0 .38889rem .83333rem rgba(255,103,20,.33)}.play-button:active{transform:scale(.985);box-shadow:0 .22222rem .5rem rgba(255,103,20,.24)}.play-button-content{display:flex;align-items:center;gap:.22222rem}.play-icon{width:.55556rem;height:.55556rem;display:flex;align-items:center;justify-content:center}.play-icon svg{width:100%;height:100%}.play-text{color:#fff;font-size:.41667rem;font-weight:700;line-height:1.4;letter-spacing:.01em}.middle-banner{width:calc(100% - .88889rem);min-height:3rem;margin:.33333rem .44444rem 0;padding:0;position:relative;overflow:hidden;border:.02778rem solid rgba(45,49,82,.06);border-radius:.44444rem;background:rgba(255,255,255,.72);box-shadow:0 .22222rem .66667rem rgba(35,38,72,.05)}.night-mode .middle-banner{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.055);box-shadow:none}.middle-banner-content{width:100%;min-height:3rem;overflow:hidden;border:.02778rem dashed rgba(61,65,101,.1);border-radius:.44444rem;background:linear-gradient(110deg,rgba(246,247,251,.7),rgba(255,255,255,.96),rgba(246,247,251,.7))}.night-mode .middle-banner-content{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.024)}.adsbygoogle{display:block;width:100%;height:100%}.middle-banner-controls{position:absolute;right:.36111rem;bottom:.22222rem;height:.38889rem;z-index:10;display:flex;align-items:center;gap:.11111rem}.middle-banner-ad-label,.bottom-banner-ad-label{color:rgba(39,42,69,.38);font-size:.25rem;font-weight:600;line-height:1;letter-spacing:.04em}.night-mode .middle-banner-ad-label,.night-mode .bottom-banner-ad-label{color:rgba(255,255,255,.38)}.middle-banner-close,.bottom-banner-close{width:.44444rem;height:.44444rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.middle-banner-close:active,.bottom-banner-close:active{background:rgba(42,44,72,.08)}.middle-banner-close svg,.bottom-banner-close svg{width:.25rem;height:.25rem}.recommendations{margin-top:.33333rem;padding:0 0 .11111rem}.recommendations.with-middle-banner,.recommendations.without-middle-banner{margin-top:.33333rem}.section-heading{min-height:1.16667rem;padding:0 .44444rem;display:flex;align-items:center;justify-content:space-between}.section-title{color:#1c1d2c;font-size:.41667rem;font-weight:750;line-height:1.35;letter-spacing:-.01em}.night-mode .section-title{color:#f4f4f9}.section-subtitle{margin-top:.02778rem;color:#9596a4;font-size:.22222rem;font-weight:500;line-height:1.4}.night-mode .section-subtitle{color:#777986}.section-count{padding:.11111rem .19444rem;border-radius:27.75rem;background:rgba(102,86,233,.09);color:#6656d9;font-size:.22222rem;font-weight:700}.night-mode .section-count{background:rgba(147,134,255,.13);color:#afa5ff}.game-grid-container{width:100%;padding:.13889rem .44444rem .33333rem;display:flex;gap:.27778rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:.44444rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.game-grid-container::-webkit-scrollbar{display:none}.game-card{width:2.88889rem;height:4.16667rem;flex:0 0 2.88889rem;position:relative;overflow:hidden;border:.02778rem solid rgba(255,255,255,.6);border-radius:.41667rem;background:#dfe2ec;box-shadow:0 .27778rem .66667rem rgba(26,29,60,.14);cursor:pointer;scroll-snap-align:start;transition:transform .22s ease,box-shadow .22s ease;animation:cardReveal .45s ease both}.game-card:nth-child(1){animation-delay:.04s}.game-card:nth-child(2){animation-delay:.08s}.game-card:nth-child(3){animation-delay:.12s}.game-card:nth-child(4){animation-delay:.16s}.game-card:nth-child(5){animation-delay:.2s}.game-card:nth-child(6){animation-delay:.24s}.game-card:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(9,11,28,.2) 28%,rgba(8,9,24,.92) 100%);pointer-events:none}.game-card:hover{transform:translateY(-.08333rem);box-shadow:0 .38889rem .83333rem rgba(26,29,60,.2)}.game-card:active{transform:scale(.98)}.game-card-bg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease,transform .5s ease;transform:scale(1.3)}.game-card-overlay{position:absolute;top:42%;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .35s ease}.game-card-overlay.visible{opacity:.65}.game-card-overlay.visible.fallback{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.86) 100%)!important}.game-card-bg.lazy{opacity:0}.game-card-bg.lazy.loaded{opacity:1}.game-card-bg.lazy.loading,.game-card-bg.lazy.error{opacity:1;background:linear-gradient(110deg,#e8eaf1 15%,#f7f8fb 42%,#e8eaf1 70%);background-size:220% 100%;animation:skeleton 1.2s linear infinite}.game-card-content{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:.25rem .22222rem}.game-card-title{min-height:.69444rem;overflow:hidden;color:rgba(255,255,255,.98);font-size:.30556rem;font-weight:700;line-height:1.22;text-shadow:0 .05556rem .16667rem rgba(0,0,0,.25);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.game-card-stats{position:absolute;top:.19444rem;left:.19444rem;z-index:4;padding:.05556rem .16667rem;border:.02778rem solid rgba(255,255,255,.16);border-radius:27.75rem;background:rgba(12,14,33,.42);backdrop-filter:blur(.27778rem);display:flex;align-items:center;gap:.08333rem}.group-icon{width:.27778rem;height:.27778rem;display:flex;align-items:center;justify-content:center}.stats-text{color:rgba(255,255,255,.96);font-size:.22222rem;font-weight:700;line-height:1.4}.game-iframe-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#05060d}.game-iframe{width:100%;height:100%;border:0;background:#05060d}.game-back-button{position:absolute;top:max(100PX,env(safe-area-inset-top));left:max(20PX,env(safe-area-inset-left));z-index:10003;width:44PX;height:44PX;padding:0;border:1PX solid rgba(255,255,255,.26);border-radius:50%;background:rgba(7,8,19,.56);box-shadow:0 8PX 22PX rgba(0,0,0,.28);backdrop-filter:blur(12PX);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.game-back-button:active{transform:scale(.93);background:rgba(7,8,19,.76)}.bottom-banner-container{width:100%;max-width:430PX;height:1.77778rem;position:relative;z-index:5;margin:0 auto;padding:.16667rem .44444rem .22222rem;background:#f5f6fa}.bottom-banner-container.night-mode{background:#0d0e17}.bottom-banner{width:100%;height:1.38889rem;position:relative;overflow:hidden;background:#fff}.night-mode .bottom-banner{border-color:rgba(255,255,255,.08);background:#181924;box-shadow:none}.bottom-banner-content{width:100%;height:100%}.bottom-banner-controls{position:absolute;top:.16667rem;right:.22222rem;z-index:10;display:flex;align-items:center;gap:.11111rem}.floating-ad-container{position:fixed;right:max(8PX,(100vw - 430PX) / 2 + 8PX);bottom:76PX;z-index:10002;width:118PX;height:126PX;filter:drop-shadow(0 14PX 24PX rgba(58,36,151,.32));will-change:transform;transition:filter .18s ease}.floating-ad-container.dragging{z-index:10004;filter:drop-shadow(0 18PX 30PX rgba(58,36,151,.42))}.floating-ad-container.dragging .floating-ad-content{cursor:grabbing}.floating-ad-container.dragging .treasure-art{animation-play-state:paused;transform:scale(1.055)}.floating-ad-content{width:100%;height:100%;position:relative;overflow:visible;border:0;background:transparent;color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.floating-ad-content.burst .treasure-portal{animation:portalBurst .9s ease-out}.floating-ad-content.burst .treasure-art{animation:treasureArtBurst .72s cubic-bezier(.2,.9,.28,1.25)}.floating-ad-content.burst .treasure-particle{animation-duration:.75s}.treasure-portal{position:absolute;top:7PX;left:10PX;width:98PX;height:98PX;border-radius:50%;background:radial-gradient(circle,rgba(255,240,137,.64) 0,rgba(255,240,137,.64) 12%,rgba(110,83,255,.42) 35%,transparent 68%),conic-gradient(from 0deg,transparent 0deg,transparent 15deg,rgba(255,224,103,.75) 15deg,rgba(255,224,103,.75) 20deg,transparent 20deg,transparent 45deg,rgba(122,84,255,.7) 45deg,rgba(122,84,255,.7) 51deg,transparent 51deg,transparent 90deg,rgba(255,224,103,.64) 90deg,rgba(255,224,103,.64) 96deg,transparent 96deg,transparent 360deg);background:radial-gradient(circle,rgba(255,240,137,.64) 0 12%,rgba(110,83,255,.42) 35%,transparent 68%),conic-gradient(from 0deg,transparent 0deg 15deg,rgba(255,224,103,.75) 15deg 20deg,transparent 20deg 45deg,rgba(122,84,255,.7) 45deg 51deg,transparent 51deg 90deg,rgba(255,224,103,.64) 90deg 96deg,transparent 96deg 360deg);opacity:.82;filter:blur(.2PX);animation:portalSpin 7s linear infinite}.treasure-portal:after{content:"";position:absolute;top:13PX;right:13PX;bottom:13PX;left:13PX;border:2PX solid rgba(190,175,255,.68);border-radius:50%;box-shadow:0 0 12PX rgba(118,89,255,.8),inset 0 0 12PX rgba(255,218,90,.32)}.treasure-orbit{position:absolute;top:15PX;left:13PX;width:92PX;height:72PX;z-index:1;border:1PX solid rgba(255,226,111,.48);border-radius:50%;transform:rotate(-18deg);animation:orbitTilt 3.2s ease-in-out infinite}.orbit-two{top:20PX;left:16PX;width:86PX;height:64PX;border-color:rgba(139,108,255,.64);transform:rotate(22deg);animation-delay:-1.6s}.treasure-art{position:absolute;top:2PX;left:2PX;z-index:3;width:114PX;height:114PX;-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 7PX 8PX rgba(47,20,84,.34)) saturate(1.12) contrast(1.04);animation:treasureHover 2.8s ease-in-out infinite}.treasure-label{position:absolute;right:20PX;bottom:0;left:20PX;z-index:5;padding:5PX 7PX;border:1PX solid rgba(255,255,255,.58);border-radius:999PX;background:linear-gradient(90deg,#ff5a1a,#ff8712 55%,#f04fbc);box-shadow:0 6PX 14PX rgba(93,58,220,.36),inset 0 1PX rgba(255,255,255,.34);color:#fff;font-size:10PX;font-weight:900;line-height:1;letter-spacing:.14em;text-align:center;text-shadow:0 1PX 3PX rgba(42,18,92,.4);animation:claimPulse 1.7s ease-in-out infinite}.treasure-particle{position:absolute;z-index:4;width:8PX;height:8PX;border-radius:2PX;background:linear-gradient(135deg,#fffbd0,#ffd235);box-shadow:0 0 10PX #ffd52d;transform:rotate(45deg);animation:premiumParticle 2.4s ease-in-out infinite}.particle-one{top:19PX;left:8PX;animation-delay:-.3s}.particle-two{top:8PX;right:12PX;width:5PX;height:5PX;animation-delay:-1.1s}.particle-three{top:48PX;right:3PX;width:4PX;height:4PX;animation-delay:-1.7s}.floating-ad-close{position:absolute;top:3PX;right:2PX;z-index:10;width:20PX;height:20PX;cursor:pointer;filter:drop-shadow(0 2PX 5PX rgba(0,0,0,.32))}.hidden,.game-container.hidden{display:none!important}@keyframes heroReveal{0%{opacity:.72;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes iconLift{0%{opacity:0;transform:translateY(.27778rem) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(.33333rem)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton{to{background-position-x:-220%}}@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes treasureHover{0%,to{transform:translateY(1PX) scale(1)}50%{transform:translateY(-6PX) scale(1.035)}}@keyframes orbitTilt{0%,to{opacity:.45;transform:rotate(-18deg) scale(.95)}50%{opacity:.9;transform:rotate(12deg) scale(1.06)}}@keyframes claimPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.075);filter:brightness(1.14)}}@keyframes premiumParticle{0%,to{opacity:0;transform:translateY(9PX) rotate(45deg) scale(.4)}45%{opacity:1}75%{opacity:0;transform:translateY(-16PX) rotate(110deg) scale(1.12)}}@keyframes portalBurst{0%{opacity:1;transform:scale(.72) rotate(0)}to{opacity:0;transform:scale(1.75) rotate(110deg)}}@keyframes treasureArtBurst{0%{transform:scale(1)}34%{transform:scale(1.22) rotate(-5deg)}68%{transform:scale(.94) rotate(3deg)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}