/* Local catalog/profile additions. The established POG v3 design remains the base. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pog-local-catalog main{min-width:0}
.pog-local-catalog .pog-source-heading-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.pog-local-catalog #items_container>li>a{display:block;color:inherit;text-decoration:none}
.pog-local-catalog .pog-footer-note{margin:15px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#6f6974}

.pog-category-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.38fr);gap:26px;align-items:end;margin:0 0 14px;padding:25px 27px;border:1px solid rgba(240,191,80,.18);border-radius:13px;background:radial-gradient(circle at 92% 0,rgba(239,41,72,.13),transparent 35%),linear-gradient(135deg,rgba(19,16,24,.97),rgba(8,8,11,.96));box-shadow:0 18px 38px rgba(0,0,0,.22)}
.pog-category-intro span,.pog-section-kicker{display:block;margin-bottom:9px;color:var(--pog-v3-gold-2,#ffd66f);font-size:9px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.pog-category-intro h1,.pog-category-intro h1.pog-page-title{margin:0 0 9px!important;padding:0!important;color:#fff!important;font-family:"Cinzel",serif!important;font-size:clamp(23px,2.6vw,38px)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.025em!important}
.pog-category-intro p{max-width:850px;margin:0;color:#a8a2ad;font-size:13px;line-height:1.75}
.pog-category-intro ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.pog-category-intro li{padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(0,0,0,.22);color:#d8d3dc;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.pog-category-intro li::before{content:"◆";margin-right:8px;color:var(--pog-v3-red,#ef2948);font-size:7px}
.pog-category-notes{margin:24px 0 10px;padding:22px 24px;border-top:1px solid rgba(240,191,80,.16);border-bottom:1px solid rgba(240,191,80,.08)}
.pog-category-notes h2{margin:0 0 8px;color:#f2edf4;font-size:18px}
.pog-category-notes p{max-width:980px;margin:0;color:#8f8996;font-size:12px;line-height:1.75}

.pog-empty-state{margin:18px 0;padding:44px 28px!important;border:1px solid rgba(240,191,80,.14);border-radius:13px;background:linear-gradient(145deg,#111016,#08080b);text-align:center}
.pog-empty-state strong,.pog-empty-state h1{display:block;margin:0 0 8px;color:#fff;font-size:clamp(23px,3vw,38px)}
.pog-empty-state p{margin:0 0 20px;color:#918b97}
.pog-empty-state a{display:inline-flex;min-height:39px;align-items:center;padding:0 17px;border:1px solid rgba(239,41,72,.5);border-radius:8px;background:#35101d;color:#fff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.pog-category-directory{padding-bottom:26px}
.pog-category-directory>h1{margin:8px 0 8px;color:#fff;font-family:"Cinzel",serif;font-size:clamp(30px,4vw,52px)}
.pog-directory-intro{max-width:800px;margin:0 0 24px;color:#9c96a2;font-size:13px;line-height:1.7}
.pog-category-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.pog-category-directory-grid>a{display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;align-items:start;min-height:150px;padding:18px;border:1px solid rgba(240,191,80,.15);border-radius:11px;background:linear-gradient(145deg,rgba(18,16,23,.96),rgba(8,8,11,.97));color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.pog-category-directory-grid>a:hover{transform:translateY(-2px);border-color:rgba(240,191,80,.48)}
.pog-category-directory-grid i{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(239,41,72,.28);border-radius:9px;background:#170d13;color:#ffd66f;font-style:normal;font-size:20px}
.pog-category-directory-grid b{display:block;margin:2px 0 7px;font-size:14px}
.pog-category-directory-grid small{display:block;color:#827c88;font-size:10px;line-height:1.55}
.pog-category-directory-grid em{grid-column:2;color:#d9ad52;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.pog-game-page .container{margin-top:20px!important}
.pog-game-profile{width:100%;max-width:1260px;margin:0 auto 30px}
.pog-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 13px;color:#6f6974;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pog-breadcrumbs a{color:#9c95a1;text-decoration:none}
.pog-breadcrumbs a:hover{color:#ffd66f}
.pog-game-spotlight{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.72fr);overflow:hidden;border:1px solid rgba(240,191,80,.2)!important;border-radius:15px;background:#0c0b10!important;box-shadow:0 24px 55px rgba(0,0,0,.35)}
.pog-game-visual{position:relative;min-height:420px;overflow:hidden;background:#050507}
.pog-game-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(7,7,10,.7)),linear-gradient(0deg,rgba(6,6,8,.33),transparent 42%);pointer-events:none}
.pog-game-visual img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.pog-game-source-label{position:absolute;z-index:1;left:14px;bottom:13px;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(6,6,8,.78);color:#fff;font-size:8px;font-weight:900;letter-spacing:.15em}
.pog-game-lead{display:flex;flex-direction:column;justify-content:center;padding:34px}
.pog-game-category{margin-bottom:12px;color:#e9b950;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.pog-game-lead h1{margin:0 0 15px;color:#fff;font-family:"Cinzel",serif;font-size:clamp(30px,4vw,51px);line-height:.98;letter-spacing:-.035em}
.pog-game-lead>p{margin:0;color:#aaa4af;font-size:13px;line-height:1.75}
.pog-game-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:21px 0}
.pog-game-facts>div{padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.022)}
.pog-game-facts dt{color:#716a77;font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pog-game-facts dd{margin:3px 0 0;color:#f1edf3;font-size:11px;font-weight:850}
.pog-play-on-y8{display:flex;flex-direction:column;align-items:flex-start;min-height:72px;justify-content:center;padding:10px 20px;border:1px solid rgba(255,90,110,.65);border-radius:9px;background:linear-gradient(135deg,#ef2948,#8f1127);color:#fff!important;text-decoration:none;box-shadow:0 12px 26px rgba(175,20,49,.25);transition:filter .16s ease,transform .16s ease}
.pog-play-on-y8:hover{filter:brightness(1.1);transform:translateY(-1px)}
.pog-play-on-y8 span{display:-webkit-box;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:17px;font-weight:950;letter-spacing:.045em;line-height:1.18}
.pog-play-on-y8 b{margin-top:5px;font-size:8px;letter-spacing:.08em;opacity:.8}
.pog-external-note{margin-top:9px;color:#716b76;font-size:8px;line-height:1.5}

.pog-game-content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin:13px 0}
.pog-game-content-grid .content-box,.pog-static-content{padding:26px!important;border:1px solid rgba(240,191,80,.13)!important;border-radius:12px!important;background:linear-gradient(145deg,#111016,#09090c)!important}
.pog-game-copy h2,.pog-game-reference h2{margin:0 0 15px;color:#fff;font-size:22px;line-height:1.2}
.pog-game-copy h3{margin:24px 0 8px;color:#e8b94f;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pog-game-copy p{margin:0 0 13px;color:#a7a0ac;font-size:13px;line-height:1.85}
.pog-game-reference{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}
.pog-game-reference dl{margin:0}
.pog-game-reference dl div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055)}
.pog-game-reference dt{color:#736c79;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.pog-game-reference dd{margin:0;color:#d9d4dc;font-size:10px;text-align:right}
.pog-game-reference dd a{color:#e9b950;text-decoration:none}
.pog-controls-box ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.pog-controls-box li{display:grid;grid-template-columns:minmax(72px,.45fr) 1fr;gap:8px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:rgba(0,0,0,.18)}
.pog-controls-box b{color:#ffd66f;font-size:9px}
.pog-controls-box span{color:#918b97;font-size:9px}
.pog-game-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:13px 0;padding:16px 18px;border:1px solid rgba(240,191,80,.1);border-radius:10px;background:#0b0a0e}
.pog-game-tags strong{margin-right:7px;color:#756e7a;font-size:8px;letter-spacing:.15em}
.pog-game-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#111017;color:#aaa3af;font-size:8px}
.pog-related-games{margin-top:27px}
.pog-related-title{margin:0 0 13px;color:#fff;font-size:21px}

.pog-static-page .container{margin-top:24px!important}
.pog-static-content{max-width:850px;margin:0 auto 36px!important}
.pog-static-content h1{margin:0 0 13px;color:#fff;font-family:"Cinzel",serif;font-size:clamp(32px,5vw,54px)}
.pog-static-content .lead{color:#cbc5cf;font-size:16px;line-height:1.65}
.pog-static-content p{color:#96909b;font-size:13px;line-height:1.8}

@media(max-width:950px){
  .pog-category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pog-game-spotlight{grid-template-columns:1fr}.pog-game-visual,.pog-game-visual img{min-height:330px;max-height:520px}
  .pog-game-visual::after{background:linear-gradient(0deg,rgba(6,6,8,.65),transparent 35%)}
}
@media(max-width:780px){
  .pog-category-intro{grid-template-columns:1fr;gap:17px;padding:20px}.pog-category-intro ul{grid-template-columns:repeat(3,minmax(0,1fr))}.pog-category-intro li{padding:8px;font-size:8px}
  .pog-game-content-grid{grid-template-columns:1fr}.pog-game-lead{padding:25px}.pog-game-profile{margin-bottom:18px}
  .pog-game-page .container{margin-top:12px!important}.pog-related-games #items_container{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .pog-category-directory-grid{grid-template-columns:1fr}.pog-category-directory-grid>a{min-height:132px}
  .pog-category-intro ul{grid-template-columns:1fr}.pog-game-visual,.pog-game-visual img{min-height:230px}.pog-game-lead{padding:21px}
  .pog-game-facts{grid-template-columns:1fr 1fr}.pog-game-content-grid .content-box,.pog-static-content{padding:20px!important}
  .pog-related-games #items_container{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){.pog-category-directory-grid>a,.pog-play-on-y8{transition:none}}

/* Compact one-word category rail and text-only language menu. */
@media(min-width:781px){
  .pog-v3 body.items.index .body{grid-template-columns:minmax(0,220px) minmax(0,1fr)!important}
  .pog-v3 .pog-library-title{display:block!important;padding:3px 8px 10px!important}
  .pog-v3 .pog-library-title span{display:block!important;font-size:10.5px!important;line-height:1.15!important;letter-spacing:.17em!important;white-space:nowrap!important}
  .pog-v3 .pog-category-library nav{grid-auto-rows:35px!important;gap:2px!important;padding-top:6px!important}
  .pog-v3 .pog-category-link{min-height:35px!important;height:35px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:0 8px!important;font-size:12.5px!important}
  .pog-v3 .pog-category-link i{width:28px!important;min-width:28px!important;font-size:16px!important}
  .pog-v3 .pog-category-link span{overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;font-size:12.5px!important;line-height:1!important;letter-spacing:.015em!important}
  .pog-v3 .pog-category-link b{display:none!important}
}
@media(min-width:781px) and (max-width:1050px){
  .pog-v3 body.items.index .body{grid-template-columns:minmax(0,190px) minmax(0,1fr)!important}
  .pog-v3 .pog-category-link span{font-size:10.5px!important;letter-spacing:0!important}
}
.pog-v3 .pog-language-menu button{justify-content:center!important;gap:0!important;text-align:center!important}
.pog-v3 .pog-language-menu button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pog-v3 .pog-language-toggle [data-language-label]{white-space:nowrap!important}

