*{box-sizing:border-box}:root{--primary: #00A273;--primary-hover: #008f65;--bg-main: #f1f5f9;--bg-card: #ffffff;--text-main: #0F172A;--text-sub: #64748B;--border-line: rgba(0,0,0,.08)}body.dark-mode{--bg-main: #090e17;--bg-card: #131a26;--text-main: #f8fafc;--text-sub: #94a3b8;--border-line: rgba(255,255,255,.08)}html,body{width:100vw;height:100dvh;margin:0;padding:0;background-color:#cbd5e1;transition:background-color .3s ease;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:pan-y}body.dark-mode{background-color:#020617}#root{width:100%;height:100%;max-width:450px;background:var(--bg-card);position:relative;overflow:hidden;box-shadow:0 0 40px #00000026}.view-section{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0;background:var(--bg-card);animation:fadeIn .3s forwards}.web-header{height:60px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:var(--bg-card);border-bottom:1px solid var(--border-line);z-index:100}.main-content-area{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;position:relative}.main-content-area::-webkit-scrollbar{display:none}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}body.dark-mode .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%)}.sk-text{height:14px;margin-bottom:8px;width:80%}.sk-title{height:20px;margin-bottom:12px;width:60%}.sk-img{width:75px;height:75px;border-radius:18px;margin-bottom:10px}.sk-banner{width:90%;height:160px;border-radius:16px;margin:15px auto;display:block;flex-shrink:0}.splash-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.splash-logo{width:90px;height:90px;background:#00a27326;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.splash-logo i{font-size:45px;color:var(--primary)}.header-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;cursor:pointer}.header-logo i{font-size:24px;color:var(--primary)}.header-actions{display:flex;align-items:center;gap:10px}.header-profile{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-sub);background:var(--bg-main);padding:5px 12px;border-radius:20px;cursor:pointer}.header-profile img{width:22px;height:22px;border-radius:50%;object-fit:cover}.horizontal-banners{display:flex;overflow-x:auto;gap:12px;padding:15px 20px;scroll-snap-type:x mandatory}.horizontal-banners::-webkit-scrollbar{display:none}.banner-img{width:90%;height:160px;border-radius:16px;object-fit:cover;flex-shrink:0;scroll-snap-align:center}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 15px 15px}.app-card{background:var(--bg-main);border-radius:16px;padding:12px;text-align:center;border:1px solid var(--border-line);cursor:pointer;display:flex;flex-direction:column;align-items:center}.app-card img{width:65px;height:65px;border-radius:16px;margin-bottom:8px;object-fit:cover}.app-card-title{font-weight:700;font-size:13px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.app-card-cat{font-size:11px;color:var(--text-sub);font-weight:600}.play-header{display:flex;align-items:center;gap:15px;margin:15px}.app-main-icon{width:80px;height:80px;border-radius:20px;object-fit:cover;flex-shrink:0}.stats-row{display:flex;justify-content:space-around;align-items:center;margin:0 15px 20px;padding:15px 0;border-top:1px solid var(--border-line);border-bottom:1px solid var(--border-line)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-val{font-size:16px;font-weight:800}.stat-lbl{font-size:11px;color:var(--text-sub);margin-top:4px}.line-divider{width:1px;height:30px;background:var(--border-line)}.info-block{margin-bottom:24px;padding:0 15px;text-align:left}.info-block h3{font-size:16px;font-weight:700;margin-bottom:12px}.screenshots-slider{display:flex;overflow-x:auto;gap:12px;padding:5px 15px 20px;scroll-snap-type:x mandatory}.screenshots-slider::-webkit-scrollbar{display:none}.screenshot-item{width:110px;height:220px;border-radius:12px;object-fit:cover;flex-shrink:0;scroll-snap-align:start;border:1px solid var(--border-line);box-shadow:0 4px 10px #0000000d}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:16px;overflow:hidden;margin:0 15px 20px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.btn-download{background:var(--primary);color:#fff;width:100%;height:50px;border-radius:25px;border:none;font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s}.icon-btn-action{background:var(--bg-main);border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-main)}.premium-footer{background:var(--bg-main);border-top:1px solid var(--border-line);padding:25px 20px 30px;text-align:center;margin-top:auto}.footer-links{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.footer-links span{color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s}.modal-content{background:var(--bg-card);width:85%;max-width:320px;border-radius:24px;padding:24px}.iframe-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-card);z-index:3000;display:flex;flex-direction:column;animation:slideUp .3s forwards}.iframe-header{height:60px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid var(--border-line)}.iframe-content{flex:1;width:100%;border:none;background:var(--bg-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}