/* PGsoftAi Mini App V1.0 — independent demo lobby. */
:root{color-scheme:dark;--bg:#07131f;--surface:#0d2030;--surface2:#132a3a;--panel:#132535;--text:#ecf3f9;--sub:#91a6b7;--gold:#fbc46b;--gold2:#f0ad4e;--border:#233c50;--bottom:0px;--tgsafe:0px;--tgcontent:0px;font-family:Inter,"PingFang SC","Microsoft Yahei",ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:#07131f;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#213c56 0,#07131f 58%);min-height:100vh;color:var(--text);-webkit-tap-highlight-color:transparent;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.app-shell{margin:0 auto;max-width:1100px;min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px) + var(--tgcontent))}.app-header{height:78px;padding:17px clamp(18px,4vw,38px);display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(130deg,#e9ad50,#ffd78b);color:#182534;font-size:29px;font-weight:950;position:relative;line-height:1}.brand-twist{font-size:9px;position:absolute;right:6px;top:5px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:22px;letter-spacing:-.8px}.brand-copy strong span{color:var(--gold)}.brand-copy small{color:var(--sub);font-size:9px;letter-spacing:2.1px;font-weight:700}.test-pill{border:1px solid #456344;color:#c8dfbd;border-radius:20px;padding:7px 11px;font-size:10px;letter-spacing:1px;font-weight:700;background:#1a3026;display:flex;align-items:center;gap:7px}.test-pill i{width:6px;height:6px;background:#9bca91;border-radius:50%}.tab-screen{padding:0 clamp(16px,3.8vw,38px)}.intro-note{margin:2px 0 18px;display:flex;align-items:center;gap:8px;color:#a3c4c6;font-size:11px}.intro-note svg{width:16px;height:16px;color:var(--gold)}.hero{height:clamp(220px,33vw,360px);position:relative;border-radius:22px;overflow:hidden;background:#23445e;box-shadow:0 16px 50px #0003}.hero-art{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.95;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.99) 0%,rgba(4,21,34,.88) 30%,rgba(7,29,43,.12) 85%),linear-gradient(0deg,#0d2437a0,transparent 56%)}.hero-content{position:absolute;top:50%;left:clamp(19px,4vw,44px);transform:translateY(-50%);z-index:1}.overline,.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);font-weight:800}.hero h1{margin:11px 0 10px;font-weight:900;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:13px;color:#c3d2df;margin:0 0 20px}.primary-btn{background:linear-gradient(100deg,#ffd58a,#eeb15c);border:none;border-radius:11px;color:#182430;padding:12px 18px;font-weight:850;display:inline-flex;align-items:center;gap:8px;justify-content:center;box-shadow:0 6px 24px #dba25333}.primary-btn svg{width:15px;height:15px;fill:currentColor;stroke-width:1}.primary-btn:active{transform:scale(.98)}.hero-counter{position:absolute;right:17px;bottom:16px;font-weight:800;letter-spacing:1.3px;font-size:11px;color:#fff9;background:#081621aa;padding:7px 10px;border-radius:15px}.home-heading{margin:28px 0 14px;display:flex;align-items:end;justify-content:space-between}.home-heading .eyebrow{margin:0 0 5px}.home-heading h2{font-size:21px;margin:0;letter-spacing:-.5px}.muted-count{font-size:13px;color:#819eb3;margin-left:5px}.see-all{display:flex;align-items:center;gap:2px;color:var(--gold);background:none;border:0;font-size:12px;padding:6px 2px}.see-all svg{width:13px;height:13px}.featured-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(175px,26%);gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 10px}.featured-scroll::-webkit-scrollbar,.filter-scroll::-webkit-scrollbar{display:none}.featured-card{position:relative;overflow:hidden;background:#142b3e;border:1px solid #284259;border-radius:16px;scroll-snap-align:start;cursor:pointer}.featured-cover{aspect-ratio:1.45;background-size:cover;background-position:center}.featured-content{padding:10px 12px 12px}.featured-content b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-content small{display:block;font-size:10px;color:var(--sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-tag{position:absolute;top:9px;left:9px;border-radius:7px;background:#f3c26a;color:#182534;font-size:9px;font-weight:850;padding:5px 7px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.game-card{min-width:0;position:relative}.game-cover{position:relative;background:#10263a;display:block;width:100%;border-radius:15px;aspect-ratio:1/1;overflow:hidden;border:1px solid #2b4558;padding:0;transition:transform .15s}.game-cover:active{transform:scale(.98)}.game-cover img{width:100%;height:100%;display:block;object-fit:cover}.game-cover::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,#061c2f44,transparent);pointer-events:none}.game-label{padding-top:8px;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-en{font-size:10px;color:var(--sub);line-height:1.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fav-toggle{position:absolute;right:7px;top:7px;width:29px;height:29px;border-radius:9px;background:#061c2eba;color:#e8f1f7;display:grid;place-items:center;border:1px solid #ffffff26;backdrop-filter:blur(3px)}.fav-toggle svg{width:17px;height:17px}.fav-toggle.is-fav{color:var(--gold)}.fav-toggle.is-fav svg{fill:#facb74;stroke:#facb74}.ai-note{margin:30px 0 12px;display:flex;gap:12px;align-items:center;background:linear-gradient(115deg,#162a43,#152d39);border:1px solid #294658;border-radius:17px;padding:15px 17px}.ai-mark{background:#263c62;color:#cbceff;border-radius:12px;width:39px;height:39px;flex:none;display:grid;place-items:center}.ai-mark svg{width:21px;height:21px}.ai-note b{font-size:13px}.ai-note p{margin:5px 0 0;color:var(--sub);font-size:11px}.soon-pill{flex:none;margin-left:auto;letter-spacing:.5px;color:#a9a8d8;font-size:9px;font-weight:850}.section-top{margin:8px 0 22px}.section-top .eyebrow{margin:0 0 7px}.section-top h1{margin:0;font-size:28px}.section-top h1 span{font-size:15px;color:var(--gold)}.section-top p:last-child{color:var(--sub);font-size:12px;margin:8px 0 0}.search-box{display:flex;align-items:center;gap:11px;border:1px solid #2b4355;background:#102639;border-radius:13px;padding:12px 14px}.search-box svg{width:20px;height:20px;color:#8da5b8;flex:none}.search-box input{background:none;color:#fff;outline:none;border:0;min-width:0;width:100%;font-size:14px}.search-box input::placeholder{color:#7c96ab}.clear-search{border:0;background:none;color:#9cabb7;padding:0}.filter-scroll{display:flex;gap:9px;overflow:auto;white-space:nowrap;margin:17px 0 15px;scrollbar-width:none}.chip{border:1px solid #2d4557;border-radius:22px;background:#142b3e;color:#adc2d4;padding:8px 16px;font-size:12px;flex:none}.chip.selected{background:var(--gold);border-color:var(--gold);color:#172332;font-weight:850}.result-line{color:#839eb3;font-size:11px;margin:4px 0 13px}.empty{margin:45px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--sub)}.empty svg{color:#8596ac;width:42px;height:42px}.empty b{color:var(--text);font-size:15px}.empty p{font-size:12px;margin:0}.ghost-btn{margin-top:10px;background:transparent;border:1px solid #6e7f8e;border-radius:10px;color:var(--text);padding:9px 14px}.about-card{border:1px solid #284054;border-radius:17px;background:#112536;padding:10px 17px}.about-row{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #20384a}.about-row:last-child{border-bottom:0}.about-row svg{color:var(--gold);flex:none}.about-row strong{font-size:13px}.about-row p{font-size:11px;color:var(--sub);margin:5px 0 0;line-height:1.6}.terms{font-size:11px;color:#839aa8;line-height:1.9;padding:17px 4px}.clear-data{background:#263344;color:#b8cad4;border-radius:10px;border:1px solid #395062;padding:11px 14px;font-size:12px}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(12px,5vw,85px);height:calc(66px + env(safe-area-inset-bottom,0px) + var(--tgcontent));padding:7px 16px calc(7px + env(safe-area-inset-bottom,0px) + var(--tgcontent));background:linear-gradient(0deg,#0a1927 50%,#0b1e2bf8);border-top:1px solid #273b4b;backdrop-filter:blur(18px)}.nav-item{background:none;border:0;color:#7d96a8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:55px;font-size:10px}.nav-item svg{width:21px;height:21px}.nav-item.active{color:var(--gold);font-weight:850}.player{position:fixed;z-index:100;inset:0;background:#030b11;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.player-header{height:62px;flex:none;background:#081b2b;border-bottom:1px solid #263a49;display:flex;align-items:center;padding:7px 10px;gap:9px}.icon-action{width:37px;height:37px;border-radius:10px;background:#142d41;border:1px solid #294559;display:grid;place-items:center;color:var(--text);flex:none}.player-heading{flex:1;min-width:0}.player-heading strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-heading small{font-size:9px;color:#9db5c4;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frame-holder{flex:1;min-height:0;position:relative;background:#000}.frame-holder iframe{border:0;width:100%;height:100%;position:absolute;inset:0;background:#000}.frame-state{position:absolute;inset:0;z-index:2;background:#06121ef2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;text-align:center;padding:15px;pointer-events:none}.frame-state strong{font-size:15px}.frame-state p{color:#afc6d3;font-size:11px;margin:0}.ring{display:block;width:34px;height:34px;border:3px solid #385268;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-support{flex:none;background:#081b2b;padding:10px 12px 13px;text-align:center;color:#a0b8c5;font-size:11px;line-height:1.6}.player-support>div:nth-child(2){margin-top:8px;display:flex;justify-content:center;gap:10px}.feedback-btn{background:#152e41;border:1px solid #3a566b;border-radius:9px;padding:6px 13px;color:#dcebf4;font-size:11px}.frame-feedback{margin:7px auto 0;color:#f6cf8b}.age-layer{position:fixed;z-index:200;inset:0;background:#03101aeb;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px}.age-card{max-width:410px;background:#112639;border:1px solid #34536a;border-radius:22px;padding:29px 25px 25px;text-align:center;box-shadow:0 22px 85px #0009}.age-icon{height:66px;width:66px;background:#263c4a;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:var(--gold)}.age-icon svg{width:33px;height:33px}.age-kicker{font-size:10px;color:var(--gold);letter-spacing:2px;font-weight:800}.age-card h2{font-size:24px;margin:10px 0}.age-card p{line-height:1.8;color:#b4c6d3;font-size:13px;margin:0 0 19px}.wide{width:100%;padding:14px}.decline-btn{margin:10px 0 0;color:#9caebc;border:0;background:none;padding:10px}.age-layer .primary-btn{white-space:normal}
@media(max-width:640px){.app-header{height:72px;padding:15px 18px}.brand-symbol{width:39px;height:39px;font-size:26px;border-radius:11px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8px}.test-pill{font-size:9px;padding:6px 8px}.tab-screen{padding:0 16px}.hero{height:228px;border-radius:18px}.hero-art{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#061624f5 0%,#061624bb 43%,#06162411 100%),linear-gradient(0deg,#071c2b77,transparent)}.hero h1{font-size:30px}.hero p{font-size:10px;max-width:205px}.hero-counter{font-size:9px}.featured-scroll{grid-auto-columns:42%}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.home-heading{margin:24px 0 14px}.home-heading h2{font-size:19px}.game-label{font-size:12px}.game-en{font-size:9px}.ai-note{flex-wrap:wrap;padding:13px 12px}.soon-pill{font-size:8px}.frame-holder{min-height:0}}@media(max-width:360px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-scroll{grid-auto-columns:53%}.hero h1{font-size:27px}.test-pill{font-size:8px}}

/* V1.1 banners and tightened game player */
.hero{cursor:pointer;touch-action:pan-y}
.hero:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hero--image-only .hero-shade,.hero--image-only .hero-content{display:none}
.hero-ad-label{position:absolute;z-index:5;right:15px;top:13px;border:1px solid #ffe2a888;background:#071624af;border-radius:20px;color:#fff;font-size:10px;letter-spacing:1px;padding:6px 11px;pointer-events:none}
.hero--image-only .hero-art{opacity:1;background-size:cover;background-position:center}
.hero--image-only .hero-counter{bottom:13px}
.hero img{pointer-events:none}
.hero .hero-content{pointer-events:none}
.hero .hero-content .primary-btn{pointer-events:none}
.player{padding-bottom:env(safe-area-inset-bottom,0px)}
.player-header{height:55px}
.frame-state p{max-width:260px}
@media(max-width:640px){.hero--image-only{height:auto;aspect-ratio:1.75}.hero--image-only .hero-art{background-position:center}}

/* V1.2 logo, robust images and ad control */
.brand-symbol.brand-custom{padding:0;background:transparent;overflow:hidden}
.brand-symbol.brand-custom img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}
.game-poster-fallback{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:12px;background:linear-gradient(135deg,#233e56,#112235);color:#e7c185;font-weight:700;font-size:14px}
.featured-cover img{height:100%;width:100%;object-fit:cover;display:block}
.featured-cover{position:relative}
.hero--inactive{cursor:default}

/* V1.3: randomized autoplay featured-game carousel. Keep native touch swiping. */
.featured-scroll{position:relative;overflow-anchor:none;overscroll-behavior-x:contain;scroll-behavior:smooth;touch-action:pan-x pan-y;}
.featured-card{min-width:0;transition:border-color .2s;}
.featured-card:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
@media (prefers-reduced-motion:reduce){.featured-scroll{scroll-behavior:auto}.featured-card{transition:none}}

/* PGsoftAi V1.4 - continuous, native swipe-friendly featured carousel */
.featured-scroll{scroll-snap-type:none!important;scroll-behavior:auto!important;overflow-anchor:none!important;}
.featured-scroll .featured-card{scroll-snap-align:none!important;}