:root{--csstools-color-scheme--light: ;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;background:#06060e}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#06060e;overflow-x:hidden;color:#f0f0f8}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(124,77,255,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(0,229,255,.06),transparent);pointer-events:none}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:#0c0c18;box-shadow:0 0 60PX rgba(0,0,0,.5)}.game-container.night-mode{background:#06060e;color:#f0f0f8}.catalog-back-link{position:absolute;top:max(.38889rem,env(safe-area-inset-top));left:max(.38889rem,env(safe-area-inset-left));z-index:8;min-height:1rem;padding:0 .36111rem 0 .25rem;display:inline-flex;align-items:center;gap:.19444rem;border:.02778rem solid rgba(255,255,255,.12);border-radius:27.75rem;background:rgba(6,6,14,.72);box-shadow:0 .22222rem .66667rem rgba(0,0,0,.3);backdrop-filter:blur(.38889rem) saturate(1.2);color:rgba(255,255,255,.9);font-size:.30556rem;font-weight:600;letter-spacing:.01em;-webkit-text-decoration:none;text-decoration:none;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.catalog-back-link:hover{border-color:rgba(0,229,255,.3);background:rgba(12,12,24,.85);transform:translateY(-.02778rem)}.catalog-back-link:active{transform:scale(.97)}.catalog-back-icon{width:.61111rem;height:.61111rem;display:grid;align-items:center;justify-items:center;place-items:center;border-radius:50%;background:rgba(255,255,255,.08)}.background-section{width:100%;height:5.55556rem;position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;animation:heroReveal .6s ease both}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(6,6,14,.1),rgba(6,6,14,0) 40%,rgba(12,12,24,.96))}.game-info-section{position:relative;z-index:3;margin-top:-.33333rem;display:flex;flex-direction:column;border-radius:.77778rem .77778rem 0 0;background:rgba(12,12,24,.98);box-shadow:0 -.22222rem .88889rem 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:.08333rem solid rgba(255,255,255,.12);border-radius:.5rem;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 .33333rem .83333rem rgba(0,0,0,.4);animation:iconLift .5s .1s ease both}.game-kicker{padding:.08333rem .27778rem;border:.02778rem solid rgba(0,229,255,.2);border-radius:27.75rem;background:rgba(0,229,255,.08);color:#00e5ff;font-size:.25rem;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.game-title{margin:0;color:#f0f0f8;font-size:.61111rem;font-weight:750;line-height:1.2;letter-spacing:-.02em;text-align:center}.game-stats{width:calc(100% - .88889rem);margin:0 .44444rem .27778rem;padding:.27778rem .11111rem;display:flex;gap:0;border:.02778rem solid rgba(255,255,255,.06);border-radius:.44444rem;background:rgba(255,255,255,.04);box-shadow:0 .11111rem .44444rem rgba(0,0,0,.2)}.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(255,255,255,.06)}.stat-value{max-width:100%;overflow:hidden;color:#f0f0f8;font-size:.41667rem;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.stat-label{color:#666680;font-size:.25rem;font-weight:500;line-height:1.5;margin-top:.05556rem}.stat-score{display:flex;align-items:center;gap:.08333rem}.star-icon{width:.33333rem;height:.33333rem;display:flex;align-items:center;justify-content:center}.play-button{width:calc(100% - .88889rem);height:1.33333rem;margin:0 .44444rem;border:0;border-radius:.44444rem;background:linear-gradient(135deg,#ff1744,#ff9100);box-shadow:0 .22222rem .66667rem rgba(255,23,68,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;-webkit-tap-highlight-color:transparent}.play-button:hover{transform:translateY(-.05556rem);box-shadow:0 .33333rem .88889rem rgba(255,23,68,.4)}.play-button:active{transform:scale(.98);box-shadow:0 .16667rem .44444rem rgba(255,23,68,.25)}.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(255,255,255,.06);border-radius:.44444rem;background:rgba(255,255,255,.03);box-shadow:0 .11111rem .44444rem rgba(0,0,0,.15)}.middle-banner-content{width:100%;min-height:3rem;overflow:hidden;border:.02778rem dashed rgba(255,255,255,.08);border-radius:.44444rem;background:rgba(255,255,255,.02)}.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(255,255,255,.3);font-size:.25rem;font-weight:600;line-height:1;letter-spacing:.04em}.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(255,255,255,.08)}.middle-banner-close svg,.bottom-banner-close svg{width:.25rem;height:.25rem}.recommendations{margin-top:.44444rem;padding:0 0 .22222rem}.section-heading{min-height:1.16667rem;padding:0 .44444rem;display:flex;align-items:center;justify-content:space-between}.section-title{color:#f0f0f8;font-size:.44444rem;font-weight:750;line-height:1.35;letter-spacing:-.01em}.section-subtitle{margin-top:.05556rem;color:#666680;font-size:.25rem;font-weight:500;line-height:1.4}.section-count{padding:.11111rem .27778rem;border-radius:27.75rem;background:rgba(0,229,255,.08);color:#00e5ff;font-size:.25rem;font-weight:700;border:.02778rem solid rgba(0,229,255,.15)}.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:3.05556rem;height:4.33333rem;flex:0 0 3.05556rem;position:relative;overflow:hidden;border:.02778rem solid rgba(255,255,255,.06);border-radius:.44444rem;background:#12121f;box-shadow:0 .22222rem .66667rem rgba(0,0,0,.3);cursor:pointer;scroll-snap-align:start;transition:all .25s 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:nth-child(7){animation-delay:.28s}.game-card:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(6,6,14,.3) 28%,rgba(6,6,14,.92) 100%);pointer-events:none}.game-card:hover{transform:translateY(-.11111rem);border-color:rgba(0,229,255,.2);box-shadow:0 .33333rem .88889rem rgba(0,0,0,.4),0 0 .55556rem rgba(0,229,255,.08)}.game-card:active{transform:scale(.97)}.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,#12121f 15%,#1a1a2e 42%,#12121f 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,.95);font-size:.30556rem;font-weight:700;line-height:1.22;text-shadow:0 .05556rem .16667rem rgba(0,0,0,.4);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:.08333rem .19444rem;border:.02778rem solid rgba(255,255,255,.12);border-radius:27.75rem;background:rgba(6,6,14,.6);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,.9);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,.15);border-radius:50%;background:rgba(6,6,14,.7);box-shadow:0 8PX 22PX rgba(0,0,0,.4);backdrop-filter:blur(12PX);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.game-back-button:active{transform:scale(.93);background:rgba(6,6,14,.9)}.bottom-banner-container{width:100%;max-width:430PX;height:1.77778rem;position:relative;z-index:5;margin:0 auto;padding:.16667rem .44444rem .22222rem;background:#0c0c18}.bottom-banner{width:100%;height:1.38889rem;position:relative;overflow:hidden;background:#12121f}.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(124,77,255,.3));will-change:transform;transition:filter .18s ease}.floating-ad-container.dragging{z-index:10004;filter:drop-shadow(0 18PX 30PX rgba(124,77,255,.4))}.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(124,77,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(124,77,255,.7) 45deg,rgba(124,77,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(124,77,255,.42) 35%,transparent 68%),conic-gradient(from 0deg,transparent 0deg 15deg,rgba(255,224,103,.75) 15deg 20deg,transparent 20deg 45deg,rgba(124,77,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(124,77,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(124,77,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,#ff1744,#ff9100 55%,#7c4dff);box-shadow:0 6PX 14PX rgba(124,77,255,.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}}