:root{font-size:62.5%;--pgf9-primary:#fa8072;--pgf9-bg:#1c2833;--pgf9-bg-soft:#243746;--pgf9-text:#fff2ef;--pgf9-muted:#c9d6df;--pgf9-gold:#ffd166;--pgf9-green:#2dd4bf;--pgf9-blue:#8ecae6;--pgf9-card:rgba(255,255,255,.08);--pgf9-border:rgba(250,128,114,.28);--pgf9-shadow:0 1.6rem 4rem rgba(0,0,0,.32)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--pgf9-bg)}
body{margin:0;color:var(--pgf9-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.6rem;line-height:1.5rem;background:radial-gradient(circle at 15% 5%,rgba(250,128,114,.22),transparent 28rem),radial-gradient(circle at 90% 20%,rgba(45,212,191,.15),transparent 26rem),linear-gradient(180deg,#111b24 0%,var(--pgf9-bg) 42%,#14202a 100%);min-width:320px;overflow-x:hidden}
body.pgf9-body{padding-top:7.4rem}
a{color:var(--pgf9-gold);text-decoration:none}
a:hover,a:focus{color:#fff}
img{max-width:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
.pgf9-container{width:min(100%,430px);margin:0 auto;padding:0 1.4rem}
.pgf9-wrapper{width:min(100%,430px);margin:0 auto}
.pgf9-header{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000;width:min(100%,430px);background:linear-gradient(135deg,rgba(28,40,51,.98),rgba(41,56,68,.96));border-bottom:.1rem solid var(--pgf9-border);box-shadow:0 .8rem 2.2rem rgba(0,0,0,.35);backdrop-filter:blur(1.2rem)}
.pgf9-topbar{min-height:6.8rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}
.pgf9-brand{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1;color:#fff;font-weight:900}
.pgf9-logo{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 0 .2rem rgba(250,128,114,.25)}
.pgf9-brand-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.pgf9-brand-name{font-size:1.45rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.pgf9-brand-note{font-size:1rem;color:var(--pgf9-muted);line-height:1.2}
.pgf9-actions{display:flex;align-items:center;gap:.5rem}
.pgf9-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:4.4rem;padding:.9rem 1.2rem;border:.1rem solid transparent;border-radius:999rem;cursor:pointer;font-weight:900;font-size:1.25rem;line-height:1.1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.pgf9-btn:active{transform:scale(.96)}
.pgf9-btn-primary{background:linear-gradient(135deg,var(--pgf9-primary),#ffb199);color:#1c2833;box-shadow:0 .8rem 1.8rem rgba(250,128,114,.28)}
.pgf9-btn-ghost{background:rgba(255,255,255,.08);color:var(--pgf9-text);border-color:rgba(255,255,255,.12)}
.pgf9-menu-btn{width:4.4rem;min-width:4.4rem;padding:0;background:rgba(255,255,255,.1);color:#fff;border:.1rem solid rgba(255,255,255,.12);border-radius:1.4rem;font-size:2.2rem}
.pgf9-mobile-menu{position:fixed;top:6.8rem;left:50%;transform:translate(-50%,-1rem);z-index:9999;width:min(100%,430px);max-height:calc(100vh - 7rem);overflow-y:auto;pointer-events:none;opacity:0;padding:1rem;background:linear-gradient(180deg,rgba(20,32,42,.99),rgba(28,40,51,.99));border-bottom:.1rem solid var(--pgf9-border);box-shadow:var(--pgf9-shadow);transition:opacity .22s ease,transform .22s ease}
.pgf9-mobile-menu.pgf9-menu-open{pointer-events:auto;opacity:1;transform:translate(-50%,0)}
.pgf9-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.pgf9-nav a{min-height:4.8rem;display:flex;align-items:center;gap:.8rem;padding:1rem;border-radius:1.2rem;background:rgba(255,255,255,.07);color:var(--pgf9-text);border:.1rem solid rgba(255,255,255,.08);font-size:1.25rem;font-weight:800}
.pgf9-nav a.pgf9-active{background:rgba(250,128,114,.18);color:#fff;border-color:var(--pgf9-primary)}
.pgf9-hero{padding:1.4rem 0 1rem}
.pgf9-kicker{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:999rem;background:rgba(250,128,114,.14);color:#ffd2cb;border:.1rem solid var(--pgf9-border);font-size:1.1rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pgf9-title{margin:1.2rem 0 1rem;font-size:clamp(2.45rem,8vw,3.4rem);line-height:1.05;letter-spacing:-.04em}
.pgf9-title span,.pgf9-gradient{background:linear-gradient(135deg,#fff,var(--pgf9-primary) 48%,var(--pgf9-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.pgf9-lead{color:var(--pgf9-muted);font-size:1.5rem;line-height:1.55;margin:0 0 1.4rem}
.pgf9-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.pgf9-promo-link{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:var(--pgf9-primary);text-underline-offset:.3rem}
.pgf9-card{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:.1rem solid rgba(255,255,255,.1);border-radius:1.8rem;box-shadow:0 1rem 2.8rem rgba(0,0,0,.18);overflow:hidden}
.pgf9-panel{padding:1.4rem}
.pgf9-section{margin:1.8rem 0}
.pgf9-section h2{margin:0 0 1rem;font-size:2.1rem;line-height:1.16}
.pgf9-section h3{margin:1rem 0 .7rem;font-size:1.55rem;color:#fff}
.pgf9-section p,.pgf9-section li{color:var(--pgf9-muted);line-height:1.55;font-size:1.42rem}
.pgf9-slider{position:relative;min-height:18rem;border-radius:2rem;overflow:hidden;border:.1rem solid rgba(250,128,114,.24);box-shadow:var(--pgf9-shadow)}
.pgf9-slide{display:none;position:relative;cursor:pointer}
.pgf9-slide.pgf9-active{display:block}
.pgf9-slide img{width:100%;height:20rem;object-fit:cover}
.pgf9-slide-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-radius:1.4rem;background:rgba(13,20,27,.72);backdrop-filter:blur(.8rem)}
.pgf9-slide-caption strong{display:block;font-size:1.55rem;color:#fff}
.pgf9-slider-dots{position:absolute;top:1rem;right:1rem;display:flex;gap:.45rem}
.pgf9-dot{width:.8rem;height:.8rem;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0}
.pgf9-dot.pgf9-active{width:2rem;border-radius:999rem;background:var(--pgf9-primary)}
.pgf9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pgf9-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.pgf9-game-tile{min-height:10.8rem;padding:.65rem;border-radius:1.4rem;background:rgba(255,255,255,.07);border:.1rem solid rgba(255,255,255,.08);color:var(--pgf9-text);text-align:center;font-size:1.05rem;font-weight:800;line-height:1.2;transition:transform .18s ease,border-color .18s ease}
.pgf9-game-tile:active{transform:scale(.96);border-color:var(--pgf9-primary)}
.pgf9-game-tile img{width:5.6rem;height:5.6rem;object-fit:cover;margin:0 auto .55rem;border-radius:1.1rem;box-shadow:0 .8rem 1.4rem rgba(0,0,0,.26)}
.pgf9-badge-row,.pgf9-stat-row{display:flex;flex-wrap:wrap;gap:.7rem}
.pgf9-badge,.pgf9-stat{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem .9rem;border-radius:1.1rem;background:rgba(250,128,114,.12);border:.1rem solid rgba(250,128,114,.2);color:#fff;font-weight:900;font-size:1.12rem}
.pgf9-stat{flex:1 1 12rem;flex-direction:column;align-items:flex-start}
.pgf9-stat strong{font-size:1.9rem;color:var(--pgf9-gold)}
.pgf9-list{display:grid;gap:.8rem;padding:0;list-style:none}
.pgf9-list li{padding:1rem;border-radius:1.2rem;background:rgba(255,255,255,.055);border-left:.3rem solid var(--pgf9-primary)}
.pgf9-footer{margin-top:2.2rem;padding:2rem 0 2.4rem;background:rgba(8,14,20,.42);border-top:.1rem solid rgba(255,255,255,.08)}
.pgf9-footer-links,.pgf9-footer-promos{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}
.pgf9-footer-links a{font-size:1.15rem;color:var(--pgf9-muted);padding:.45rem 0}
.pgf9-partners{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}
.pgf9-partner{padding:.9rem;border-radius:1rem;background:rgba(255,255,255,.07);color:#fff;text-align:center;font-weight:900;font-size:1.1rem}
.pgf9-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:1000;width:min(100%,430px);height:6.2rem;display:flex;justify-content:space-around;align-items:center;background:#15212b;border-top:.1rem solid rgba(250,128,114,.35);box-shadow:0 -1rem 2.4rem rgba(0,0,0,.32)}
.pgf9-bottom-item{min-width:6rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--pgf9-muted);border-radius:1.5rem;font-size:1.05rem;font-weight:800;transition:transform .18s ease,color .18s ease,background .18s ease}
.pgf9-bottom-item i,.pgf9-bottom-item ion-icon,.pgf9-bottom-item .material-icons-outlined,.pgf9-bottom-item .ti{font-size:2.3rem;line-height:1}
.pgf9-bottom-item:active{transform:scale(.92) translateY(-.2rem)}
.pgf9-bottom-item.pgf9-active,.pgf9-bottom-item:hover{color:#fff;background:linear-gradient(180deg,rgba(250,128,114,.24),rgba(250,128,114,.06))}
.pgf9-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .85rem;border-radius:999rem;background:rgba(255,255,255,.08);color:var(--pgf9-muted);font-size:1.1rem;font-weight:800}
@media (max-width:768px){main{padding-bottom:8rem}}
@media (min-width:769px){.pgf9-bottom-nav{display:none}body.pgf9-body{padding-bottom:0}}
@media (max-width:360px){.pgf9-actions .pgf9-btn{padding:.8rem .9rem;font-size:1.15rem}.pgf9-brand-name{font-size:1.25rem}.pgf9-mini-grid{gap:.6rem}}