.info-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.info-modal{background:url(/img/modal-bg.png) no-repeat center center;background-size:cover;width:650px;height:450px;border-radius:30px;box-shadow:0 20px 40px #0000004d;position:relative;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.info-modal-header{display:flex;align-items:center;justify-content:center;padding:20px 24px;background:transparent;position:relative;z-index:10}.info-modal-title{color:#6444c2;font-size:30px;font-weight:700;margin:0;text-align:center}.info-modal-close{position:absolute;top:20px;right:20px;width:30px;height:30px;background:url(/img/modal-close.png) no-repeat center center;background-size:contain;border:none;cursor:pointer;z-index:1010;transition:background-image .2s ease}.info-modal-close:hover{background-image:url(/img/modal-close-hover.png)}.info-modal-content{flex:1;padding:0 24px 24px;display:flex;flex-direction:column;justify-content:center}.pricing-layout{flex-direction:row!important;align-items:center;gap:40px}.modal-contact-left{flex:1;display:flex;flex-direction:column;gap:20px}.modal-contact-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.modal-contact-item{display:flex;align-items:center;gap:10px;color:#27262a;font-size:24px;font-weight:500}.modal-contact-icon{width:24px;height:24px;object-fit:contain}.whatsapp-qr{width:150px;height:150px;object-fit:contain}.whatsapp-text{color:#4f2ab5;font-size:16px;font-weight:500;margin:0}.demo-download{display:flex;flex-direction:column;align-items:center;gap:20px}.demo-qr{width:200px;height:200px;object-fit:contain}.demo-instruction{color:#27262a;font-size:16px;text-align:center;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.info-modal{width:95vw;max-width:650px;height:auto;min-height:450px;max-height:80vh}.info-modal-title{font-size:18px}.pricing-layout{flex-direction:column!important;gap:20px}.modal-contact-left{order:2}.modal-contact-right{order:1}.modal-contact-item{font-size:14px}.whatsapp-qr{width:120px;height:120px}.demo-qr{width:180px;height:180px}.info-modal-content{padding:0 16px 16px}}.navbar{background:#1a235e;padding:15px 0;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 20px}.logo{color:#fff;font-size:28px;font-weight:700}.logo span{color:#00d4ff}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#efebeb;text-decoration:none;font-size:16px;transition:color .3s;position:relative;padding-bottom:8px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background-image:url(/img/underline.png);background-size:contain;background-repeat:no-repeat;background-position:center bottom;opacity:0;transition:opacity .3s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{opacity:1}.nav-links li.mobile-only{display:none}.nav-right{display:flex;align-items:center;gap:20px}.lang-switch{display:flex;align-items:center;gap:8px;font-size:14px}.lang-link{color:#ffffff80;text-decoration:none;transition:color .3s}.lang-link:hover,.lang-link.active{color:#fff}.lang-divider{color:#ffffff80;font-size:12px}.btn-login{background:linear-gradient(135deg,#0f03ed 0%,#1a11c5 100%);color:#fff;padding:8px 20px;border-radius:20px;text-decoration:none;font-size:14px;transition:all .3s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0f03ed4d}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;z-index:1001;position:relative}.mobile-menu-btn span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:#1a235e;flex-direction:column;padding:20px;gap:15px;transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:1000;pointer-events:none}.nav-links.active{pointer-events:auto}.nav-links.active{transform:translateY(0);opacity:1}.nav-links li{text-align:center}.nav-links a{font-size:16px;padding:10px 0;display:block}.navbar-container{justify-content:space-between;position:relative}.mobile-menu-btn{display:flex;order:3}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(13px,5px);transform-origin:center}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px);transform-origin:center}.nav-right{display:flex;order:2;gap:10px;align-items:center;position:absolute;right:60px}.logo{order:1;flex:1}.lang-switch{font-size:12px}.btn-login{padding:6px 12px;font-size:12px;border-radius:15px}}.footer{background:linear-gradient(135deg,#1a235e 0%,#0d1440 100%);color:#fff;padding:40px 0 20px;margin-top:auto}.footer-container{max-width:800px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;gap:30px}.footer-logo-row{display:flex;justify-content:center}.footer-content-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-contact-column{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:10px;font-size:16px}.contact-icon-img{width:20px;height:20px}.footer-qr-column{display:flex;flex-direction:column;align-items:center;gap:10px}.qr-code img{width:80px;height:80px;border-radius:8px;background-color:#fff;padding:10px}.qr-text{font-size:12px;color:#fffc}.footer-copyright-row{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.copyright p{font-size:12px;color:#fff9}@media (max-width: 768px){.footer-content-row{flex-direction:column;text-align:center;gap:30px}.footer-contact-column{align-items:center}}.home{padding-top:70px}.hero{background:linear-gradient(180deg,#6a5af9 0%,#9575cd 60%),url(/img/hero-bg.png) bottom/contain no-repeat;background-blend-mode:overlay;padding:30px 0 0;display:flex;align-items:center;justify-content:center;position:relative;min-height:500px;z-index:0}.hero-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1150px;padding:10px 50px;margin:-10px 20px 20px;background-image:url(/img/hero-popup-bg.png);background-repeat:no-repeat;border-radius:0 0 50px 50px;position:relative;z-index:1000}.hero-triangle{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(45deg);width:100px;height:100px;background:#eef4f7;border-radius:0 0 15px;filter:drop-shadow(0 0 2px rgba(0,0,0,.1));z-index:999}.hero-content{flex:1;max-width:600px;z-index:2}.hero-title{font-size:30px;color:#0b0909;margin-bottom:30px;line-height:1.3}.hero-subtitle{font-size:18px;color:#131212e6;margin-bottom:30px;line-height:1.6}.hero-buttons{display:flex;gap:15px;margin-top:100px}.btn-hero{padding:12px 25px;border-radius:25px;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#0f03ed 0%,#1a11c5 100%);color:#fff}.btn-secondary{background:rgba(255,255,255,.8);color:#000}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.hero-images{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;min-height:440px}.hero-main-image{max-width:80%;height:auto;position:relative;z-index:3;margin-left:100px;margin-bottom:50px}.time-wheel-container{position:absolute;bottom:90px;left:-20px;width:300px;height:300px;z-index:2}.time-wheel{position:absolute;width:100%;height:100%;border-radius:50%;animation-iteration-count:infinite;animation-timing-function:linear;background-size:contain;background-repeat:no-repeat;background-position:center}.time-wheel-1{background-image:url(/assets/index-hero-bg-1-8e210698.png);animation-name:rotate-clockwise;animation-duration:15s;width:70%;height:70%;left:15%;top:15%;transform-origin:center}.time-wheel-2{background-image:url(/assets/index-hero-bg-2-888df2f4.png);animation-name:rotate-counterclockwise;animation-duration:20s}@keyframes rotate-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.section{padding:80px 0;display:flex;justify-content:center}.section-container-full{width:100%;max-width:1200px;padding:0 20px}.home-section-title{text-align:center;color:#fff;font-size:38px;margin-bottom:0}.home-section-subtitle{text-align:center;color:#fffc;font-size:16px;margin-bottom:30px}.category-tabs{display:flex;justify-content:center;gap:15px}.tab-btn{background:rgba(255,255,255,.2);color:#fff;border:none;padding:12px 35px;border-radius:15px 15px 0 0;cursor:pointer;font-size:18px;transition:all .3s}.tab-btn.active,.tab-btn:hover{background:#fff;color:#5e35b1}.game-carousel{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px 0;justify-content:center}.home-game-card{width:100%;aspect-ratio:540/1000;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0003;transition:transform .3s}.home-game-card:hover{transform:translateY(-10px)}.video-container{position:relative;width:100%;height:100%;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.home-game-card:hover .video-overlay{opacity:1}.view-details-btn{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}.view-details-btn:hover{transform:scale(1.05)}.btn-more{display:block;width:220px;margin:30px auto 0;background:linear-gradient(135deg,#0f03ed 0%,#1a11c5 100%);color:#fff;text-align:center;padding:15px 40px;border-radius:25px;text-decoration:none;font-size:16px;transition:transform .3s}.btn-more:hover{transform:scale(1.05)}.btn-right{margin:30px 0 0 auto!important}.feature-section{display:flex;align-items:center;gap:60px;padding:80px 0;justify-content:center;height:550px}.feature-container{display:flex;align-items:center;gap:60px;width:100%;max-width:1200px;padding:0 20px}.feature-content{flex:1;text-align:left}.feature-title{font-size:36px;color:#5e35b1;margin-bottom:20px;line-height:1.3}.feature-text{font-size:16px;color:#fff;line-height:1.8;margin-bottom:25px;text-align:right}.feature-list{list-style:none;margin-top:20px}.feature-list li{color:#fff;margin-bottom:10px;padding-left:0;position:relative}.social-bg{background:url(/img/social-bg.png) center/cover no-repeat;position:relative}.social-bg .feature-container{position:relative;z-index:2;justify-content:flex-end}.social-bg .feature-content{text-align:right;max-width:500px;margin-left:auto}.open-bg{background:url(/img/open-bg.png) center/cover no-repeat;position:relative}.open-bg .feature-container{position:relative;z-index:2;justify-content:flex-start}.open-bg .feature-content{text-align:left;max-width:500px;margin-right:auto}.open-bg .feature-title{color:#f9e420}.open-bg .feature-list li{color:#fff}.code-bg{background:url(/img/code-bg.png) center/cover no-repeat;position:relative}.code-bg .feature-container{position:relative;z-index:2;justify-content:flex-end}.code-bg .feature-content{text-align:right;max-width:500px;margin-left:auto}.code-bg .feature-title{color:#39f1f1}.code-bg .feature-text{color:#ffffffe6}.game-bg-section{position:relative}.game-bg-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/img/game-bg.png) center/cover no-repeat;z-index:-1}@media (max-width: 768px){.hero{padding:20px 0 0;min-height:auto}.hero-container{flex-direction:column!important;padding:30px 20px 10px;align-items:center}.hero-content{max-width:100%!important;order:1!important;text-align:center;margin-bottom:20px!important}.hero-title{font-size:24px;line-height:1.4;margin-bottom:15px}.hero-subtitle{font-size:16px;margin-bottom:20px}.hero-images{min-height:auto!important;width:100%!important;order:2!important;margin:20px 0!important;display:flex!important;justify-content:center;position:relative}.hero-main-image{max-width:80%!important;margin:0 auto!important;position:relative;z-index:3}.time-wheel-container{bottom:30px;left:10px;width:120px;height:120px;z-index:2}.hero-buttons{flex-direction:column!important;gap:10px;justify-content:center;margin-top:20px!important;order:3!important;width:100%!important}.btn-hero{width:100%;text-align:center;max-width:250px;margin:0 auto}.section{padding:40px 0}.section-container-full{padding:0 15px;text-align:center}.home-section-title{font-size:24px!important}.home-section-subtitle{font-size:14px}.category-tabs{flex-wrap:wrap;gap:8px}.tab-btn{padding:8px 20px;font-size:14px}.game-carousel{grid-template-columns:repeat(2,1fr);gap:15px}.home-game-card{height:auto;aspect-ratio:540/1000}.view-details-btn{padding:8px 20px;font-size:14px}.btn-more{width:180px;padding:12px 30px;font-size:14px}.feature-section{padding:40px 0;height:auto!important}.feature-container{flex-direction:column;padding:0 15px;gap:30px;justify-content:center!important;align-items:center!important;max-width:100%!important;margin:0!important}.feature-content{text-align:center!important;max-width:100%!important;width:100%;margin:0!important}.feature-title{font-size:24px!important;line-height:1.4}.feature-text{font-size:14px}.feature-list{text-align:center;display:block;padding:0}.feature-list li{font-size:14px;list-style:none;margin-bottom:10px}.btn-more{display:inline-block!important;margin-top:20px!important}}@media (max-width: 480px){.hero-title{font-size:24px}.hero-subtitle{font-size:14px}.home-section-title{font-size:20px!important}.game-carousel{grid-template-columns:1fr}.home-game-card{aspect-ratio:540/1000}.feature-title{font-size:20px!important}}.list-page{padding-top:80px;min-height:calc(100vh - 160px);background-image:url(/img/list-bg.jpg);background-size:100% auto;background-position:top center;background-repeat:repeat-y;position:relative;overflow:hidden}.list-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(120deg,rgba(135,206,250,.5) 0%,rgba(186,220,255,.4) 15%,rgba(216,191,216,.4) 30%,rgba(255,239,213,.4) 45%,rgba(224,255,255,.5) 60%,rgba(173,216,230,.4) 75%,rgba(230,230,250,.4) 100%);background-size:500% 500%;animation:waveGradient 12s ease infinite;z-index:0;opacity:.9}.wave-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.wave-layer-1{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(180deg,transparent 0%,rgba(135,206,250,.4) 50%,rgba(135,206,250,.6) 100%);animation:waveUp1 8s ease-in-out infinite;z-index:1}.wave-layer-1:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C150,20 300,100 450,60 C600,20 750,100 900,60 C1050,20 1200,100 1200,60 L1200,120 L0,120 Z' fill='rgba(135, 206, 250, 0.5)'/%3E%3C/svg%3E") repeat-x;background-size:1200px 120px;animation:waveFlow1 8s linear infinite}.wave-layer-2{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(221,160,221,.35) 50%,rgba(221,160,221,.5) 100%);animation:waveUp2 10s ease-in-out infinite;z-index:2}.wave-layer-2:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C200,100 400,20 600,60 C800,100 1000,20 1200,60 L1200,120 L0,120 Z' fill='rgba(221, 160, 221, 0.45)'/%3E%3C/svg%3E") repeat-x;background-size:1200px 120px;animation:waveFlow2 10s linear infinite}.wave-layer-3{position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(180deg,transparent 0%,rgba(0,206,209,.3) 50%,rgba(0,206,209,.45) 100%);animation:waveUp3 12s ease-in-out infinite;z-index:3}.wave-layer-3:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C100,100 200,20 300,60 C400,100 500,20 600,60 C700,100 800,20 900,60 C1000,100 1100,20 1200,60 L1200,120 L0,120 Z' fill='rgba(0, 206, 209, 0.4)'/%3E%3C/svg%3E") repeat-x;background-size:1200px 120px;animation:waveFlow3 12s linear infinite}.wave-layer-4{position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(180deg,transparent 0%,rgba(255,218,185,.25) 50%,rgba(255,218,185,.4) 100%);animation:waveUp4 14s ease-in-out infinite;z-index:4}.wave-layer-4:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C150,20 300,100 450,60 C600,20 750,100 900,60 C1050,20 1200,100 1200,60 L1200,120 L0,120 Z' fill='rgba(255, 218, 185, 0.35)'/%3E%3C/svg%3E") repeat-x;background-size:1200px 120px;animation:waveFlow4 14s linear infinite}.list-page>*{position:relative;z-index:1}@keyframes waveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes waveUp1{0%,to{height:150px;transform:scaleY(1)}50%{height:180px;transform:scaleY(1.1)}}@keyframes waveFlow1{0%{background-position-x:0}to{background-position-x:1200px}}@keyframes waveUp2{0%,to{height:200px;transform:scaleY(1)}50%{height:230px;transform:scaleY(1.08)}}@keyframes waveFlow2{0%{background-position-x:0}to{background-position-x:1200px}}@keyframes waveUp3{0%,to{height:250px;transform:scaleY(1)}50%{height:280px;transform:scaleY(1.06)}}@keyframes waveFlow3{0%{background-position-x:0}to{background-position-x:1200px}}@keyframes waveUp4{0%,to{height:300px;transform:scaleY(1)}50%{height:340px;transform:scaleY(1.05)}}@keyframes waveFlow4{0%{background-position-x:0}to{background-position-x:1200px}}.category-filter{padding:80px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.filter-container{width:100%;max-width:1200px;padding:0 20px;display:flex;flex-direction:column;align-items:center}.section-title{text-align:center;color:#333;font-size:32px;margin-bottom:10px}.section-subtitle{text-align:center;color:#666;font-size:16px;margin-bottom:30px}.filter-tabs{display:flex;gap:15px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.filter-btn{background:#fff;color:#666;border:transparent;padding:12px 35px;border-radius:15px 15px 0 0;cursor:pointer;font-size:15px;transition:all .3s;font-weight:500}.filter-btn.active,.filter-btn:hover{background:linear-gradient(180deg,rgb(46,79,228) 0%,rgb(132,225,236) 100%);color:#fff;border:transparent}.games-container{width:100%;max-width:1200px;padding:0 20px;margin:0 auto}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;max-width:1200px}.game-card{border-radius:20px;overflow:hidden;position:relative}.game-card-image{width:100%;position:relative;overflow:hidden}.game-card-image img{width:100%;height:100%;object-fit:cover}.game-card:hover .game-card-image img{filter:brightness(.4)}.game-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s}.game-card:hover .game-card-overlay{opacity:1}.btn-view-detail{background:#fff;color:#636060;padding:12px 30px;border-radius:25px;text-decoration:none;font-size:14px;font-weight:600;display:inline-block;transition:all .3s;white-space:nowrap;cursor:pointer}.btn-view-detail:hover{background:#4f03e9;color:#fff;transform:scale(1.05);cursor:pointer}.game-tag{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.95);padding:5px 12px;border-radius:15px;font-size:12px;font-weight:600;color:#4c4a4a}.load-more-section{text-align:center;padding:40px 0;display:flex;justify-content:center}.load-more-container{width:100%;max-width:1200px;padding:0 20px}.btn-load-more{background:linear-gradient(135deg,#0f03ed 0%,#1a11c5 100%);color:#fff;padding:15px 60px;border-radius:30px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;transition:all .3s;box-shadow:0 10px 20px #0f03ed4d;border:none;cursor:pointer}.btn-load-more:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0f03ed66}.btn-load-more:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:0 5px 15px #0000001a}.btn-load-more:disabled:hover{transform:none;box-shadow:0 5px 15px #0000001a}.loading-card{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:2px dashed rgba(255,255,255,.3);cursor:default;height:280px}.loading-card:hover{transform:none}.loading-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.loading-image{width:60px;height:60px;animation:spin 1.5s linear infinite}.loading-text{color:#666;font-size:14px;font-weight:500}@media (max-width: 768px){.list-page{padding-top:70px}.category-filter{padding:30px 0 20px}.filter-container{padding:0 15px}.section-title{font-size:24px}.section-subtitle{font-size:14px}.filter-tabs{gap:8px;margin-bottom:30px}.filter-btn{padding:10px 20px;font-size:14px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:0 15px 40px}.game-card-image,.loading-card{height:200px}.btn-load-more{padding:12px 40px;font-size:14px}}@media (max-width: 480px){.games-grid{grid-template-columns:repeat(2,1fr);gap:15px}.game-card-image,.loading-card{height:180px}.filter-tabs{justify-content:center}.filter-btn{padding:8px 16px;font-size:13px}}.game-iframe-container{position:relative;width:100%;height:100%;overflow:hidden}.iframe-wrapper .game-iframe-container{height:100%}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;font-size:14px;font-weight:500}.error-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.error-text{color:#ff6b6b;font-size:16px;font-weight:500;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/img/play-bg.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.game-modal-overlay-logo{position:absolute;top:30px;left:30px;height:50px;z-index:1010}.game-modal-overlay-close{position:absolute;top:30px;right:30px;width:50px;height:50px;background:url(/img/game-close.png) no-repeat center center;background-size:contain;border:none;cursor:pointer;z-index:1010;transition:background-image .2s ease}.game-modal-overlay-close:hover{background-image:url(/img/game-close-hover.png)}.game-modal{box-shadow:0 20px 40px #0000004d;position:relative;animation:slideUp .3s ease-out}.game-fullscreen-modal{width:var(--modal-width, 90vw);height:var(--modal-height, 80vh);max-width:1200px;max-height:800px}.game-fullscreen-modal.start-bg.landscape-mode{background:url(/img/fullscreen-landscape-bg.jpg) no-repeat center center;background-size:cover}.game-fullscreen-modal.start-bg.portrait-mode{background:url(/img/fullscreen-portrait-bg.jpg) no-repeat center center;background-size:cover}.game-halfscreen-modal{width:90vw;height:var(--modal-height, 90vh);max-width:500px;max-height:1050px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d;background:url(/img/fullscreen-portrait-bg.jpg) no-repeat center center;background-size:cover}.game-halfscreen-modal.start-bg{background:url(/img/fullscreen-portrait-bg.jpg) no-repeat center center;background-size:cover}.game-halfscreen-modal.show-iframe{background:url(/img/half-screen-bg.jpg) no-repeat center center;background-size:cover}.game-halfscreen-modal.game-bg{background:url(/img/half-screen-bg.jpg) no-repeat center center;background-size:cover}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:transparent;position:relative;z-index:10}.modal-title{color:#fff;font-size:18px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.modal-close{background:rgba(0,0,0,.3);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close:hover{background-color:#00000080;transform:scale(1.1)}.game-halfscreen-close{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.3);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.game-halfscreen-close:hover{background-color:#00000080;transform:scale(1.1)}.modal-content{height:100%;position:relative}.iframe-container{width:100%;height:100%;position:relative}.iframe-wrapper{width:100%;height:100%;position:absolute;left:0;top:0}.preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-placeholder{text-align:center;color:#fff}.preview-text{font-size:18px;margin-bottom:20px;opacity:.8}.preview-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;color:#fff;padding:12px 32px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.preview-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.preview-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-halfscreen-modal .iframe_class{width:100%;height:100%;background:url(/img/half-screen-bg.jpg) no-repeat center center;background-size:100% 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.game-halfscreen-modal.domain_placement{position:relative;background:url(/img/fullscreen-portrait-bg.jpg) no-repeat center center;background-size:100% 100%;width:396px;height:866px;margin:0 auto}.game-halfscreen-modal.domain_placement.show-iframe{background:url(/img/half-screen-bg.jpg) no-repeat center center;background-size:100% 100%}.game-halfscreen-modal.domain_placement .placement{position:relative;width:100%;height:100%}.game-halfscreen-modal.domain_placement .domain_iframe{width:394px;height:var(--modal-height, 690px);position:absolute;bottom:0;right:0}.game-halfscreen-modal .iframe-container{width:100%;height:var(--modal-height, 690px);position:absolute;bottom:0;left:0}@media (max-width: 768px){.game-fullscreen-modal,.game-halfscreen-modal{width:95vw;height:var(--modal-height, 90vh);max-width:none;max-height:none}.modal-header{padding:12px 16px}.modal-title{font-size:16px}}.detail-page{padding-top:80px;background:linear-gradient(180deg,#f5f5f7 0%,#e8eaf6 50%,#f3e5f5 100%);min-height:100vh}.game-detail-header{padding:60px 0;display:flex;justify-content:center;align-items:flex-start;background-image:url(/img/detail-bg.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:local}.detail-container{display:grid;grid-template-columns:280px 1fr 360px;grid-template-rows:auto auto;gap:20px 60px;width:100%;max-width:1200px;padding:0 20px;align-items:start}.game-icon{width:280px;height:350px;overflow:hidden;flex-shrink:0;grid-row:1}.game-icon img{width:100%;height:100%;object-fit:cover}.game-info{flex:1;grid-row:1}.game-description-section{grid-column:1 / 3;grid-row:2}.game-phone-mockup{grid-row:1 / 3;align-self:start}.game-title{font-size:42px;color:#333;margin-bottom:20px;font-weight:700;display:flex;align-items:center;gap:20px}.back-btn{font-size:14px;color:#5e35b1;background:rgba(94,53,177,.1);padding:6px 16px;border-radius:20px;cursor:pointer;transition:all .3s;font-weight:500;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:none}.back-btn:hover{background:rgba(94,53,177,.2)}.game-meta{margin-bottom:30px}.meta-item{display:flex;margin-bottom:12px;font-size:15px;line-height:1.6}.meta-label{font-weight:600;color:#666;min-width:100px}.meta-value{color:#333}.game-description{background:rgba(255,255,255,.6);padding:25px;border-radius:15px;margin-bottom:30px}.game-description h3{font-size:20px;color:#5e35b1;margin-bottom:15px}.game-description p{font-size:15px;color:#666;line-height:1.8}.feature-list{list-style:none;margin-top:15px}.feature-list li{font-size:14px;color:#666;margin-bottom:8px;padding-left:0;position:relative}.feature-list li:before{content:"";color:#5e35b1;font-weight:700;margin-right:8px}.game-actions{display:flex;gap:20px;margin-bottom:30px}.btn-action{flex:1;padding:18px 40px;border-radius:30px;text-decoration:none;font-size:17px;font-weight:600;text-align:center;transition:all .3s;max-width:250px;border:none;cursor:pointer}.btn-fullscreen{background:linear-gradient(135deg,#00d4ff 0%,#0099cc 100%);color:#fff}.btn-halfscreen{background:linear-gradient(135deg,#7b1fa2 0%,#5e35b1 100%);color:#fff}.btn-action:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-game-list{color:#5e35b1;font-size:16px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:gap .3s}.btn-game-list:hover{gap:12px}.game-phone-mockup{width:360px;height:650px;background:#fff;border-radius:40px;border:12px solid #fff;overflow:hidden;box-shadow:0 30px 80px #0003;flex-shrink:0;position:relative}.game-phone-mockup .video-container{position:relative;width:100%;height:100%;overflow:hidden}.game-phone-mockup .video-container video{width:100%;height:100%;object-fit:cover}.game-screenshots{padding:60px 0;background:rgba(255,255,255,.5)}.screenshots-container{max-width:1200px;margin:0 auto;padding:0 10px}.screenshots-title{font-size:28px;color:#333;text-align:center;margin-bottom:40px;font-weight:600}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}@media (max-width: 1023px){.screenshots-scroll{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow-x:visible!important;gap:15px!important}.screenshot-item{width:100%;min-width:0}}.screenshots-scroll{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:10px 0}.screenshots-scroll::-webkit-scrollbar{height:8px}.screenshots-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.screenshots-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.screenshots-scroll::-webkit-scrollbar-thumb:hover{background:#555}.screenshot-item{max-height:500px;background:#f8f9fa;border-radius:15px;overflow:hidden}.screenshot-item img{width:100%;height:100%;transition:transform .3s}.screenshot-item:hover img{transform:scale(1.05)}.screenshot-landscape{height:300px}.screenshot-portrait{height:500px}@media (max-width: 1024px){.detail-container{grid-template-columns:minmax(200px,1fr) minmax(300px,1fr);grid-template-rows:auto auto auto;gap:40px;padding:0 20px;min-width:500px;overflow-x:auto}.game-phone-mockup{grid-row:1;grid-column:1 / span 2;width:320px;height:580px;margin:0 auto;justify-self:center}.game-icon{grid-row:2;grid-column:1;width:220px;height:280px;margin:0 auto;min-width:200px}.game-info{grid-row:2;grid-column:2;min-width:300px;text-align:left;justify-self:start}.game-description-section{grid-row:3;grid-column:1 / span 2}.game-title{font-size:32px;flex-direction:column;align-items:flex-start;gap:15px;text-align:left}.back-btn{align-self:flex-start}.meta-item{flex-direction:row;gap:10px;text-align:left;justify-content:flex-start}.meta-label{min-width:100px;font-weight:600}.game-actions{flex-direction:row;gap:20px;justify-content:flex-start;margin-top:30px}.btn-action{max-width:200px;flex:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#333;line-height:1.6}#root{min-height:100vh}