/* About and policy pages. */
.pog-editorial-shell .container{margin-top:20px!important}
.pog-editorial-page{width:min(1380px,calc(100% - 40px));margin:0 auto 48px;color:#f5f1f6}
.pog-editorial-breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#6f6875;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pog-editorial-breadcrumbs a{color:#aaa2af;text-decoration:none}.pog-editorial-breadcrumbs a:hover{color:#ffd66f}
.pog-editorial-panel{border:1px solid rgba(240,191,80,.16);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(142,42,105,.09),transparent 34%),linear-gradient(145deg,rgba(18,16,23,.98),rgba(8,8,11,.98));box-shadow:0 20px 44px rgba(0,0,0,.22)}
.pog-editorial-page h1,.pog-editorial-page h2,.pog-editorial-page h3{color:#fff}
.pog-editorial-page p,.pog-editorial-page li{color:#a9a2ae;font-size:15px;line-height:1.82}
.pog-editorial-page a{color:#efbd51}
.pog-editorial-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.pog-editorial-primary,.pog-editorial-secondary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 19px;border-radius:9px;text-decoration:none!important;font-size:11px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;transition:transform .18s ease,filter .18s ease,border-color .18s ease}
.pog-editorial-primary{border:1px solid rgba(255,110,128,.7);background:linear-gradient(135deg,#ef2948,#8f1127);color:#fff!important;box-shadow:0 12px 24px rgba(179,19,48,.22)}
.pog-editorial-secondary{border:1px solid rgba(240,191,80,.32);background:rgba(18,14,20,.82);color:#f2c45e!important}
.pog-editorial-primary:hover,.pog-editorial-secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}

.pog-about-hero{display:grid;grid-template-columns:minmax(340px,.84fr) minmax(0,1.16fr);min-height:520px;overflow:hidden;border:1px solid rgba(240,191,80,.25);border-radius:18px;background:#09090d;box-shadow:0 26px 65px rgba(0,0,0,.38)}
.pog-about-hero-copy{z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,76px)}
.pog-about-hero h1{max-width:680px;margin:0 0 20px;font-family:"Cinzel",serif;font-size:clamp(42px,5vw,74px);font-weight:700;line-height:.98;letter-spacing:-.045em}
.pog-about-hero-copy>p{max-width:640px;margin:0;color:#bbb4c0;font-size:17px;line-height:1.75}
.pog-about-hero-art{position:relative;min-height:520px;margin:0;overflow:hidden;background:#08080b}
.pog-about-hero-art::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#09090d 0,rgba(9,9,13,.72) 8%,transparent 42%),linear-gradient(0deg,rgba(5,5,7,.7),transparent 45%);pointer-events:none}
.pog-about-hero-art img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.pog-about-hero-art figcaption{position:absolute;z-index:2;right:22px;bottom:19px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:rgba(7,7,10,.72);color:#ece7ef;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(9px)}
.pog-about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0;overflow:hidden;border:1px solid rgba(240,191,80,.13);border-radius:13px;background:#0b0a0e}
.pog-about-stats article{display:flex;align-items:baseline;gap:13px;padding:24px 27px;border-right:1px solid rgba(255,255,255,.06)}.pog-about-stats article:last-child{border:0}
.pog-about-stats strong{color:#f3bd4b;font-family:"Cinzel",serif;font-size:34px;line-height:1}.pog-about-stats span{color:#8e8793;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.pog-about-story{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(35px,6vw,90px);padding:clamp(31px,5vw,68px);align-items:start}
.pog-about-story h2,.pog-about-workflow h2,.pog-about-values h2,.pog-about-ecosystem h2,.pog-about-final h2{margin:0;font-family:"Cinzel",serif;font-size:clamp(28px,3.4vw,49px);line-height:1.1;letter-spacing:-.03em}
.pog-about-prose p{margin:0 0 18px}.pog-about-prose p:last-child{margin-bottom:0}.pog-about-prose strong{color:#f0eaf2}
.pog-about-gallery{display:grid;grid-template-columns:1.12fr .88fr;gap:13px;margin:13px 0}
.pog-about-gallery figure{position:relative;min-height:390px;margin:0;overflow:hidden;border:1px solid rgba(240,191,80,.18);border-radius:14px;background:#08080b}
.pog-about-gallery figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,8,.88),transparent 55%);pointer-events:none}
.pog-about-gallery img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;transition:transform .5s ease}
.pog-about-gallery figure:hover img{transform:scale(1.025)}
.pog-about-gallery figcaption{position:absolute;z-index:1;left:25px;right:25px;bottom:22px}.pog-about-gallery figcaption b{display:block;color:#fff;font-family:"Cinzel",serif;font-size:22px}.pog-about-gallery figcaption span{display:block;margin-top:4px;color:#aaa3ae;font-size:12px}
.pog-about-workflow{padding:clamp(38px,5vw,68px) 0}.pog-about-workflow>header{max-width:760px;margin:0 auto 31px;text-align:center}.pog-about-workflow>header>p{margin:11px 0 0}
.pog-about-workflow>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pog-about-workflow article{position:relative;min-height:230px;padding:30px 27px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:linear-gradient(145deg,#111016,#09090c)}
.pog-about-workflow article>span{display:block;margin-bottom:29px;color:#ef3552;font-family:"Cinzel",serif;font-size:12px;font-weight:800;letter-spacing:.14em}
.pog-about-workflow h3{margin:0 0 10px;font-size:20px}.pog-about-workflow article p{margin:0;font-size:14px;line-height:1.72}
.pog-about-values{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:13px}
.pog-about-values>article{padding:clamp(30px,4vw,55px)}.pog-about-values ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px;margin:28px 0 0;padding:0;list-style:none}.pog-about-values li{padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:14px}.pog-about-values li b{display:block;margin-bottom:3px;color:#f4eff6}
.pog-about-note{display:flex;flex-direction:column;justify-content:center;padding:35px;border:1px solid rgba(239,41,72,.25);border-radius:16px;background:radial-gradient(circle at 15% 5%,rgba(239,41,72,.16),transparent 45%),#100b10}.pog-about-note>span{margin-bottom:23px;color:#ef2948;font-size:18px}.pog-about-note h2{font-size:31px}.pog-about-note p{margin:15px 0 23px;font-size:14px}.pog-about-note a{font-size:10px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.pog-about-ecosystem{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:clamp(35px,6vw,90px);margin-top:13px;padding:clamp(31px,5vw,68px)}.pog-about-ecosystem p{margin:0 0 17px}.pog-about-ecosystem p:last-child{margin-bottom:0}
.pog-about-final{max-width:920px;margin:70px auto 0;text-align:center}.pog-about-final p{max-width:680px;margin:15px auto 26px}.pog-about-final .pog-editorial-primary{min-width:210px}

.pog-policy-hero{padding:clamp(34px,5vw,65px);border:1px solid rgba(240,191,80,.18);border-radius:17px;background:radial-gradient(circle at 90% 0,rgba(239,41,72,.14),transparent 38%),linear-gradient(135deg,#131019,#09090d);box-shadow:0 20px 45px rgba(0,0,0,.25)}
.pog-policy-hero h1{margin:0 0 15px;font-family:"Cinzel",serif;font-size:clamp(41px,5.5vw,70px);line-height:1;letter-spacing:-.04em}.pog-policy-hero>p{max-width:820px;margin:0;color:#bbb4c0;font-size:17px;line-height:1.7}
.pog-policy-hero dl{display:flex;flex-wrap:wrap;gap:9px;margin:31px 0 0}.pog-policy-hero dl div{min-width:180px;padding:12px 15px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(0,0,0,.2)}.pog-policy-hero dt{color:#766f7c;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pog-policy-hero dd{margin:4px 0 0;color:#e7e1e9;font-size:11px;font-weight:800}
.pog-policy-callout{display:grid;grid-template-columns:24px minmax(0,1fr);gap:13px;align-items:start;margin:13px 0;padding:22px 25px;border:1px solid rgba(239,41,72,.25);border-radius:12px;background:linear-gradient(90deg,rgba(239,41,72,.09),rgba(18,12,18,.78))}.pog-policy-callout>span{padding-top:3px;color:#ef2948}.pog-policy-callout p{margin:0;color:#c2bbc6;font-size:14px;line-height:1.7}.pog-policy-callout strong{color:#fff}
.pog-policy-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:13px;align-items:start}
.pog-policy-toc{position:sticky;top:14px;padding:23px;border:1px solid rgba(240,191,80,.14);border-radius:13px;background:linear-gradient(145deg,#111016,#09090c)}.pog-policy-toc>strong{display:block;margin-bottom:14px;color:#f2bd4d;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.pog-policy-toc nav{display:grid}.pog-policy-toc a{padding:8px 0;border-top:1px solid rgba(255,255,255,.052);color:#9d96a2;font-size:11px;line-height:1.35;text-decoration:none}.pog-policy-toc a:hover{color:#fff}
.pog-policy-content{padding:clamp(29px,4.4vw,61px);border:1px solid rgba(240,191,80,.14);border-radius:13px;background:linear-gradient(145deg,#111016,#09090c)}
.pog-policy-content section{position:relative;padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid rgba(255,255,255,.07);scroll-margin-top:18px}.pog-policy-content section:last-child{padding-bottom:0;margin-bottom:0;border:0}.pog-policy-content section>span{display:block;margin-bottom:8px;color:#ef3a56;font-family:"Cinzel",serif;font-size:10px;font-weight:800;letter-spacing:.15em}
.pog-policy-content h2{margin:0 0 15px;font-size:clamp(23px,2.4vw,34px);line-height:1.2}.pog-policy-content h3{margin:24px 0 6px;color:#e7b951;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pog-policy-content p{margin:0 0 14px}.pog-policy-content p:last-child{margin-bottom:0}
.pog-policy-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px}.pog-policy-footer p{margin:0;color:#756e7b;font-size:11px}.pog-policy-footer a{flex:0 0 auto;color:#d7aa4d;font-size:10px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}

@media(max-width:1050px){
  .pog-about-hero{grid-template-columns:1fr}.pog-about-hero-copy{padding-bottom:42px}.pog-about-hero-art,.pog-about-hero-art img{min-height:390px;max-height:500px}.pog-about-hero-art::before{background:linear-gradient(0deg,rgba(5,5,7,.72),transparent 48%)}
  .pog-about-story,.pog-about-ecosystem{grid-template-columns:1fr;gap:25px}.pog-policy-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:780px){
  .pog-editorial-shell .container{margin-top:12px!important}.pog-editorial-page{width:calc(100% - 20px);margin-bottom:30px}.pog-editorial-page p,.pog-editorial-page li{font-size:14px}
  .pog-about-hero h1{font-size:clamp(36px,10vw,54px)}.pog-about-hero-copy>p,.pog-policy-hero>p{font-size:15px}.pog-about-hero-art,.pog-about-hero-art img{min-height:300px}
  .pog-about-stats{grid-template-columns:1fr}.pog-about-stats article{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.pog-about-stats article:last-child{border-bottom:0}
  .pog-about-gallery{grid-template-columns:1fr}.pog-about-gallery figure,.pog-about-gallery img{min-height:310px}
  .pog-about-workflow>div{grid-template-columns:1fr}.pog-about-workflow article{min-height:0}.pog-about-values{grid-template-columns:1fr}.pog-about-values ul{grid-template-columns:1fr}
  .pog-policy-layout{grid-template-columns:1fr}.pog-policy-toc{position:static}.pog-policy-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.pog-policy-hero dl{display:grid;grid-template-columns:1fr 1fr}.pog-policy-hero dl div{min-width:0}
}
@media(max-width:520px){
  .pog-editorial-page{width:calc(100% - 14px)}.pog-editorial-breadcrumbs{padding-left:3px}.pog-about-hero-copy,.pog-about-story,.pog-about-ecosystem,.pog-policy-hero,.pog-policy-content{padding:25px 21px}.pog-about-hero-art,.pog-about-hero-art img{min-height:245px}.pog-about-hero-art figcaption{right:13px;bottom:12px}.pog-about-gallery figure,.pog-about-gallery img{min-height:250px}.pog-about-stats article{padding:19px 21px}.pog-about-stats strong{font-size:29px}.pog-about-values>article,.pog-about-note{padding:26px 21px}.pog-policy-hero dl{grid-template-columns:1fr}.pog-policy-toc nav{grid-template-columns:1fr}.pog-policy-callout{padding:19px 18px}.pog-policy-footer{align-items:flex-start;flex-direction:column}.pog-editorial-actions{align-items:stretch;flex-direction:column}.pog-editorial-primary,.pog-editorial-secondary{width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){.pog-editorial-primary,.pog-editorial-secondary,.pog-about-gallery img{transition:none}}

/* First-party localization and RTL text support.
   The POG interface itself always keeps the English/LTR physical geometry.
   Hebrew/Arabic/Farsi/Urdu affect text flow only; they never mirror the
   logo, masthead columns, category/sidebar rails, breadcrumbs or callouts. */
.pog-v3 .pog-language-menu [data-language-option]{unicode-bidi:plaintext}
.pog-v3 .pog-language-menu [data-language-option][dir="rtl"]{text-align:right!important}
.pog-v3 .pog-nav-item>a span,.pog-v3 .pog-nav-item>a b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.pog-v3.pog-rtl,html.pog-v3.pog-rtl body{direction:ltr!important}
.pog-rtl body{font-family:"Manrope","DejaVu Sans",Arial,sans-serif}
.pog-rtl .pog-luxe-header-main,.pog-rtl .pog-category-link,.pog-rtl .pog-grid-heading,.pog-rtl .pog-game-lead,.pog-rtl .pog-game-copy,.pog-rtl .pog-game-reference,.pog-rtl .pog-editorial-page{text-align:right}
.pog-rtl .pog-category-link b{margin-left:0!important;margin-right:0!important}
.pog-rtl .pog-breadcrumbs span,.pog-rtl .pog-editorial-breadcrumbs span{transform:none!important}
.pog-rtl .pog-policy-callout{grid-template-columns:24px minmax(0,1fr)}
.pog-rtl .pog-policy-callout>span{grid-column:1;grid-row:1}.pog-rtl .pog-policy-callout>p{grid-column:2;grid-row:1}
.pog-rtl .pog-category-link span,
.pog-rtl .pog-nav-item>a span,
.pog-rtl .pog-language-toggle span,
.pog-rtl .pog-grid-heading h1,.pog-rtl .pog-grid-heading h2,.pog-rtl .pog-grid-heading p,
.pog-rtl .pog-game-lead h1,.pog-rtl .pog-game-lead h2,.pog-rtl .pog-game-lead p,
.pog-rtl .pog-game-copy h2,.pog-rtl .pog-game-copy h3,.pog-rtl .pog-game-copy p,
.pog-rtl .pog-game-reference h2,.pog-rtl .pog-game-reference h3,.pog-rtl .pog-game-reference p,
.pog-rtl .pog-editorial-page h1,.pog-rtl .pog-editorial-page h2,.pog-rtl .pog-editorial-page h3,.pog-rtl .pog-editorial-page p{
  direction:rtl;
  unicode-bidi:plaintext;
}
.pog-rtl .pog-policy-content section>span,.pog-rtl .pog-about-workflow article>span{letter-spacing:0}
.pog-search-notice{margin:12px 0;padding:12px 15px;border:1px solid rgba(240,191,80,.2);border-radius:9px;background:rgba(240,191,80,.07);color:#d7c592;font-size:12px;font-weight:750}


/* ===== 2026-09-09 mobile game-play handoff =====
   On phones the outbound action sits directly below the preview so the image
   is never mistaken for an embedded playable canvas. Desktop keeps the
   established side-column CTA. */
.pog-mobile-play-block{display:none}
@media(max-width:780px){
  .pog-game-spotlight{overflow:hidden}
  .pog-mobile-play-block{
    display:block;
    padding:10px 12px 0;
    background:#0c0b10;
  }
  .pog-mobile-play-block .pog-play-on-y8{
    width:100%;
    min-height:64px;
    box-sizing:border-box;
    align-items:center;
    text-align:center;
    padding:10px 16px;
  }
  .pog-mobile-play-block .pog-play-on-y8 span{text-align:center}
  .pog-mobile-play-block .pog-play-on-y8 b{align-self:center;text-align:center}
  .pog-mobile-play-block .pog-external-note{
    display:block;
    margin:7px 4px 0;
    text-align:center;
    line-height:1.45;
  }
  .pog-game-lead .pog-play-on-y8-desktop,
  .pog-game-lead .pog-external-note-desktop{display:none!important}
}
@media(max-width:560px){
  .pog-mobile-play-block{padding:9px 9px 0}
  .pog-mobile-play-block .pog-play-on-y8{min-height:60px;padding:9px 13px}
  .pog-mobile-play-block .pog-play-on-y8 span{font-size:15px;line-height:1.16}
}

/* ===== 2026-09-10 click-to-play Y8 iframe =====
   The preview remains the launcher. When Y8 publishes a native iframe size,
   POG changes only the visual/player cell to that exact aspect ratio and then
   scales the remote frame proportionally. This removes the white unused shell
   caused by forcing unlike games into one universal 960x641 viewport. */
.pog-game-visual-playable{isolation:isolate}
.pog-game-launch{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  height:100%;
  padding:24px;
  border:0;
  background:linear-gradient(180deg,rgba(4,4,7,.03),rgba(4,4,7,.15));
  color:#fff;
  cursor:pointer;
  font:inherit;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
}
.pog-game-launch::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 50% 50%,rgba(239,41,72,.14),transparent 34%);
  opacity:0;
  transition:opacity .18s ease;
}
.pog-game-launch:hover::before,.pog-game-launch:focus-visible::before{opacity:1}
.pog-game-launch:focus-visible{outline:2px solid #ffd66f;outline-offset:-5px}
.pog-game-launch-icon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  padding-left:5px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(239,41,72,.96),rgba(126,12,36,.96));
  box-shadow:0 15px 34px rgba(0,0,0,.45),0 0 0 8px rgba(255,255,255,.05);
  color:#fff;
  font-size:27px;
  line-height:1;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.pog-game-launch strong{
  display:block;
  max-width:min(86%,520px);
  padding:7px 12px;
  border-radius:7px;
  background:rgba(6,6,9,.74);
  box-shadow:0 6px 18px rgba(0,0,0,.28);
  color:#fff;
  font-size:14px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.025em;
  text-shadow:0 1px 3px rgba(0,0,0,.7);
}
.pog-game-launch:hover .pog-game-launch-icon,.pog-game-launch:focus-visible .pog-game-launch-icon{
  transform:scale(1.055);
  filter:brightness(1.08);
  box-shadow:0 17px 38px rgba(0,0,0,.5),0 0 0 9px rgba(255,255,255,.075),0 0 24px rgba(239,41,72,.25);
}
.pog-game-visual.is-loading .pog-game-launch{pointer-events:none}
.pog-game-visual.is-loading .pog-game-launch-icon{animation:pog-player-pulse .85s ease-in-out infinite alternate}
.pog-game-visual.is-playing::after{display:none}
.pog-game-visual>img{transition:opacity .24s ease,filter .24s ease}
.pog-game-visual.is-playing>img{opacity:0;pointer-events:none}
.pog-game-visual.is-playing>.pog-game-launch,.pog-game-visual.is-playing>.pog-game-source-label{visibility:hidden;pointer-events:none}

/* Exact Y8 native stage. align-self:start is important: CSS Grid normally
   stretches the visual cell to the height of the text column, which was why
   earlier attempts changed an inner outline but did not resize the POG box. */
.pog-game-visual.pog-game-native-size.is-loading,
.pog-game-visual.pog-game-native-size.is-playing{
  width:100%;
  height:auto;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--pog-game-native-aspect);
  align-self:start;
  overflow:hidden;
  background:#050507;
}
.pog-game-visual.pog-game-native-size>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover;
}
.pog-game-frame{
  position:absolute;
  z-index:4;
  top:50%;
  left:50%;
  display:block;
  width:var(--pog-game-frame-width,960px);
  height:var(--pog-game-frame-height,641px);
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:#050507;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  transform:translate(-50%,-50%) scale(var(--pog-game-frame-scale,1));
  transform-origin:50% 50%;
}
.pog-game-visual.is-loading,.pog-game-visual.is-playing{background:#050507}
.pog-game-visual.is-playing>.pog-game-frame{opacity:1;pointer-events:auto}
@keyframes pog-player-pulse{from{transform:scale(.96);filter:brightness(.92)}to{transform:scale(1.05);filter:brightness(1.12)}}
@media(max-width:780px){
  .pog-game-visual[data-mobile-friendly="0"] .pog-game-launch{display:none!important}
  .pog-game-launch{gap:8px;padding:16px}
  .pog-game-launch-icon{width:60px;height:60px;font-size:22px}
  .pog-game-launch strong{max-width:92%;font-size:12px;padding:6px 10px}
}
@media(max-width:560px){
  .pog-game-launch-icon{width:54px;height:54px;font-size:20px}
  .pog-game-launch strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .pog-game-launch::before,.pog-game-launch-icon{transition:none}
  .pog-game-visual.is-loading .pog-game-launch-icon{animation:none}
}

/* ===== 2026-09-10 game-page-only Y8-style player stage =====
   Scope is intentionally limited to game pages. The POG shell, index,
   categories, masthead and footer are untouched. The black stage follows the
   game's own aspect ratio and the native iframe is centered/scaled inside it. */
@media(min-width:951px){
  .pog-game-page .pog-game-profile{max-width:1480px}
  .pog-game-page .pog-game-spotlight-playerwide{
    display:block;
    overflow:visible;
    border-radius:16px;
    background:transparent!important;
  }
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-visual{
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0 auto;
    aspect-ratio:var(--pog-game-native-aspect,960 / 641);
    align-self:auto;
    overflow:hidden;
    border-radius:16px 16px 0 0;
    background:#000;
  }
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-visual.is-loading,
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-visual.is-playing{
    width:min(100%,var(--pog-game-stage-width,100%));
    height:var(--pog-game-stage-height,auto);
    aspect-ratio:auto!important;
    border-radius:16px;
  }
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-visual>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    object-fit:cover;
  }
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-visual.is-playing{
    box-shadow:0 20px 52px rgba(0,0,0,.34);
  }
  .pog-game-page .pog-game-spotlight-playerwide .pog-game-lead{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(350px,430px);
    gap:34px;
    align-items:center;
    margin-top:12px;
    padding:27px 32px 29px;
    border:1px solid rgba(240,191,80,.11);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(15,13,18,.99),rgba(10,9,13,.99));
  }
  .pog-game-page .pog-game-lead-copy{min-width:0}
  .pog-game-page .pog-game-lead-copy .pog-game-category{display:block}
  .pog-game-page .pog-game-lead-copy h1{
    margin-bottom:12px;
    font-size:clamp(31px,3vw,48px);
  }
  .pog-game-page .pog-game-lead-copy>p{max-width:900px}
  .pog-game-page .pog-game-lead-side{min-width:0}
  .pog-game-page .pog-game-lead-side .pog-game-facts{margin:0 0 12px}
  .pog-game-page .pog-game-lead-side .pog-play-on-y8{min-height:64px}

  /* Never let the cross-origin Y8 document become the size of the POG stage.
     Its logical viewport stays at the Y8/native dimensions from JS and is
     transformed as one centered surface. */
  .pog-game-page .pog-game-frame,
  .pog-game-page .pog-game-frame.pog-game-frame-fluid{
    top:50%!important;
    left:50%!important;
    width:var(--pog-game-frame-width,960px)!important;
    height:var(--pog-game-frame-height,641px)!important;
    transform:translate(-50%,-50%) scale(var(--pog-game-frame-scale,1))!important;
    transform-origin:50% 50%!important;
  }
}

@media(max-width:950px){
  .pog-game-page .pog-game-lead-copy,
  .pog-game-page .pog-game-lead-side{min-width:0}
}



/* ===== 2026-09-10 stable game-page preview geometry =====
   Do not stretch a 760px catalog thumbnail across the full wide player area.
   Before launch the poster stays at its source presentation size (or smaller).
   Once loading starts, the stage switches to the game's real native geometry.
   This also reserves the correct shape before JS runs and removes the large
   low-resolution flash/layout jump seen when opening a game profile. */
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size:not(.is-loading):not(.is-playing){
  width:min(100%,var(--pog-game-native-width,760px),760px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:760 / 475!important;
  margin-inline:auto!important;
  border-radius:16px!important;
  background:#050507!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size:not(.is-loading):not(.is-playing)>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* A static/non-embeddable profile should not blow the same catalog thumbnail
   up beyond the source presentation size either. */
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual:not(.pog-game-visual-playable){
  width:min(100%,760px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:760 / 475!important;
  margin-inline:auto!important;
  border-radius:16px!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual:not(.pog-game-visual-playable)>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
}

/* After Play is pressed, stop showing the low-resolution poster while the
   larger/native iframe stage is being prepared. */
.pog-game-page .pog-game-visual.is-loading>img{
  visibility:visible!important;
  opacity:1!important;
  filter:brightness(.72) saturate(.92);
}
.pog-game-page .pog-game-visual.is-loading{
  background:#050507!important;
}
.pog-game-page .pog-game-visual.is-loading::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.07) 48%,transparent 62%);
  background-size:220% 100%;
  animation:pog-game-poster-loading 1.25s linear infinite;
}
@keyframes pog-game-poster-loading{to{background-position:-220% 0}}

/* Loading/playing geometry follows the calculated native stage immediately. */
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size.is-loading,
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size.is-playing{
  width:min(100%,var(--pog-game-stage-width,var(--pog-game-native-width,960px)))!important;
  height:var(--pog-game-stage-height,auto)!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--pog-game-native-aspect,960 / 641)!important;
  margin-inline:auto!important;
}


/* ===== Category editorial trivia archive ===== */
.pog-category-trivia{
  position:relative;
  overflow:hidden;
}
.pog-category-trivia h2{margin-bottom:8px}
.pog-category-trivia p{
  max-width:1040px;
  font-size:clamp(14px,1.08vw,17px);
  line-height:1.72;
  text-wrap:pretty;
}


/* ===== 2026-09-11 mobile landscape immersive fullscreen =====
   Uses the existing automatic Y8 iframe. Mobile-friendly games with known
   native landscape dimensions can enter the Fullscreen API so browser chrome
   disappears where supported. Portrait, square-ish and unknown-size games are
   intentionally left on the normal player. */
html.pog-mobile-page-immersive,
body.pog-mobile-page-immersive{
  overscroll-behavior:none;
}
body.pog-mobile-page-immersive{overflow:hidden!important}
.pog-game-visual.pog-mobile-immersive{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100dvw!important;
  height:100dvh!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.pog-game-visual.pog-mobile-immersive:fullscreen,
.pog-game-visual.pog-mobile-immersive:-webkit-full-screen{
  width:100%!important;
  height:100%!important;
  background:#000!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size.pog-mobile-immersive.is-loading,
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-game-native-size.pog-mobile-immersive.is-playing{
  width:100dvw!important;
  height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  aspect-ratio:auto!important;
}
.pog-mobile-immersive .pog-game-frame,
.pog-game-page .pog-mobile-immersive .pog-game-frame,
.pog-game-page .pog-mobile-immersive .pog-game-frame.pog-game-frame-fluid{
  top:50%!important;
  left:50%!important;
  width:var(--pog-game-frame-width,960px)!important;
  height:var(--pog-game-frame-height,641px)!important;
  transform:translate(-50%,-50%) scale(var(--pog-game-frame-scale,1))!important;
  transform-origin:50% 50%!important;
  border:0!important;
}
.pog-mobile-exit{
  position:absolute;
  top:max(10px,env(safe-area-inset-top));
  left:max(10px,env(safe-area-inset-left));
  z-index:30;
  display:none;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:64px;
  min-height:38px;
  padding:6px 11px 6px 9px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(4,4,7,.68);
  box-shadow:0 5px 20px rgba(0,0,0,.28);
  color:#fff;
  font:inherit;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  -webkit-tap-highlight-color:transparent;
}
.pog-mobile-immersive .pog-mobile-exit{display:flex}
.pog-mobile-exit span{font-size:25px;line-height:.8;transform:translateY(-1px)}
.pog-mobile-exit strong{font-size:12px;font-weight:950;line-height:1;letter-spacing:.08em}
.pog-mobile-exit:active{transform:scale(.96)}
@media (orientation:portrait) and (pointer:coarse){
  .pog-mobile-immersive::before{
    content:"ROTATE TO PLAY";
    position:absolute;
    z-index:25;
    left:50%;
    bottom:max(18px,env(safe-area-inset-bottom));
    transform:translateX(-50%);
    padding:8px 12px;
    border-radius:999px;
    background:rgba(0,0,0,.68);
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    pointer-events:none;
  }
}
@media (orientation:landscape){
  .pog-mobile-immersive::before{display:none!important}
}



/* ===== 2026-09-12 auto-loaded game iframe fullscreen control ===== */
.pog-mobile-enter{
  position:absolute;
  z-index:18;
  top:max(10px,env(safe-area-inset-top));
  right:max(10px,env(safe-area-inset-right));
  display:none;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(4,4,7,.68);
  box-shadow:0 5px 20px rgba(0,0,0,.28);
  color:#fff;
  font:inherit;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  -webkit-tap-highlight-color:transparent;
}
.pog-mobile-enter span{font-size:17px;line-height:1}
.pog-mobile-enter strong{font-size:10px;font-weight:950;line-height:1;letter-spacing:.06em}
.pog-mobile-enter:active{transform:scale(.96)}
@media(max-width:780px) and (pointer:coarse){
  .pog-game-visual[data-mobile-immersive="1"].is-playing .pog-mobile-enter{display:flex}
  .pog-game-visual.pog-mobile-immersive .pog-mobile-enter{display:none!important}
}


/* ===== 2026-09-12 auto-load poster refinement =====
   The game thumbnail remains visible while the remote Y8 iframe loads. The
   former large PLAY overlay is no longer needed because loading starts
   automatically; mobile landscape games retain the compact fullscreen control. */
@media(prefers-reduced-motion:reduce){
  .pog-game-page .pog-game-visual.is-loading::before{animation:none!important}
  .pog-game-visual>img,.pog-game-frame{transition:none!important}
}

/* Locally hosted gameplay preview on individual game profiles.
   The profile copy stays compact: one preview title, a thumbnail-sized video
   beside the gameplay text, then Game Data + Controls share one row below. */
.pog-game-copy{align-self:start}
.pog-game-reference>.content-box{height:100%;box-sizing:border-box}
.pog-game-reference .pog-controls-box h2{margin-top:0}
.pog-gameplay-preview-title{margin:20px 0 10px!important;color:#e8b94f!important;font-size:12px!important;font-weight:900;line-height:1.35!important;letter-spacing:.07em!important;text-transform:uppercase}
.pog-gameplay-split{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:24px;align-items:start;margin-top:0}
.pog-gameplay-copy{min-width:0}
.pog-gameplay-copy>p:first-child{margin-top:0}
.pog-gameplay-copy>p:last-child{margin-bottom:0}
.pog-gameplay-preview{margin:0;min-width:0}
.pog-gameplay-preview-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid rgba(240,191,80,.16);border-radius:10px;background:#050506;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.pog-gameplay-preview video{display:block;width:100%;height:100%;background:#050506;object-fit:cover}
@media(max-width:980px){
  .pog-gameplay-split{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px}
  .pog-game-reference{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .pog-gameplay-split{grid-template-columns:1fr;gap:16px}
  .pog-gameplay-preview-compact{width:min(100%,420px)}
  .pog-gameplay-preview-frame{border-radius:9px}
  .pog-game-reference{grid-template-columns:1fr}
}

/* ===== 2026-09-18 stable click-to-play stage =====
   Keep the poster and iframe in one fixed POG viewport. Y8's ?fit=auto handles
   the game inside that viewport, so collected native pixel dimensions are not
   used to resize the page when play starts. */
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable:not(.pog-player-fullscreen-active){
  width:min(100%,760px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:760 / 475!important;
  margin-inline:auto!important;
  border-radius:16px!important;
  background:#050507!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable:not(.pog-player-fullscreen-active)>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable:not(.pog-player-fullscreen-active) .pog-game-frame,
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable:not(.pog-player-fullscreen-active) .pog-game-frame.pog-game-frame-fluid{
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
}
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-player-fullscreen-active .pog-game-frame,
.pog-game-page .pog-game-spotlight-playerwide .pog-game-visual-playable.pog-player-fullscreen-active .pog-game-frame.pog-game-frame-fluid{
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
}


/* ===== 2026-09-18 restored in-player utility controls =====
   These controls live over the stable click-to-play stage. They do not reserve
   layout space, so restoring them does not reintroduce the CLS issue. */
.pog-inline-player-back,
.pog-inline-player-controls{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;
}
.pog-game-visual.is-loading .pog-inline-player-back,
.pog-game-visual.is-playing .pog-inline-player-back,
.pog-game-visual.is-loading .pog-inline-player-controls,
.pog-game-visual.is-playing .pog-inline-player-controls{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.pog-inline-player-back{
  position:absolute;
  z-index:12;
  top:max(10px,env(safe-area-inset-top));
  left:max(10px,env(safe-area-inset-left));
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:70px;
  min-height:36px;
  padding:6px 11px 6px 8px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(15,12,19,.78);
  box-shadow:0 7px 20px rgba(0,0,0,.34);
  color:#fff;
  cursor:pointer;
  font:inherit;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  transform:translateY(-4px);
  touch-action:manipulation;
}
.pog-game-visual.is-loading .pog-inline-player-back,
.pog-game-visual.is-playing .pog-inline-player-back{transform:none}
.pog-inline-player-back span{font-size:24px;line-height:.7}
.pog-inline-player-back strong{font-size:9px;font-weight:950;letter-spacing:.09em;line-height:1}
.pog-inline-player-controls{
  position:absolute;
  z-index:12;
  top:max(10px,env(safe-area-inset-top));
  right:max(10px,env(safe-area-inset-right));
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  transform:translateY(-4px);
}
.pog-game-visual.is-loading .pog-inline-player-controls,
.pog-game-visual.is-playing .pog-inline-player-controls{transform:none}
.pog-inline-player-controls button{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:106px;
  min-height:34px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(8,5,11,.76);
  box-shadow:0 7px 20px rgba(0,0,0,.28);
  color:#fff;
  cursor:pointer;
  font:inherit;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  touch-action:manipulation;
}
.pog-inline-player-controls button:active,.pog-inline-player-back:active{transform:scale(.97)}
.pog-inline-player-controls button span{width:18px;text-align:center;font-size:14px;line-height:1}
.pog-inline-player-controls button strong{font-size:8px;font-weight:950;letter-spacing:.075em;line-height:1;white-space:nowrap}
.pog-inline-player-controls button.is-active{border-color:rgba(255,255,255,.72);background:rgba(62,31,94,.82)}
@media(max-width:560px){
  .pog-inline-player-controls{gap:4px;top:max(7px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}
  .pog-inline-player-controls button{min-width:92px;min-height:30px;padding:5px 8px}
  .pog-inline-player-controls button strong{font-size:7px}
  .pog-inline-player-back{top:max(7px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));min-height:32px}
}
@media(max-height:430px) and (orientation:landscape){
  .pog-inline-player-controls{gap:4px;top:max(7px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}
  .pog-inline-player-controls button{min-width:92px;min-height:30px;padding:5px 8px}
  .pog-inline-player-controls button strong{font-size:7px}
}