/* POG Luxe v3 — render-driven gaming portal redesign */
:root{
  --pog-v3-bg:#060608;
  --pog-v3-panel:#0c0b10;
  --pog-v3-panel-2:#111018;
  --pog-v3-line:rgba(226,177,77,.23);
  --pog-v3-line-hot:rgba(255,61,88,.52);
  --pog-v3-gold:#f0bf50;
  --pog-v3-gold-2:#ffd66f;
  --pog-v3-red:#ef2948;
  --pog-v3-purple:#8c3cff;
  --pog-v3-text:#f7f5f8;
  --pog-v3-muted:#8f8996;
  --pog-reel-row:42px;
}

html.pog-v3 body{
  background:
    radial-gradient(900px 420px at 76% 0%,rgba(116,35,175,.13),transparent 67%),
    radial-gradient(760px 430px at 8% 12%,rgba(205,19,48,.12),transparent 68%),
    linear-gradient(180deg,#07070a,#050507 60%,#030304)!important;
}

/* ===== Render-driven header ===== */
.pog-v3 .pog-luxe-header{
  width:min(1600px,calc(100% - 20px));
  margin:0 auto 16px;
  overflow:visible;
  border:1px solid rgba(240,191,80,.20);
  border-top:0;
  border-radius:0 0 20px 20px;
  background:#07070a;
  box-shadow:0 18px 45px rgba(0,0,0,.34);
}
.pog-v3 .pog-header-art{
  position:absolute;inset:0 0 52px;overflow:hidden;border-radius:0 0 18px 18px;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,5,8,.94) 0 15%,rgba(5,5,8,.58) 34%,rgba(5,5,8,.52) 68%,rgba(5,5,8,.90) 100%),
    linear-gradient(180deg,rgba(5,5,8,.10),rgba(5,5,8,.92)),
    url('/assets/images/header-gaming.webp') center 43%/cover no-repeat;
}
.pog-v3 .pog-header-art::after{
  content:"";position:absolute;inset:auto 0 0;height:2px;
  background:linear-gradient(90deg,transparent,#ff253f 16%,#ffcb54 38%,#853cff 67%,#ff253f 87%,transparent);
  box-shadow:0 0 16px rgba(255,43,79,.55);
}
.pog-v3 .pog-luxe-header-main{
  position:relative;z-index:2;
  min-height:138px;
  display:grid;
  grid-template-columns:174px 205px minmax(280px,440px) minmax(110px,1fr) auto;
  align-items:center;
  gap:18px;
  padding:8px 24px 4px;
}
.pog-v3 .pog-brand-zone{align-self:end;transform:translateY(18px)}
.pog-v3 .pog-brand-copy{align-self:center;display:grid;gap:7px;min-width:0;text-shadow:0 2px 18px #000}
.pog-v3 .pog-brand-copy b{color:var(--pog-v3-gold-2);font-size:13px;font-weight:900;letter-spacing:.18em;white-space:nowrap}
.pog-v3 .pog-brand-copy span{color:#fff;font-size:9px;font-weight:800;line-height:1.55;letter-spacing:.22em;white-space:nowrap}
.pog-v3 .pog-header-motto{justify-self:end;text-align:right;display:grid;gap:4px;min-width:max-content;text-shadow:0 2px 15px #000}
.pog-v3 .pog-header-motto span,.pog-v3 .pog-header-motto b{font-size:8px;font-weight:900;letter-spacing:.24em;white-space:nowrap}
.pog-v3 .pog-header-motto span{color:#f6cc72}.pog-v3 .pog-header-motto b{color:#fff}

/* interactive chip — larger, more detailed, actual random slot mechanics */
.pog-v3 .pog-casino-logo{width:154px;height:154px;flex:0 0 154px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.58)) drop-shadow(0 0 7px rgba(255,47,73,.16))}
.pog-v3 .pog-casino-logo:hover{transform:translateY(-3px) rotate(-1deg) scale(1.025);filter:drop-shadow(0 15px 26px rgba(0,0,0,.64)) drop-shadow(0 0 13px rgba(255,46,74,.28))}
.pog-v3 .pog-chip-face{
  border:2px solid #d8a63b;
  background:
    radial-gradient(circle at 50% 50%,#171319 0 47%,transparent 47.5%),
    repeating-conic-gradient(from -8deg,#a3122d 0 8deg,#160f17 8deg 16deg,#d29b32 16deg 18.5deg,#0a090d 18.5deg 27deg);
  box-shadow:inset 0 0 0 3px #3b2208,inset 0 0 0 6px #e3b44e,inset 0 0 0 10px #3f270c,inset 0 0 34px #000,0 0 0 1px #000,0 0 20px rgba(218,147,42,.15)
}
.pog-v3 .pog-chip-rim.rim-a{inset:14px;border-color:rgba(255,214,112,.68)}
.pog-v3 .pog-chip-rim.rim-b{inset:24px;border-color:rgba(221,169,67,.33)}
.pog-v3 .pog-chip-ticks{inset:6px;opacity:.65}
.pog-v3 .pog-chip-type .chip-arc{font-family:var(--pog-font);font-size:12px;font-weight:900;letter-spacing:1.6px;fill:#ffe09a;stroke:#1b0b09;stroke-width:.7px}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:11px;letter-spacing:2.7px}
.pog-v3 .pog-slot-shell{
  left:27px;right:27px;top:52px;height:56px;padding:4px;
  border:1px solid #cc9130;border-radius:9px;
  background:linear-gradient(180deg,#5b3510,#100c0d 19%,#09090b 84%,#4a280d);
  box-shadow:inset 0 0 0 1px rgba(255,221,137,.72),inset 0 0 13px #000,0 5px 12px rgba(0,0,0,.65)
}
.pog-v3 .pog-reels,.pog-v3 .pog-reel-window{height:42px}
.pog-v3 .pog-reels{gap:3px;border-radius:5px;background:#5e3d1c}
.pog-v3 .pog-reel-window{
  background:linear-gradient(90deg,#bdb7b4 0,#fff 22%,#fefefe 52%,#f4f1ed 78%,#b8b2af 100%);
  box-shadow:inset 3px 0 5px rgba(0,0,0,.22),inset -3px 0 5px rgba(0,0,0,.15),inset 0 7px 11px rgba(255,255,255,.5),inset 0 -7px 10px rgba(0,0,0,.10)
}
.pog-v3 .pog-reel-track{display:flex;flex-direction:column;align-items:stretch;will-change:transform}
.pog-v3 .pog-slot-symbol{height:42px;min-height:42px;display:grid;place-items:center;font-family:var(--pog-font);font-size:25px;font-weight:950;line-height:1;color:#99152c;text-shadow:0 1px 0 #fff,0 2px 2px rgba(0,0,0,.18)}
.pog-v3 .pog-slot-symbol.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:23px;text-shadow:none}
.pog-v3 .pog-slot-symbol.seven{font-size:29px;color:#c81d35;text-shadow:0 1px #fff,1px 2px #e8a83a,-1px 2px #e8a83a}
.pog-v3 .pog-slot-symbol.diamond{color:#5a3de0}.pog-v3 .pog-slot-symbol.star{color:#d59822}.pog-v3 .pog-slot-symbol.letter{font-size:29px;color:#a4102a}
.pog-v3 .pog-reel-glass{background:linear-gradient(180deg,rgba(255,255,255,.65),transparent 27%,transparent 66%,rgba(0,0,0,.16))}
.pog-v3 .pog-chip-jewel{top:72px;width:9px;height:9px}.pog-v3 .pog-chip-jewel.left{left:16px}.pog-v3 .pog-chip-jewel.right{right:16px}
.pog-v3 .pog-win-burst{background:radial-gradient(circle,rgba(255,239,175,.99),rgba(242,48,79,.44) 42%,transparent 72%)}
.pog-v3 .pog-win-burst b{font-size:17px}.pog-v3 .pog-win-burst i{font-size:8px;margin-top:2px}
.pog-v3 .pog-casino-logo.is-spinning .pog-chip-face{box-shadow:inset 0 0 0 3px #3b2208,inset 0 0 0 6px #e3b44e,inset 0 0 0 10px #3f270c,inset 0 0 34px #000,0 0 24px rgba(255,48,79,.24)}

/* search is a supporting control now, not the entire header */
.pog-v3 .pog-search-zone{width:100%;max-width:440px;justify-self:center}
.pog-v3 .pog-search-zone form{height:48px;border-color:rgba(240,191,80,.55)!important;border-radius:13px!important;background:rgba(5,5,8,.78)!important;box-shadow:0 5px 18px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(8px)}
.pog-v3 .pog-search-zone #q,.pog-v3 .pog-search-zone input[type="text"],.pog-v3 .pog-search-zone input[type="search"]{height:46px!important;font-size:12px!important;font-weight:650!important;padding-left:17px!important}
.pog-v3 .pog-search-zone button,.pog-v3 .pog-search-zone input[type="submit"]{min-width:52px!important;background:linear-gradient(180deg,rgba(31,26,33,.96),rgba(12,11,16,.98))!important;color:#ffd46b!important}

.pog-v3 .pog-account-zone{gap:7px;justify-self:end}
.pog-v3 .pog-score-pill,.pog-v3 .pog-account-link{height:42px;border-radius:10px;backdrop-filter:blur(8px)}
.pog-v3 .pog-score-pill{border-color:rgba(240,191,80,.28);background:rgba(6,6,9,.70)}
.pog-v3 .pog-account-link{padding:0 15px!important;border-color:rgba(255,255,255,.10);background:rgba(7,7,10,.72);font-size:10.5px!important;color:#f0edf4!important}
.pog-v3 .pog-account-link.primary{border-color:#e62a47;background:linear-gradient(180deg,#d51f3c,#a70f29)}

.pog-v3 .pog-game-nav{
  position:relative;z-index:3;min-height:52px;padding:0 16px 0 196px;gap:2px;
  border-top:1px solid rgba(255,255,255,.055);background:rgba(5,5,8,.93);overflow-x:auto
}
.pog-v3 .pog-game-nav a{padding:0 12px;font-size:10px!important;color:#a7a0ad!important;gap:8px}
.pog-v3 .pog-game-nav a::before{display:none}.pog-v3 .pog-game-nav a i{font-style:normal;color:#e7ad39;font-size:14px;line-height:1}.pog-v3 .pog-game-nav a:nth-child(3n+1) i{color:#f33a52}.pog-v3 .pog-game-nav a:nth-child(3n+2) i{color:#ffd052}.pog-v3 .pog-game-nav a:nth-child(3n) i{color:#a46cff}
.pog-v3 .pog-game-nav a.active,.pog-v3 .pog-game-nav a:hover{color:#fff!important}
.pog-v3 .pog-game-nav a::after{height:3px;left:10px;right:10px;background:linear-gradient(90deg,#ff2a49,#ffd45d)}

/* ===== Main portal layout ===== */
.pog-v3 .container{width:min(1600px,calc(100% - 20px))!important}
.pog-v3 body.items.index .body{display:grid!important;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start!important}
.pog-v3 body.items.index #sidebar{
  position:sticky!important;top:10px!important;width:auto!important;min-width:0!important;max-height:none!important;overflow:visible!important;
  margin:0!important;padding:14px 10px 12px!important;border:1px solid rgba(240,191,80,.20)!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(17,15,22,.98),rgba(8,8,11,.98))!important;box-shadow:0 12px 25px rgba(0,0,0,.25)!important
}
.pog-v3 body.items.index #sidebar::before{display:none!important}
.pog-v3 .pog-library-title{display:flex;align-items:center;justify-content:space-between;padding:3px 8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.pog-v3 .pog-library-title span{color:#f2bf51;font-size:9px;font-weight:900;letter-spacing:.17em}.pog-v3 .pog-library-title b{color:#6f6875;font-size:6.5px;font-weight:900;letter-spacing:.16em}
.pog-v3 .pog-category-library nav{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding-top:6px!important;max-height:none!important;overflow:visible!important}
.pog-v3 .pog-category-link{
  min-height:35px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;
  padding:0 8px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#a9a3af!important;text-decoration:none!important;
  font-size:9.5px!important;font-weight:700!important;white-space:nowrap!important
}
.pog-v3 .pog-category-link i{font-style:normal;color:#f0b63d;font-size:13px;text-align:center}.pog-v3 .pog-category-link span{min-width:0;overflow:hidden;text-overflow:ellipsis}.pog-v3 .pog-category-link b{color:#6e6873;font-size:7.5px;font-weight:700}
.pog-v3 .pog-category-link:hover{border-color:rgba(143,63,239,.25)!important;background:linear-gradient(90deg,rgba(109,43,199,.13),rgba(236,35,70,.04))!important;color:#fff!important}
.pog-v3 .pog-category-link:first-child{border-color:rgba(143,63,239,.36)!important;background:linear-gradient(90deg,rgba(92,33,161,.28),rgba(42,22,55,.10))!important;color:#fff!important}

/* generated art assets replace blurry upstream thumbnails in the hero */
.pog-v3 .pog-featured-v3{margin:0 0 14px}
.pog-v3 .pog-featured-v3-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;min-height:332px}
.pog-v3 .pog-hero-art-card,.pog-v3 .pog-promo-art{position:relative;display:block;overflow:hidden;border:1px solid rgba(240,191,80,.46);border-radius:14px;text-decoration:none!important;background-color:#0b0a0e;box-shadow:0 13px 28px rgba(0,0,0,.28);transition:transform .2s ease,border-color .2s ease,filter .2s ease}
.pog-v3 .pog-hero-art-card{min-height:332px;background:url('/assets/images/hero-play-more.webp') center center/cover no-repeat}
.pog-v3 .pog-hero-art-card::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 -70px 90px rgba(0,0,0,.18);pointer-events:none}
.pog-v3 .pog-art-live{position:absolute;z-index:2;top:14px;left:14px;padding:6px 8px;border-radius:6px;background:rgba(6,6,8,.72);border:1px solid rgba(255,208,95,.42);color:#ffd05d;font-size:7px;font-weight:900;letter-spacing:.16em;backdrop-filter:blur(6px)}
.pog-v3 .pog-art-cta{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);height:36px;display:flex;align-items:center;gap:13px;padding:0 18px;border:1px solid #ffcf60;border-radius:9px;background:linear-gradient(180deg,rgba(163,17,43,.96),rgba(111,8,29,.98));box-shadow:0 0 17px rgba(245,47,72,.24);color:#fff;font-size:9px;font-weight:900;letter-spacing:.05em;white-space:nowrap}
.pog-v3 .pog-art-cta b{color:#ffd05f;font-size:14px}.pog-v3 .pog-hero-art-card:hover,.pog-v3 .pog-promo-art:hover{transform:translateY(-2px);border-color:#f7c959;filter:saturate(1.04) brightness(1.03)}
.pog-v3 .pog-hero-rail{display:grid;grid-template-rows:1.7fr 1fr;gap:12px;min-height:0}
.pog-v3 .pog-promo-art{min-height:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.pog-v3 .pog-promo-epic{background-image:url('/assets/images/promo-epic-games.webp')}.pog-v3 .pog-promo-discover{background-image:url('/assets/images/promo-discover.webp')}
.pog-v3 .pog-promo-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,3,5,.76));pointer-events:none}
.pog-v3 .pog-promo-art span{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;color:#ffd05f;font-size:7px;font-weight:900;letter-spacing:.14em;text-align:center;text-shadow:0 2px 8px #000}

.pog-v3 .pog-grid-heading{min-height:46px;margin:1px 0 8px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.04)}
.pog-v3 .pog-grid-heading h2{font-size:20px!important;letter-spacing:-.02em!important}.pog-v3 .pog-grid-heading small{color:#77717e!important;font-size:8px!important;letter-spacing:.11em!important}.pog-v3 .pog-grid-heading>a{color:#f0bf50!important;font-size:8px!important;letter-spacing:.10em!important}
.pog-v3 .pog-grid-dot{width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,#ff2947,#8b3dff)!important;transform:rotate(45deg)}

/* denser modern game cards */
.pog-v3 #items_container{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.pog-v3 #items_container>li.item,.pog-v3 #items_container>.item{border-radius:10px!important;border-color:rgba(240,191,80,.20)!important;background:#0b0b0f!important;box-shadow:0 8px 16px rgba(0,0,0,.18)!important}
.pog-v3 #items_container>li.item:hover,.pog-v3 #items_container>.item:hover{transform:translateY(-2px)!important;border-color:rgba(240,191,80,.55)!important;background:#111017!important}
.pog-v3 .thumb-img-container{aspect-ratio:16/10!important}.pog-v3 .game-title{font-size:10.5px!important;font-weight:780!important}.pog-v3 .item-name{padding:8px 8px 1px!important}.pog-v3 .pog-card-meta{padding:5px 8px 7px!important}.pog-v3 .pog-card-labels{top:6px;left:6px;right:6px}.pog-v3 .pog-card-labels span{font-size:6px;border-radius:5px}

/* footer is restrained; casino styling stays in logo and tiny accents */
.pog-v3 .pog-footer-accent{width:min(1600px,calc(100% - 20px));min-height:52px;margin-top:28px;border-color:rgba(240,191,80,.20);border-radius:0;background:linear-gradient(90deg,#0a090d,#111017,#08080b);color:#8f8995}.pog-v3 .pog-footer-accent b{color:#f0bf50;font-size:12px}.pog-v3 .pog-footer-accent span{font-size:7px;letter-spacing:.13em}.pog-v3 .pog-footer-accent i{background:#e52946}
.pog-v3 footer,.pog-v3 .footer,.pog-v3 #footer{width:min(1600px,calc(100% - 20px))!important;border-radius:0 0 14px 14px!important;border-color:rgba(240,191,80,.12)!important;background:#060609!important}
.pog-v3 .pog-footer-overview{display:grid;width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);gap:28px;align-items:stretch;margin:0 0 18px;padding:5px 0 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.pog-v3 .pog-footer-overview-copy{max-width:900px}
.pog-v3 .pog-footer-kicker{display:block;margin:0 0 10px;color:#d9bd80;font-size:9px;font-weight:900;letter-spacing:.18em}
.pog-v3 .pog-footer-overview h2{margin:0 0 8px;color:#f0eaf2;font-family:'Cinzel',Georgia,serif;font-size:clamp(22px,2.4vw,34px);line-height:1.1;letter-spacing:-.025em}
.pog-v3 .pog-footer-overview p{margin:0;color:#aaa3ad;font-size:12.5px;line-height:1.58}
.pog-v3 .pog-footer-overview-copy p + p{margin-top:8px}
.pog-v3 .pog-footer-overview-copy p strong{color:#c9c1cb;font-weight:800}
.pog-v3 .pog-footer-overview p:last-child{margin-bottom:0}
.pog-v3 .pog-footer-overview-aside{display:grid;align-content:center;gap:3px;padding:16px 20px;border:1px solid rgba(240,191,80,.16);border-radius:13px;background:linear-gradient(145deg,rgba(31,20,25,.95),rgba(9,8,12,.98));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.pog-v3 .pog-footer-overview-aside span{margin-bottom:8px;color:#ef3552;font-size:8px;font-weight:900;letter-spacing:.16em}
.pog-v3 .pog-footer-overview-aside strong{color:#f0bf50;font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:27px;line-height:1;letter-spacing:.04em}
.pog-v3 .pog-footer-overview-aside small{margin-bottom:10px;color:#837b88;font-size:9px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase}
.pog-v3 .pog-footer-note{max-width:980px;margin:22px auto 0!important;color:#aaa3ad!important;font-size:12px!important;line-height:1.7!important;text-align:center}
.pog-v3 .pog-footer-credit{margin:14px 0 0;color:#77717c;font-size:10px;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.pog-v3 .pog-footer-credit a{color:#d9bd80!important;font-weight:900;letter-spacing:.12em}

@media(max-width:1320px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:152px 160px minmax(260px,390px) 1fr auto;gap:12px}.pog-v3 .pog-casino-logo{width:136px;height:136px;flex-basis:136px}.pog-v3 .pog-brand-zone{transform:translateY(12px)}
  .pog-v3 .pog-header-motto{display:none}.pog-v3 .pog-game-nav{padding-left:174px}.pog-v3 #items_container{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1060px){
  :root{--pog-reel-row:33px}
  .pog-v3 .pog-luxe-header-main{grid-template-columns:124px minmax(240px,1fr) auto;min-height:120px}.pog-v3 .pog-brand-copy{display:none}.pog-v3 .pog-casino-logo{width:112px;height:112px;flex-basis:112px}.pog-v3 .pog-brand-zone{transform:translateY(8px)}
  .pog-v3 .pog-slot-shell{left:22px;right:22px;top:38px;height:43px}.pog-v3 .pog-reels,.pog-v3 .pog-reel-window{height:33px}.pog-v3 .pog-slot-symbol{height:33px;min-height:33px;font-size:19px}.pog-v3 .pog-slot-symbol.emoji{font-size:18px}.pog-v3 .pog-slot-symbol.seven,.pog-v3 .pog-slot-symbol.letter{font-size:22px}.pog-v3 .pog-chip-jewel{top:52px}
  .pog-v3 .pog-search-zone{max-width:none}.pog-v3 .pog-game-nav{padding-left:140px}.pog-v3 body.items.index .body{grid-template-columns:190px minmax(0,1fr)}.pog-v3 .pog-featured-v3-grid{grid-template-columns:1fr 190px}.pog-v3 #items_container{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  :root{--pog-reel-row:28px}
  .pog-v3 .pog-luxe-header{width:calc(100% - 10px);border-radius:0 0 14px 14px}.pog-v3 .pog-header-art{inset:0 0 48px}
  .pog-v3 .pog-luxe-header-main{grid-template-columns:80px 1fr;min-height:88px;padding:6px 8px 5px;gap:8px}.pog-v3 .pog-casino-logo{width:76px;height:76px;flex-basis:76px}.pog-v3 .pog-brand-zone{transform:translateY(6px)}
  .pog-v3 .pog-slot-shell{left:14px;right:14px;top:26px;height:33px;padding:2px}.pog-v3 .pog-reels,.pog-v3 .pog-reel-window{height:28px}.pog-v3 .pog-slot-symbol{height:28px;min-height:28px;font-size:16px}.pog-v3 .pog-slot-symbol.emoji{font-size:15px}.pog-v3 .pog-slot-symbol.seven,.pog-v3 .pog-slot-symbol.letter{font-size:18px}.pog-v3 .pog-chip-jewel{top:36px;width:5px;height:5px}.pog-v3 .pog-chip-type .chip-arc{font-size:11px}.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:10px}
  .pog-v3 .pog-search-zone #q{height:40px!important}.pog-v3 .pog-search-zone form{height:42px}.pog-v3 .pog-account-zone{grid-column:1/-1;justify-content:flex-start;padding-top:5px;overflow-x:auto}.pog-v3 .pog-score-pill,.pog-v3 .pog-account-link{height:34px}
  .pog-v3 .pog-game-nav{padding-left:8px;min-height:46px}.pog-v3 .pog-game-nav a{padding:0 10px;font-size:9px!important}.pog-v3 .pog-game-nav a i{font-size:12px}
  .pog-v3 body.items.index .body{display:block!important}.pog-v3 body.items.index #sidebar{position:relative!important;top:auto!important;margin-bottom:12px!important}.pog-v3 .pog-category-library nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.pog-v3 .pog-category-link{grid-template-columns:20px minmax(0,1fr)!important;border:1px solid rgba(255,255,255,.05)!important}.pog-v3 .pog-category-link b{display:none}
  .pog-v3 .pog-featured-v3-grid{grid-template-columns:1fr}.pog-v3 .pog-hero-art-card{min-height:280px}.pog-v3 .pog-hero-rail{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:160px}.pog-v3 #items_container{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .pog-v3 .pog-category-library nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pog-v3 .pog-featured-v3-grid{gap:8px}.pog-v3 .pog-hero-art-card{min-height:210px}.pog-v3 .pog-hero-rail{min-height:135px;gap:8px}.pog-v3 .pog-art-cta{height:31px;font-size:8px;bottom:11px}.pog-v3 #items_container{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pog-v3 .pog-grid-heading small{display:none}.pog-v3 .pog-footer-accent span:nth-of-type(n+3),.pog-v3 .pog-footer-accent i:nth-of-type(n+3){display:none}
}

/* ===== v4 generated-art pass =====
   These assets are independent visual layers. Text stays in HTML so the
   artwork can be replaced or localized without regenerating the image. */
.pog-v3 .pog-header-art{
  background:
    linear-gradient(90deg,rgba(4,4,8,.88) 0 13%,rgba(4,4,8,.48) 32%,rgba(4,4,8,.14) 54%,rgba(4,4,8,.66) 100%),
    linear-gradient(180deg,rgba(4,4,8,.03),rgba(4,4,8,.88)),
    url('/assets/images/header-gaming-v4.webp') center 46%/cover no-repeat;
}
.pog-v3 .pog-luxe-header-main{grid-template-columns:184px 205px minmax(280px,440px) minmax(110px,1fr) auto;gap:16px}
.pog-v3 .pog-casino-logo{width:170px;height:170px;flex-basis:170px}
.pog-v3 .pog-brand-zone{transform:translateY(20px)}
.pog-v3 .pog-hero-art-card{background-image:url('/assets/images/hero-world-v4.webp')}
.pog-v3 .pog-hero-art-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,12,.74) 0 25%,rgba(4,5,12,.22) 57%,rgba(4,5,12,.04) 100%);pointer-events:none}
.pog-v3 .pog-art-copy{position:absolute;z-index:2;left:33px;top:74px;display:grid;line-height:.92;text-shadow:0 3px 18px rgba(0,0,0,.85)}
.pog-v3 .pog-art-copy b{color:#ffe5a1;font-family:Georgia,serif;font-size:clamp(28px,3.2vw,54px);font-weight:800;letter-spacing:-.055em}
.pog-v3 .pog-art-copy strong{color:#fff0ca;font-family:Georgia,serif;font-size:clamp(25px,2.8vw,48px);font-weight:800;letter-spacing:-.055em}
.pog-v3 .pog-art-copy i{margin-top:18px;color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.26em}
.pog-v3 .pog-art-cta{bottom:25px}
.pog-v3 .pog-promo-epic{background-image:url('/assets/images/promo-space-v4.webp')}
.pog-v3 .pog-promo-discover{background-image:url('/assets/images/promo-discover-v4.webp')}
.pog-v3 .pog-promo-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:16px 14px 15px}
.pog-v3 .pog-promo-art::after{background:linear-gradient(180deg,rgba(3,3,5,.04) 10%,rgba(3,3,5,.28) 38%,rgba(3,3,5,.92) 100%)}
.pog-v3 .pog-promo-kicker,.pog-v3 .pog-promo-art strong,.pog-v3 .pog-promo-art i,.pog-v3 .pog-promo-art b{position:relative;z-index:2}
.pog-v3 .pog-promo-kicker{color:#ffda6f;font-size:7px;font-weight:900;letter-spacing:.18em}
.pog-v3 .pog-promo-art strong{margin-top:5px;color:#ffebbb;font-family:Georgia,serif;font-size:clamp(18px,1.65vw,27px);line-height:.93;text-shadow:0 2px 9px #000}
.pog-v3 .pog-promo-art i{margin-top:8px;color:#fff4cd;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.1em}
.pog-v3 .pog-promo-art b{margin-top:11px;padding:7px 9px;border:1px solid #f4ce5d;border-radius:5px;background:rgba(36,15,39,.84);color:#ffe58e;font-size:7px;letter-spacing:.08em}
.pog-v3 .pog-promo-visual{padding:0!important;background:none!important}
.pog-v3 .pog-promo-visual::after{display:none!important}
.pog-v3 .pog-promo-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.pog-v3 .pog-promo-slope img{object-position:center center}
.pog-v3 .pog-promo-moto img{object-position:center center}
.pog-v3 .pog-promo-discover strong{font-size:clamp(15px,1.4vw,21px)}

/* Seven-card desktop layout: the content rail has enough width for compact
   cards, while the existing game nodes, links and lazy images remain intact. */
.pog-v3 #items_container{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important}
.pog-v3 #items_container>li.item,.pog-v3 #items_container>.item{min-width:0;overflow:hidden}
.pog-v3 .thumb-img-container{width:100%!important;aspect-ratio:16/10!important;overflow:hidden!important;background:#111018!important}
.pog-v3 .thumb-img-container img,.pog-v3 .thumb-img-container video{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.pog-v3 .item-name{min-height:34px!important;display:flex!important;align-items:center!important;padding:7px 8px 2px!important}
.pog-v3 .game-title{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}
.pog-v3 .pog-card-meta{min-height:25px;align-items:center}

@media(max-width:1500px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:172px 190px minmax(260px,1fr) minmax(90px,1fr) auto}
  .pog-v3 .pog-casino-logo{width:158px;height:158px;flex-basis:158px}
  .pog-v3 #items_container{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1320px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:152px 160px minmax(240px,1fr) auto}
  .pog-v3 .pog-casino-logo{width:142px;height:142px;flex-basis:142px}
  .pog-v3 .pog-brand-zone{transform:translateY(13px)}
  .pog-v3 #items_container{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1060px){
  .pog-v3 #items_container{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:80px 1fr}
  .pog-v3 .pog-casino-logo{width:76px;height:76px;flex-basis:76px}
  .pog-v3 .pog-brand-zone{transform:translateY(6px)}
  .pog-v3 .pog-art-copy{left:20px;top:47px}.pog-v3 .pog-art-copy b{font-size:31px}.pog-v3 .pog-art-copy strong{font-size:28px}.pog-v3 .pog-art-copy i{font-size:7px;letter-spacing:.17em;margin-top:12px}
  .pog-v3 #items_container{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .pog-v3 #items_container{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pog-v3 .pog-art-copy{left:16px;top:36px}.pog-v3 .pog-art-copy b{font-size:26px}.pog-v3 .pog-art-copy strong{font-size:23px}.pog-v3 .pog-art-copy i{font-size:6px}
}

/* ===== v5 correction pass ===== */
.pog-v3 .pog-luxe-header{overflow:visible!important}
.pog-v3 .pog-luxe-header-main{min-height:176px!important;align-items:center!important}
.pog-v3 .pog-brand-zone{align-self:center!important;transform:none!important}
.pog-v3 .pog-casino-logo:hover{transform:none!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.58)) drop-shadow(0 0 15px rgba(255,46,74,.34))!important}
.pog-v3 .pog-casino-logo:active{transform:none!important}
.pog-v3 .pog-chip-type .chip-arc{font-size:17px!important;font-weight:1000!important;letter-spacing:2.2px!important;paint-order:stroke fill!important;stroke:#21100d!important;stroke-width:1.35px!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.95)) drop-shadow(0 0 3px rgba(255,205,80,.55))}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:15px!important;letter-spacing:3.5px!important}
.pog-v3 .pog-chip-face{transform-origin:50% 50%;backface-visibility:hidden}
.pog-v3 .pog-casino-logo.is-spinning .pog-chip-face{animation:pogWheelSpin 1.15s cubic-bezier(.15,.72,.19,1) 1}
@keyframes pogWheelSpin{0%{transform:rotate(0deg)}82%{transform:rotate(318deg)}100%{transform:rotate(360deg)}}

/* The generated header is an active scene: the arcade screen is a real
   button over the generated cabinet, not a dead decorative background. */
.pog-v3 .pog-arcade-hit{position:absolute;z-index:6;top:30px;right:10.5%;width:122px;height:91px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;transform:perspective(340px) rotateY(-4deg);filter:drop-shadow(0 0 10px rgba(0,146,255,.12));transition:filter .18s ease}
.pog-v3 .pog-arcade-hit:hover{filter:drop-shadow(0 0 13px rgba(79,166,255,.65)) brightness(1.08)}
.pog-v3 .pog-arcade-hit:focus-visible{outline:2px solid #ffd363;outline-offset:4px}
.pog-v3 .pog-arcade-screen{position:absolute;left:14px;right:14px;top:7px;height:55px;display:grid;place-content:center;gap:4px;overflow:hidden;border:2px solid #263655;border-radius:5px;background:radial-gradient(circle at 55% 35%,#ff7392 0 4%,#3343a6 27%,#070d25 72%);box-shadow:inset 0 0 11px #000,0 0 8px rgba(29,112,255,.55);color:#fff;text-align:center;transition:filter .18s ease}
.pog-v3 .pog-arcade-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 1px,transparent 1px 4px);mix-blend-mode:screen;pointer-events:none}
.pog-v3 .pog-arcade-screen b,.pog-v3 .pog-arcade-screen i{position:relative;z-index:1;font-family:var(--pog-font);font-style:normal;line-height:1;font-weight:950;text-shadow:0 1px 4px #000}
.pog-v3 .pog-arcade-screen b{font-size:8px;color:#ffe58b;letter-spacing:.1em}.pog-v3 .pog-arcade-screen i{font-size:6px;color:#fff;letter-spacing:.12em}
.pog-v3 .pog-arcade-controls{position:absolute;left:21px;right:21px;bottom:5px;height:19px;border-radius:5px;background:linear-gradient(180deg,#111a36,#080b18);box-shadow:inset 0 1px rgba(255,255,255,.2)}
.pog-v3 .pog-arcade-controls i{position:absolute;top:5px;width:7px;height:7px;border-radius:50%;background:#ff3157;box-shadow:0 0 6px #ff3157}.pog-v3 .pog-arcade-controls i:first-child{left:18px}.pog-v3 .pog-arcade-controls i:nth-child(2){left:30px;background:#ffd454;box-shadow:0 0 6px #ffd454}.pog-v3 .pog-arcade-controls b{position:absolute;left:6px;top:5px;width:7px;height:7px;border-radius:2px;background:#78a8ff}
.pog-v3 .pog-arcade-hit.is-active .pog-arcade-screen{filter:saturate(1.7) brightness(1.35);animation:pogArcadeFlash .45s ease 1}
@keyframes pogArcadeFlash{50%{transform:scale(1.04);box-shadow:inset 0 0 11px #000,0 0 22px #ff3b76}}

/* Keep the live rail inside the same container as the header and hero. */
.pog-v3 body.items.index .body,.pog-v3 body.items.index .items-container,.pog-v3 body.items.index #items_container{max-width:100%!important;min-width:0!important}
.pog-v3 body.items.index .items-container{overflow:visible!important}
.pog-v3 body.items.index #items_container>li.item,.pog-v3 body.items.index #items_container>.item{max-width:100%!important}

/* The base theme sets justify-content:space-between on all sidebar links;
   that pushes the custom category labels to the far-right edge. */
.pog-v3 .pog-category-link{direction:ltr!important;justify-content:initial!important;text-align:left!important;justify-items:start!important;align-content:center!important}
.pog-v3 .pog-category-link span{justify-self:start!important;text-align:left!important}
.pog-v3 .pog-category-link b{justify-self:end!important}

.pog-v3 .pog-hero-art-card,.pog-v3 .pog-promo-art{background-position:calc(50% + var(--art-x,0px)) calc(50% + var(--art-y,0px))}

@media(max-width:1060px){
  .pog-v3 .pog-luxe-header-main{min-height:128px!important}
  .pog-v3 .pog-arcade-hit{right:7%;top:20px;width:92px;height:72px}.pog-v3 .pog-arcade-screen{left:10px;right:10px;top:5px;height:43px}.pog-v3 .pog-arcade-controls{left:15px;right:15px;bottom:4px;height:15px}
}
@media(max-width:780px){
  .pog-v3 .pog-luxe-header-main{min-height:112px!important}
  .pog-v3 .pog-arcade-hit{display:none}
  .pog-v3 body.items.index #sidebar{height:70px!important;min-height:70px!important;overflow:hidden!important;padding:8px 9px!important;margin-bottom:10px!important}
  .pog-v3 .pog-category-library{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important}
  .pog-v3 .pog-library-title{min-width:0!important;padding:0 4px!important;border:0!important;display:block!important}
  .pog-v3 .pog-library-title span{font-size:8px!important;white-space:nowrap!important}.pog-v3 .pog-library-title b{display:none!important}
  .pog-v3 .pog-category-library nav{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scrollbar-width:none!important}
  .pog-v3 .pog-category-library nav::-webkit-scrollbar{display:none}
  .pog-v3 .pog-category-link{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:34px!important;padding:0 10px!important;gap:6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;justify-content:flex-start!important}
  .pog-v3 .pog-category-link i{flex:0 0 auto!important}.pog-v3 .pog-category-link span{max-width:none!important}.pog-v3 .pog-category-link b{display:none!important}
  .pog-v3 .pog-hero-art-card{background-position:calc(50% + var(--art-x,0px)) center}
}
@media(max-width:520px){
  .pog-v3 .pog-luxe-header-main{min-height:104px!important}
  .pog-v3 body.items.index #sidebar{height:66px!important;min-height:66px!important}
  .pog-v3 .pog-category-library{grid-template-columns:82px minmax(0,1fr)!important}
  .pog-v3 .pog-category-link{padding:0 8px!important;font-size:9px!important}
}

/* ===== v6 interaction and slider pass =====
   The chip is a stationary badge: only the three reel tracks move. The
   completed state is a neutral POG match, not a casino payout message. */
.pog-v3 .pog-casino-logo,
.pog-v3 .pog-casino-logo:hover,
.pog-v3 .pog-casino-logo:active,
.pog-v3 .pog-casino-logo.is-spinning{transform:none!important}
.pog-v3 .pog-casino-logo.is-spinning .pog-chip-face{animation:none!important;transform:none!important}
.pog-v3 .pog-chip-type .chip-arc.top{font-size:20px!important;letter-spacing:2.35px!important;font-weight:1000!important}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:11.2px!important;letter-spacing:1.05px!important;font-weight:1000!important}
.pog-v3 .pog-win-burst b{font-size:14px!important;letter-spacing:.08em!important}
.pog-v3 .pog-win-burst i{font-size:7px!important;letter-spacing:.12em!important}
.pog-v3 .pog-casino-logo.is-match .pog-win-burst{animation:pogNeutralMatch .72s ease 2 alternate}
.pog-v3 .pog-casino-logo.is-match .pog-chip-face{animation:pogChipPulse .48s ease 3}
.pog-v3 .pog-casino-logo.is-match .chip-wordmark-image{animation:pogWordmarkFlash .70s ease-in-out 6}
.pog-v3 .pog-casino-logo.is-match .pog-slot-shell{animation:pogJackpotShake .18s linear 12}
@keyframes pogNeutralMatch{0%{opacity:0;transform:scale(.78)}55%,100%{opacity:1;transform:scale(1)}}
@keyframes pogWordmarkFlash{0%,100%{opacity:.42;filter:brightness(1) drop-shadow(0 2px 2px rgba(0,0,0,.95))}35%,65%{opacity:1;filter:brightness(2.1) drop-shadow(0 0 9px rgba(255,226,126,.95))}}
@keyframes pogJackpotShake{0%,100%{transform:translate3d(0,0,0) rotate(0)}25%{transform:translate3d(-1px,0,0) rotate(-.7deg)}50%{transform:translate3d(1px,0,0) rotate(.7deg)}75%{transform:translate3d(-.6px,0,0) rotate(-.4deg)}}

/* The home hero is a real, keyboard/touch-friendly slider. Each slide keeps
   its label and route in HTML/JS while the generated scene changes behind it. */
.pog-v3 .pog-featured-v3{position:relative}
.pog-v3 .pog-hero-art-card[data-art="eldoria"]{background-image:url('/assets/images/hero-world-v4.webp')}
.pog-v3 .pog-hero-art-card[data-art="racing"]{background-image:url('/assets/images/hero-racing-v5.webp')}
.pog-v3 .pog-hero-art-card[data-art="arcade"]{background-image:url('/assets/images/hero-arcade-v5.webp')}
.pog-v3 .pog-hero-art-card[data-art="header"]{background-image:url('/assets/images/header-gaming-v4.webp')}
.pog-v3 .pog-hero-art-card.is-switching{animation:pogHeroSwap .42s ease 1}
@keyframes pogHeroSwap{0%{opacity:.72;filter:saturate(.76) brightness(.84)}100%{opacity:1;filter:saturate(1) brightness(1)}}
.pog-v3 .pog-art-tags{position:absolute;z-index:3;left:34px;bottom:77px;color:#ffe29a;font-size:8px;font-weight:900;letter-spacing:.19em;text-shadow:0 2px 9px #000}
.pog-v3 .pog-hero-controls{position:absolute;z-index:7;right:24px;bottom:17px;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(255,211,99,.34);border-radius:9px;background:rgba(5,5,9,.60);box-shadow:0 5px 16px rgba(0,0,0,.28);backdrop-filter:blur(7px)}
.pog-v3 .pog-hero-controls>button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,211,99,.44);border-radius:7px;background:rgba(18,13,20,.88);color:#ffd66f;font-size:22px;line-height:1;cursor:pointer}
.pog-v3 .pog-hero-controls>button:hover{border-color:#ffd66f;background:#5c1630;color:#fff}
.pog-v3 .pog-hero-controls>button:focus-visible{outline:2px solid #fff0a8;outline-offset:2px}
.pog-v3 .pog-hero-dots{display:flex;align-items:center;gap:5px;padding:0 3px}
.pog-v3 .pog-hero-dots [data-slide]{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s ease,background .2s ease,box-shadow .2s ease}
.pog-v3 .pog-hero-dots [data-slide].is-active{width:20px;border-radius:5px;background:linear-gradient(90deg,#ef2948,#ffd66f);box-shadow:0 0 9px rgba(255,78,85,.62)}
.pog-v3 .items-container,
.pog-v3 #items_container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.pog-v3 #items_container>li.item,
.pog-v3 #items_container>.item{min-width:0!important;max-width:100%!important}

@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:12px!important;letter-spacing:1.3px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:9.2px!important;letter-spacing:.72px!important}
  .pog-v3 #sidebar.pog-categories-expanded{position:relative!important;top:auto!important;height:70px!important;min-height:70px!important;max-height:70px!important;overflow:hidden!important;padding:8px 9px!important;margin-bottom:10px!important}
  .pog-v3 .pog-art-tags{left:17px;bottom:62px;font-size:6px;letter-spacing:.12em}
  .pog-v3 .pog-hero-controls{right:11px;bottom:11px;gap:5px;padding:4px}
  .pog-v3 .pog-hero-controls>button{width:24px;height:24px;font-size:19px}
  .pog-v3 .pog-hero-dots{gap:4px}
  .pog-v3 .pog-hero-dots [data-slide]{width:6px;height:6px}
  .pog-v3 .pog-hero-dots [data-slide].is-active{width:15px}
}
@media(max-width:520px){
  .pog-v3 #sidebar.pog-categories-expanded{height:66px!important;min-height:66px!important;max-height:66px!important}
  .pog-v3 .pog-art-tags{display:none}
  .pog-v3 .pog-hero-controls{right:8px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-casino-logo.is-match .pog-win-burst,
  .pog-v3 .pog-casino-logo.is-match .pog-chip-face{animation:none!important}
  .pog-v3 .pog-hero-art-card.is-switching{animation:none!important}
  .pog-v3 .pog-hero-dots [data-slide]{transition:none!important}
}

/* ===== v7 presentation pass ===== */
:root{--pog-shell-width:1600px;--pog-shell-gap:40px}

/* Every visible rail shares one measured shell. This prevents a wide live
   list or hero from growing beyond the header at large desktop widths. */
.pog-v3 .pog-luxe-header,
.pog-v3 .container,
.pog-v3 .pog-footer-accent,
.pog-v3 footer,
.pog-v3 .footer,
.pog-v3 #footer{width:min(var(--pog-shell-width),calc(100% - var(--pog-shell-gap)))!important;max-width:var(--pog-shell-width)!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
.pog-v3 .container,.pog-v3 .items-container,.pog-v3 body.items.index .body{min-width:0!important}
.pog-v3 .items-container,.pog-v3 body.items.index .body{width:100%!important;max-width:100%!important}
.pog-v3 .pog-featured-v3{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.pog-v3 .pog-header-art{inset:0 0 103px!important}

/* Header micro-copy gives the art a live portal rhythm without changing the
   original search/account nodes that the upstream application owns. */
.pog-v3 .pog-brand-copy em{font-style:normal;color:#d8b45c;font-size:7px;font-weight:900;letter-spacing:.13em;white-space:nowrap}
.pog-v3 .pog-search-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 7px;color:#d5a94b;font-size:7px;font-weight:900;letter-spacing:.18em;text-shadow:0 2px 8px #000}
.pog-v3 .pog-search-label b{color:#fff;font-size:7px;letter-spacing:.12em}
.pog-v3 .pog-search-zone form{margin-top:0!important}
.pog-v3 .pog-header-motto i{font-style:normal;color:#9c94a4;font-size:6.5px;font-weight:850;letter-spacing:.12em;white-space:nowrap}
.pog-v3 .pog-header-signal-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:31px;padding:0 23px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(7,6,10,.78);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.pog-v3 .pog-header-signal-strip span{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;color:#8f8998;font-size:7px;font-weight:850;letter-spacing:.12em;white-space:nowrap}
.pog-v3 .pog-header-signal-strip b{color:#e6bd5c;font-size:7px;font-weight:950}
.pog-v3 .pog-header-signal-strip small{color:#77707e;font-size:6px;font-weight:750;letter-spacing:.08em}
.pog-v3 .pog-header-signal-strip i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#9b3cff;box-shadow:0 0 8px rgba(155,60,255,.72)}
.pog-v3 .pog-header-signal-strip i.signal-live{background:#ff3152;box-shadow:0 0 8px rgba(255,49,82,.85);animation:pogSignalPulse 1.7s ease-in-out infinite}
@keyframes pogSignalPulse{50%{opacity:.38;transform:scale(.68)}}

/* Nav tiles are intentionally larger and dimensional; each keeps the live
   route but now reads as a portal control rather than tiny plain text. */
.pog-v3 .pog-game-nav{min-height:72px!important;padding:8px 18px 7px!important;gap:7px!important;align-items:stretch!important;overflow-x:auto!important}
.pog-v3 .pog-game-nav a{min-width:96px!important;min-height:55px!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px 12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:11px!important;background:linear-gradient(180deg,rgba(35,27,42,.84),rgba(10,9,14,.90))!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 5px 12px rgba(0,0,0,.22)!important;color:#bab1c2!important;font-size:12px!important;font-weight:900!important;letter-spacing:.015em!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.pog-v3 .pog-game-nav a::before{display:none!important}
.pog-v3 .pog-game-nav a::after{left:12px!important;right:12px!important;bottom:0!important;height:3px!important;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#ff2d4c,#ffd76e,#8b3cff)!important}
.pog-v3 .pog-game-nav a i{width:29px;height:29px;display:grid;place-items:center;font-style:normal;font-size:18px!important;line-height:1;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.19),transparent 38%),linear-gradient(145deg,rgba(112,56,180,.68),rgba(37,19,57,.88));box-shadow:inset 0 1px rgba(255,255,255,.18),0 3px 8px rgba(0,0,0,.45);filter:saturate(1.15)}
.pog-v3 .pog-game-nav a:nth-child(3n+1) i{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.2),transparent 38%),linear-gradient(145deg,rgba(191,35,63,.82),rgba(57,12,30,.9))}
.pog-v3 .pog-game-nav a:nth-child(3n+2) i{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.2),transparent 38%),linear-gradient(145deg,rgba(193,130,35,.88),rgba(67,36,9,.9))}
.pog-v3 .pog-game-nav a span{display:grid!important;gap:2px!important;justify-items:center!important;line-height:1!important;text-align:center!important}
.pog-v3 .pog-game-nav a span b{font-family:'Bebas Neue','Arial Narrow',sans-serif!important;font-size:15px!important;font-weight:400!important;letter-spacing:.055em!important;color:inherit!important}
.pog-v3 .pog-game-nav a span small{font-size:6px!important;font-weight:850!important;letter-spacing:.14em!important;color:#77707f!important}
.pog-v3 .pog-game-nav a:hover,.pog-v3 .pog-game-nav a.active{transform:translateY(-2px)!important;border-color:rgba(255,208,95,.46)!important;background:linear-gradient(180deg,rgba(83,35,91,.93),rgba(23,12,31,.98))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.35),0 0 14px rgba(226,48,83,.16)!important}
.pog-v3 .pog-game-nav a.active i{filter:saturate(1.35) brightness(1.18);box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 12px rgba(255,204,93,.34)}
.pog-v3 .pog-game-nav a:hover span small,.pog-v3 .pog-game-nav a.active span small{color:#e1c675!important}

/* Generated title plates make the rotating showcase names feel like game
   key art. The text itself remains live, selectable and route-aware. */
.pog-v3 .pog-art-copy{isolation:isolate;min-width:360px}
.pog-v3 .pog-art-title-plate{position:absolute;z-index:0;inset:-39px -55px -31px -48px;pointer-events:none;background:url('/assets/images/showcase-title-plate-gold-v7.webp') center/100% 100% no-repeat;opacity:.78;filter:drop-shadow(0 7px 10px rgba(0,0,0,.52))}
.pog-v3 .pog-hero-art-card[data-art="racing"] .pog-art-title-plate,.pog-v3 .pog-hero-art-card[data-art="header"] .pog-art-title-plate{background-image:url('/assets/images/showcase-title-plate-neon-v7.webp');opacity:.70}
.pog-v3 .pog-art-copy b,.pog-v3 .pog-art-copy strong,.pog-v3 .pog-art-copy i{position:relative;z-index:1}
.pog-v3 .pog-art-copy b,.pog-v3 .pog-art-copy strong{font-family:'Cinzel',Georgia,serif!important;font-weight:900!important;letter-spacing:.015em!important;text-transform:uppercase;text-shadow:0 3px 0 rgba(26,11,8,.82),0 5px 16px rgba(0,0,0,.94),0 0 9px rgba(255,210,112,.18)}
.pog-v3 .pog-art-copy b{font-size:clamp(27px,3.0vw,51px)!important;color:#ffe7aa!important}
.pog-v3 .pog-art-copy strong{font-size:clamp(25px,2.7vw,46px)!important;color:#fff4d3!important}
.pog-v3 .pog-art-copy i{font-family:'Manrope',Arial,sans-serif!important;font-size:10px!important;font-weight:950!important;letter-spacing:.24em!important;text-shadow:0 2px 7px #000}

/* The upstream navigator can contain full-width list items. Collapse every
   common wrapper so page links render as one compact horizontal row. */
.pog-v3 .pog-pagination,
.pog-v3 .navigator,
.pog-v3 .pagination,
.pog-v3 .pager,
.pog-v3 .pagination-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;margin:24px 0!important;padding:8px 4px!important;box-sizing:border-box!important;scrollbar-width:none!important;background:transparent!important}
.pog-v3 .pog-pagination::-webkit-scrollbar,.pog-v3 .navigator::-webkit-scrollbar{display:none}
.pog-v3 .pog-pagination>ul,.pog-v3 .pog-pagination>ol,.pog-v3 .navigator>ul,.pog-v3 .navigator>ol,.pog-v3 .pog-pagination>div,.pog-v3 .navigator>div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:max-content!important;margin:0!important;padding:0!important;list-style:none!important}
.pog-v3 .pog-pagination li,.pog-v3 .navigator li,.pog-v3 .pagination li,.pog-v3 .pager li{display:flex!important;flex:0 0 auto!important;width:auto!important;max-width:max-content!important;min-width:0!important;margin:0!important;padding:0!important;list-style:none!important}
.pog-v3 .pog-pagination a,.pog-v3 .pog-pagination span,.pog-v3 .pog-pagination button,.pog-v3 .navigator a,.pog-v3 .navigator span,.pog-v3 .navigator button{display:inline-grid!important;flex:0 0 auto!important;width:auto!important;min-width:40px!important;max-width:max-content!important;height:38px!important;place-items:center!important;margin:0!important;padding:0 12px!important;border:1px solid rgba(240,191,80,.22)!important;border-radius:9px!important;background:linear-gradient(180deg,#17121d,#0b0a0f)!important;color:#a7a0ad!important;font-family:var(--pog-font)!important;font-size:11px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important}
.pog-v3 .pog-pagination a:hover,.pog-v3 .pog-pagination .current,.pog-v3 .navigator a:hover,.pog-v3 .navigator .current{border-color:rgba(255,49,82,.65)!important;background:linear-gradient(180deg,#581b35,#241020)!important;color:#fff!important;box-shadow:0 0 12px rgba(255,43,77,.16)!important}

/* Keep native footer link groups in one readable navigation row as well. */
.pog-v3 footer>ul,.pog-v3 .footer>ul,.pog-v3 #footer>ul,.pog-v3 footer nav ul,.pog-v3 .footer nav ul,.pog-v3 #footer nav ul{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;gap:8px 18px!important;margin:0!important;padding:0!important;list-style:none!important}
.pog-v3 footer>ul>li,.pog-v3 .footer>ul>li,.pog-v3 #footer>ul>li,.pog-v3 footer nav li,.pog-v3 .footer nav li,.pog-v3 #footer nav li{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;list-style:none!important}
.pog-v3 .pog-footer-accent{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
.pog-v3 .pog-footer-accent::-webkit-scrollbar{display:none}

@media(max-width:1060px){
  .pog-v3 .pog-hero-controls{right:calc(190px + 12px + 16px)}
  .pog-v3 .pog-header-signal-strip span{gap:5px}.pog-v3 .pog-header-signal-strip small{display:none}
  .pog-v3 .pog-game-nav a{min-width:90px!important}
}
@media(max-width:780px){
  :root{--pog-shell-gap:16px}
  .pog-v3 .pog-header-art{inset:0 0 90px!important}
  .pog-v3 .pog-header-signal-strip{grid-template-columns:repeat(4,max-content);justify-content:start;gap:18px;overflow-x:auto;padding:0 12px;scrollbar-width:none}
  .pog-v3 .pog-header-signal-strip::-webkit-scrollbar{display:none}
  .pog-v3 .pog-header-signal-strip span{font-size:6px}.pog-v3 .pog-header-signal-strip b{font-size:6px}
  .pog-v3 .pog-game-nav{min-height:64px!important;padding:7px 8px 6px!important;gap:6px!important}
  .pog-v3 .pog-game-nav a{min-width:82px!important;min-height:49px!important;padding:4px 9px!important;border-radius:9px!important}
  .pog-v3 .pog-game-nav a i{width:24px;height:24px;font-size:15px!important}
  .pog-v3 .pog-game-nav a span b{font-size:12px!important}.pog-v3 .pog-game-nav a span small{font-size:5px!important}
  .pog-v3 .pog-art-copy{min-width:0;left:20px!important;top:52px!important}
  .pog-v3 .pog-art-title-plate{inset:-28px -30px -23px -28px}
  .pog-v3 .pog-art-copy b{font-size:29px!important}.pog-v3 .pog-art-copy strong{font-size:26px!important}.pog-v3 .pog-art-copy i{font-size:7px!important;letter-spacing:.15em!important}
  .pog-v3 .pog-hero-controls{right:11px;bottom:11px}
  .pog-v3 .pog-pagination,.pog-v3 .navigator,.pog-v3 .pagination,.pog-v3 .pager{justify-content:flex-start!important}
}
@media(max-width:520px){
  .pog-v3 .pog-brand-copy em,.pog-v3 .pog-header-motto i,.pog-v3 .pog-search-label{display:none}
  .pog-v3 .pog-header-signal-strip{min-height:26px}
  .pog-v3 .pog-art-copy{left:16px!important;top:38px!important}.pog-v3 .pog-art-title-plate{inset:-21px -21px -18px -20px}.pog-v3 .pog-art-copy b{font-size:24px!important}.pog-v3 .pog-art-copy strong{font-size:22px!important}
  .pog-v3 .pog-pagination a,.pog-v3 .pog-pagination span,.pog-v3 .navigator a,.pog-v3 .navigator span{min-width:35px!important;height:34px!important;padding:0 9px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-header-signal-strip i.signal-live{animation:none!important}
}

/* ===== v8 containment and logo geometry pass ===== */
.pog-v3 .container{box-sizing:border-box!important;overflow:visible!important}
.pog-v3 .container>.body,
.pog-v3 body.items.index .body{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:minmax(0,220px) minmax(0,1fr)!important}
.pog-v3 .items-container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}
.pog-v3 .pog-featured-v3-grid,.pog-v3 .pog-hero-art-card,.pog-v3 .pog-hero-rail{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.pog-v3 .pog-hero-art-card{min-width:0!important}
.pog-v3 .pog-hero-rail{overflow:hidden}

/* The generated crest is a visual frame only; the live SVG lettering, reel
   shell, and random animation remain above it. */
.pog-v3 .pog-chip-face{overflow:visible!important}
.pog-v3 .pog-royal-frame{position:absolute;z-index:1;inset:-2px;pointer-events:none;background:url('/assets/images/pog-royal-frame-v8.webp') center/100% 100% no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.52));opacity:.92}
.pog-v3 .pog-chip-rim.rim-a,.pog-v3 .pog-chip-rim.rim-b,.pog-v3 .pog-chip-ticks{z-index:2}
.pog-v3 .pog-chip-type{z-index:4}
.pog-v3 .pog-chip-type .chip-arc{font-size:26px!important;letter-spacing:2.7px!important;font-weight:1000!important;stroke:#170c0b!important;stroke-width:1.55px!important;paint-order:stroke fill!important;filter:drop-shadow(0 3px 2px rgba(0,0,0,.96)) drop-shadow(0 0 4px rgba(255,211,104,.48))}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:16px!important;letter-spacing:1.25px!important;font-weight:1000!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.98)) drop-shadow(0 0 4px rgba(255,211,104,.40))}
.pog-v3 .pog-slot-shell{left:16%!important;right:16%!important;top:50%!important;transform:translateY(-50%)!important}

/* Center the category mast on full desktop nav; mobile remains a touch rail. */
.pog-v3 .pog-game-nav{justify-content:center!important}

/* Promo copy is a flex stack. The inherited absolute span rule was placing
   POPULAR NOW over the CTA and the slider controls. */
.pog-v3 .pog-promo-art .pog-promo-kicker{position:relative!important;inset:auto!important;display:block!important;align-self:flex-start!important;margin:0!important}
.pog-v3 .pog-promo-art strong,.pog-v3 .pog-promo-art i,.pog-v3 .pog-promo-art b{position:relative!important;inset:auto!important;display:block!important;align-self:flex-start!important}
.pog-v3 .pog-promo-art b{margin-top:11px!important}

/* Controls belong to the hero column, not the right-hand promo rail. */
.pog-v3 .pog-hero-controls{right:calc(230px + 12px + 24px)!important}
.pog-v3 .pog-art-title-plate{inset:-17px -30px -13px -24px!important;opacity:.74!important}

@media(max-width:1060px){
  .pog-v3 body.items.index .body{grid-template-columns:minmax(0,190px) minmax(0,1fr)!important}
  .pog-v3 .pog-hero-controls{right:calc(190px + 12px + 16px)!important}
  .pog-v3 .pog-chip-type .chip-arc{font-size:22px!important;letter-spacing:2.25px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:14px!important;letter-spacing:1.05px!important}
}
@media(max-width:780px){
  .pog-v3 .pog-game-nav{justify-content:flex-start!important}
  .pog-v3 .pog-luxe-header-main{grid-template-columns:104px minmax(0,1fr)!important;min-height:126px!important}
  .pog-v3 .pog-casino-logo{width:94px!important;height:94px!important;flex-basis:94px!important}
  .pog-v3 .pog-hero-controls{right:11px!important}
  .pog-v3 .pog-chip-type .chip-arc{font-size:20px!important;letter-spacing:1.8px!important;stroke-width:1.25px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:15px!important;letter-spacing:.85px!important}
  .pog-v3 .pog-royal-frame{inset:-1px}
  .pog-v3 .pog-art-title-plate{inset:-13px -18px -10px -17px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:94px minmax(0,1fr)!important;min-height:116px!important}
  .pog-v3 .pog-casino-logo{width:86px!important;height:86px!important;flex-basis:86px!important}
  .pog-v3 .pog-chip-type .chip-arc{font-size:19px!important;letter-spacing:1.55px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:14.5px!important;letter-spacing:.70px!important}
  .pog-v3 .pog-promo-art b{font-size:6.5px!important;padding:6px 8px!important}
}

/* ===== v9 precision pass =====
   The generated art stays decorative while live text and controls keep their
   own layout boxes. This keeps title lettering inside the clear center of the
   generated plates at every hero size. */
.pog-v3 .pog-art-copy{
  left:28px!important;
  top:58px!important;
  width:min(620px,calc(100% - 56px))!important;
  min-width:0!important;
  min-height:205px!important;
  box-sizing:border-box!important;
  padding:32px 48px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  overflow:visible!important;
  text-align:center!important;
  line-height:.9!important;
}
.pog-v3 .pog-art-title-plate{inset:0!important;opacity:.86!important;background-size:100% 100%!important}
.pog-v3 .pog-art-copy b{max-width:100%!important;font-size:clamp(24px,2.55vw,44px)!important;line-height:.92!important;text-align:center!important}
.pog-v3 .pog-art-copy strong{max-width:100%!important;font-size:clamp(23px,2.42vw,42px)!important;line-height:.92!important;text-align:center!important}
.pog-v3 .pog-art-copy i{margin-top:13px!important;font-size:9px!important;line-height:1.15!important;text-align:center!important}

/* Large lettering hugs the inside of the crest; the face itself never moves. */
.pog-v3 .pog-chip-type .chip-arc.top{font-size:44px!important;letter-spacing:1px!important}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:20px!important;letter-spacing:1.1px!important}
.pog-v3 .pog-slot-shell{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
.pog-v3 .pog-reels{width:100%!important;max-width:100%!important;flex:0 0 100%!important;align-self:center!important;margin:0!important}
.pog-v3 .pog-slot-symbol.bar{font-size:13px!important;letter-spacing:.06em!important;color:#2d1a20!important;text-shadow:0 1px #fff!important}

/* A second discovery row lives directly under the live search field. */
.pog-v3 .pog-search-form-slot{width:100%;min-width:0}
.pog-v3 .pog-search-mast{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:8px;min-width:0}
.pog-v3 .pog-search-mast a{min-width:0;min-height:32px;display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:4px;align-items:center;padding:3px 5px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:linear-gradient(180deg,rgba(31,23,38,.84),rgba(7,7,11,.90));box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 9px rgba(0,0,0,.2);color:#b9b0c0;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.pog-v3 .pog-search-mast a:hover{border-color:rgba(255,210,96,.55);background:linear-gradient(180deg,rgba(76,31,75,.9),rgba(20,10,29,.95));transform:translateY(-1px);color:#fff}
.pog-v3 .pog-search-mast i{grid-row:1/3;display:grid;place-items:center;width:18px;height:18px;font-style:normal;font-size:12px;border-radius:5px;background:linear-gradient(145deg,#b92348,#46112a);box-shadow:inset 0 1px rgba(255,255,255,.22),0 2px 5px rgba(0,0,0,.4)}
.pog-v3 .pog-search-mast a:nth-child(3n+2) i{background:linear-gradient(145deg,#b67a21,#4a2708)}
.pog-v3 .pog-search-mast a:nth-child(3n) i{background:linear-gradient(145deg,#7544cb,#28124d)}
.pog-v3 .pog-search-mast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:900;letter-spacing:.04em;line-height:1}
.pog-v3 .pog-search-mast small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#776f80;font-size:5px;font-weight:800;letter-spacing:.08em;line-height:1}

/* Mobile keeps every header category visible as a compact grid. */
@media(max-width:1060px){
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:38px!important;letter-spacing:.7px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:18px!important;letter-spacing:.85px!important}
}
@media(max-width:780px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:150px minmax(0,1fr)!important;min-height:184px!important;align-items:start!important}
  .pog-v3 .pog-casino-logo{width:148px!important;height:148px!important;flex-basis:148px!important}
  .pog-v3 .pog-brand-zone{align-self:start!important;justify-self:center!important;transform:none!important}
  .pog-v3 .pog-search-zone{width:100%!important;max-width:360px!important;justify-self:start!important;padding-top:7px}
  .pog-v3 .pog-search-zone form{height:38px!important;max-width:100%!important}
  .pog-v3 .pog-search-zone #q,.pog-v3 .pog-search-zone input[type="text"],.pog-v3 .pog-search-zone input[type="search"]{height:36px!important;font-size:11px!important;padding-left:12px!important}
  .pog-v3 .pog-search-zone button,.pog-v3 .pog-search-zone input[type="submit"]{min-width:42px!important}
  .pog-v3 .pog-search-mast{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:6px}
  .pog-v3 .pog-search-mast a{min-height:27px;padding:2px 3px;grid-template-columns:15px minmax(0,1fr)}
  .pog-v3 .pog-search-mast i{width:15px;height:15px;font-size:10px;border-radius:4px}
  .pog-v3 .pog-search-mast span{font-size:7px}.pog-v3 .pog-search-mast small{font-size:4.5px}
  .pog-v3 .pog-game-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:minmax(42px,auto)!important;overflow:visible!important;justify-content:stretch!important;gap:4px!important;padding:5px 6px!important}
  .pog-v3 .pog-game-nav a{min-width:0!important;width:auto!important;min-height:42px!important;padding:3px 2px!important;gap:2px!important;border-radius:8px!important}
  .pog-v3 .pog-game-nav a i{width:22px;height:22px;font-size:13px!important;border-radius:6px}
  .pog-v3 .pog-game-nav a span b{font-size:10px!important}.pog-v3 .pog-game-nav a span small{font-size:4.5px!important;letter-spacing:.08em!important}
  .pog-v3 body.items.index #sidebar{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .pog-v3 .pog-category-library{display:block!important;width:100%!important}
  .pog-v3 .pog-library-title{justify-content:center!important;text-align:center!important}
  .pog-v3 .pog-category-library nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(27px,auto)!important;gap:4px!important;width:100%!important;max-height:none!important;overflow:visible!important;padding-top:7px!important}
  .pog-v3 .pog-category-link{min-width:0!important;width:auto!important;min-height:27px!important;display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;gap:3px!important;padding:0 4px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:7px!important;justify-content:stretch!important;font-size:8px!important}
  .pog-v3 .pog-category-link i{font-size:10px!important}.pog-v3 .pog-category-link span{font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.pog-v3 .pog-category-link b{display:none!important}
  .pog-v3 .pog-art-copy{left:10px!important;top:34px!important;width:calc(100% - 20px)!important;min-height:150px!important;padding:22px 22px 18px!important}
  .pog-v3 .pog-art-copy b{font-size:clamp(22px,6vw,33px)!important}.pog-v3 .pog-art-copy strong{font-size:clamp(21px,5.6vw,31px)!important}.pog-v3 .pog-art-copy i{margin-top:10px!important;font-size:7px!important}
  .pog-v3 .pog-art-title-plate{inset:0!important}
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:31px!important;letter-spacing:.35px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:16px!important;letter-spacing:.45px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-luxe-header-main{grid-template-columns:150px minmax(0,1fr)!important;min-height:170px!important;padding:6px 7px 5px!important;gap:7px!important}
  .pog-v3 .pog-casino-logo{width:148px!important;height:148px!important;flex-basis:148px!important}
  .pog-v3 .pog-search-zone{max-width:230px!important;padding-top:9px}
  .pog-v3 .pog-search-zone form{height:34px!important}
  .pog-v3 .pog-search-zone #q,.pog-v3 .pog-search-zone input[type="text"],.pog-v3 .pog-search-zone input[type="search"]{height:32px!important;font-size:10px!important}
  .pog-v3 .pog-search-zone button,.pog-v3 .pog-search-zone input[type="submit"]{min-width:37px!important}
  .pog-v3 .pog-search-mast{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:5px}
  .pog-v3 .pog-search-mast a{min-height:25px;padding:2px}
  .pog-v3 .pog-search-mast span{font-size:6.5px}.pog-v3 .pog-search-mast small{display:none}
  .pog-v3 .pog-game-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:4px!important}
  .pog-v3 .pog-game-nav a{min-height:39px!important;padding:2px!important}
  .pog-v3 .pog-game-nav a i{width:20px;height:20px;font-size:12px!important}.pog-v3 .pog-game-nav a span b{font-size:9px!important}.pog-v3 .pog-game-nav a span small{display:none!important}
  .pog-v3 .pog-category-library nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(25px,auto)!important;gap:3px!important}
  .pog-v3 .pog-category-link{min-height:25px!important;padding:0 3px!important;grid-template-columns:13px minmax(0,1fr)!important;font-size:7.5px!important}
  .pog-v3 .pog-category-link i{font-size:9px!important}.pog-v3 .pog-category-link span{font-size:7.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-search-mast a{transition:none!important}
}

/* ===== v10 desktop header composition and type correction =====
   One category row now owns the navigation. The old search mast was removed
   from the markup so the header cannot render duplicate category links. */
@media(min-width:1061px){
  .pog-v3 .pog-luxe-header{position:relative!important;overflow:visible!important}
  .pog-v3 .pog-luxe-header-main{
    min-height:158px!important;
    grid-template-columns:245px 235px minmax(360px,1fr) auto!important;
    align-items:start!important;
    gap:20px!important;
    padding:32px 24px 7px!important;
    box-sizing:border-box!important;
  }
  .pog-v3 .pog-header-motto{display:none!important}
  .pog-v3 .pog-brand-zone{align-self:start!important;justify-self:start!important;transform:translateY(-20px)!important;z-index:8!important}
  .pog-v3 .pog-casino-logo{width:232px!important;height:232px!important;flex-basis:232px!important}
  .pog-v3 .pog-brand-copy{align-self:start!important;margin-top:23px!important;gap:6px!important}
  .pog-v3 .pog-search-zone{width:min(600px,100%)!important;max-width:600px!important;justify-self:end!important;margin-top:3px!important}
  .pog-v3 .pog-search-label{margin-bottom:8px!important}
  .pog-v3 .pog-account-zone{align-self:start!important;justify-self:end!important;padding-top:16px!important}
  .pog-v3 .pog-game-nav{
    display:grid!important;
    grid-template-columns:repeat(11,minmax(0,1fr))!important;
    min-height:80px!important;
    padding:7px 18px 8px 292px!important;
    gap:7px!important;
    align-items:stretch!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-game-nav a{min-width:0!important;width:auto!important;min-height:64px!important;padding:5px 6px!important}
  .pog-v3 .pog-game-nav a i{width:30px!important;height:30px!important}
  .pog-v3 .pog-game-nav a span b{font-size:14px!important}
  .pog-v3 .pog-header-signal-strip{min-height:30px!important;padding-left:292px!important}
}

/* Flatter, lighter modern arc lettering; the SVG paths are deliberately
   shallower so the wordmark follows the rim instead of ballooning vertically. */
.pog-v3 .pog-chip-type .chip-arc{
  font-family:'Manrope',var(--pog-font),sans-serif!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  stroke:#170c0b!important;
  stroke-width:1px!important;
  paint-order:stroke fill!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.92)) drop-shadow(0 0 3px rgba(255,211,104,.42))!important;
}
.pog-v3 .pog-chip-type .chip-arc.top{font-size:30px!important;letter-spacing:.35px!important}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:13px!important;letter-spacing:.35px!important}

/* The title plate has a fixed centered composition. Text cannot widen the
   box or wrap into the ornamental top/bottom rails. */
.pog-v3 .pog-art-copy{
  left:40px!important;
  top:72px!important;
  width:min(650px,calc(100% - 80px))!important;
  min-width:0!important;
  min-height:210px!important;
  padding:30px 58px 24px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  text-align:center!important;
}
.pog-v3 .pog-art-title-plate{inset:0!important;opacity:.88!important;background-size:100% 100%!important}
.pog-v3 .pog-art-copy b,.pog-v3 .pog-art-copy strong,.pog-v3 .pog-art-copy i{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important}
.pog-v3 .pog-art-copy b,.pog-v3 .pog-art-copy strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;letter-spacing:.005em!important;line-height:.84!important}
.pog-v3 .pog-art-copy b{font-size:clamp(21px,2.25vw,38px)!important}
.pog-v3 .pog-art-copy strong{font-size:clamp(20px,2.08vw,35px)!important}
.pog-v3 .pog-art-copy i{margin-top:10px!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.20em!important}

@media(max-width:1060px){
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:26px!important;letter-spacing:.25px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:11.5px!important;letter-spacing:.25px!important}
}
@media(max-width:780px){
  .pog-v3 .pog-art-copy{left:10px!important;top:28px!important;width:calc(100% - 20px)!important;min-height:142px!important;padding:19px 27px 15px!important}
  .pog-v3 .pog-art-copy b{font-size:clamp(19px,5.2vw,29px)!important}
  .pog-v3 .pog-art-copy strong{font-size:clamp(18px,4.9vw,27px)!important}
  .pog-v3 .pog-art-copy i{margin-top:8px!important;font-size:6.5px!important;letter-spacing:.14em!important}
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:22px!important;letter-spacing:.15px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:10.5px!important;letter-spacing:.15px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-art-copy{left:8px!important;top:22px!important;width:calc(100% - 16px)!important;min-height:122px!important;padding:15px 20px 12px!important}
  .pog-v3 .pog-art-copy b{font-size:clamp(17px,5.8vw,24px)!important}
  .pog-v3 .pog-art-copy strong{font-size:clamp(16px,5.4vw,22px)!important}
  .pog-v3 .pog-art-copy i{margin-top:6px!important;font-size:5.5px!important;letter-spacing:.10em!important}
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:19px!important;letter-spacing:.1px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:9px!important;letter-spacing:.1px!important}
}

/* Mobile uses the complete bounded Game Library as its single category
   index. The desktop header navigation remains available above 1060px. */
@media(max-width:780px){
  .pog-v3 .pog-game-nav{display:none!important}
  .pog-v3 .pog-search-mast{display:none!important}
}

/* ===== v11 compact desktop header and flat logo type ===== */
@media(min-width:1061px){
  /* The logo intentionally overflows this compact top row. The category row
     begins inside the lower half of the logo instead of below a tall blank
     art area. */
  .pog-v3 .pog-luxe-header-main{
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-game-nav{margin-top:0!important}
}

/* Flat, centered wordmarks are more legible than forcing a path around this
   small circular face. */
.pog-v3 .pog-chip-type .chip-arc{
  font-family:'Manrope','Inter',sans-serif!important;
  font-weight:900!important;
  text-rendering:geometricPrecision!important;
  letter-spacing:.2px!important;
  stroke-width:.85px!important;
}
.pog-v3 .pog-chip-type .chip-arc.top{font-size:22px!important;letter-spacing:.35px!important}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:12px!important;letter-spacing:.25px!important}

/* One title line plus one description line, centered in the ornament's clear
   middle. The live slider still updates both title spans independently. */
.pog-v3 .pog-art-copy{
  top:72px!important;
  min-height:192px!important;
  padding:28px 58px 22px!important;
  justify-content:center!important;
}
.pog-v3 .pog-art-title-line{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:.88!important;
  overflow:hidden!important;
}
.pog-v3 .pog-art-title-line b,.pog-v3 .pog-art-title-line strong{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  font-size:clamp(19px,2vw,34px)!important;
  line-height:.88!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
}
.pog-v3 .pog-art-title-line b{margin-right:.28em!important}
.pog-v3 .pog-art-copy>i{
  display:block!important;
  width:100%!important;
  margin-top:12px!important;
  font-size:8px!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
@media(max-width:780px){
  .pog-v3 .pog-art-copy{top:25px!important;min-height:132px!important;padding:18px 24px 14px!important}
  .pog-v3 .pog-art-title-line b,.pog-v3 .pog-art-title-line strong{font-size:clamp(15px,4.8vw,25px)!important}
  .pog-v3 .pog-art-copy>i{margin-top:8px!important;font-size:6px!important;letter-spacing:.10em!important}
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:18px!important;letter-spacing:.15px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:9px!important;letter-spacing:.1px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-art-copy{top:20px!important;min-height:116px!important;padding:15px 18px 11px!important}
  .pog-v3 .pog-art-title-line b,.pog-v3 .pog-art-title-line strong{font-size:clamp(13px,4.9vw,21px)!important}
  .pog-v3 .pog-art-copy>i{margin-top:6px!important;font-size:5px!important}
  .pog-v3 .pog-chip-type .chip-arc.top{font-size:16px!important;letter-spacing:.1px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:8px!important;letter-spacing:.05px!important}
}

/* ===== v12 logo layering, wordmark, and control-row alignment ===== */
@media(min-width:1061px){
  /* Keep the oversized chip above the nav/signal backgrounds. The nav still
     starts to the right of it, so no interactive category tile is covered. */
  .pog-v3 .pog-luxe-header-main{position:relative!important;z-index:20!important;overflow:visible!important}
  .pog-v3 .pog-brand-zone,.pog-v3 .pog-casino-logo{position:relative!important;z-index:40!important}
  .pog-v3 .pog-search-zone{position:relative!important;z-index:25!important}
  .pog-v3 .pog-account-zone{position:relative!important;z-index:25!important;align-items:center!important}
  .pog-v3 .pog-search-zone form{height:48px!important}
  .pog-v3 .pog-score-pill,.pog-v3 .pog-account-link{height:48px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important}
  .pog-v3 .pog-account-zone{padding-top:16px!important}
}

/* Large POG above the reels, with a small vertical .COM tucked against its
   right edge. The bottom line remains flat and centered. */
.pog-v3 .pog-chip-type .chip-logo-word,
.pog-v3 .pog-chip-type .chip-logo-com{
  font-family:'Manrope','Inter',sans-serif!important;
  font-weight:950!important;
  paint-order:stroke fill!important;
  text-rendering:geometricPrecision!important;
}
.pog-v3 .pog-chip-type .chip-logo-word{
  font-size:31px!important;
  fill:#d91e39!important;
  stroke:#ffe6a6!important;
  stroke-width:1.25px!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.95)) drop-shadow(0 0 4px rgba(255,198,84,.44))!important;
}
.pog-v3 .pog-chip-type .chip-logo-com{
  font-size:14px!important;
  fill:#ffe3a0!important;
  stroke:#321012!important;
  stroke-width:.75px!important;
  letter-spacing:.2px!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.95))!important;
}
.pog-v3 .pog-chip-type .chip-arc.bottom{font-size:12px!important;letter-spacing:.25px!important}
@media(max-width:1060px){
  .pog-v3 .pog-chip-type .chip-logo-word{font-size:27px!important}
  .pog-v3 .pog-chip-type .chip-logo-com{font-size:12px!important}
}
@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-logo-word{font-size:24px!important}
  .pog-v3 .pog-chip-type .chip-logo-com{font-size:10px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:9px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-chip-type .chip-logo-word{font-size:21px!important}
  .pog-v3 .pog-chip-type .chip-logo-com{font-size:9px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom{font-size:8px!important}
}

/* ===== v12 final mobile placement and showcase balance ===== */
/* The category signal rail is a single centered status strip on small screens.
   The extra status chip keeps the row visually balanced without introducing a
   second category/navigation system. */
@media(max-width:780px){
  .pog-v3 .pog-header-signal-strip{
    grid-template-columns:repeat(4,max-content) max-content!important;
    justify-content:center!important;
    gap:8px!important;
    overflow:hidden!important;
    padding:0 8px!important;
  }
  .pog-v3 .pog-header-signal-strip::after{
    content:"OPEN PLAY";
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    padding:3px 5px;
    border:1px solid rgba(240,191,80,.22);
    border-radius:999px;
    color:#dcb761;
    font-size:5.5px;
    font-weight:900;
    letter-spacing:.10em;
    line-height:1;
    white-space:nowrap;
    box-sizing:border-box;
  }
  .pog-v3 .pog-header-signal-strip span{gap:4px!important;font-size:5.5px!important}
  .pog-v3 .pog-header-signal-strip b{font-size:5.5px!important}
}

/* Put the mobile account controls immediately beneath the search field in the
   open right-hand header area. They remain one compact row and do not force a
   second full-width header row below the logo. */
@media(max-width:780px){
  .pog-v3 .pog-luxe-header-main{position:relative!important}
  .pog-v3 .pog-account-zone{
    position:absolute!important;
    top:61px!important;
    left:150px!important;
    right:7px!important;
    z-index:25!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-width:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-score-pill,.pog-v3 .pog-account-link{
    height:34px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    flex:0 1 auto!important;
  }
  .pog-v3 .pog-score-pill{padding:0 8px!important;font-size:10px!important}
  .pog-v3 .pog-account-link{padding:0 10px!important;font-size:10px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-account-zone{top:58px!important;left:150px!important;right:7px!important;gap:4px!important}
  .pog-v3 .pog-score-pill{padding:0 7px!important}
  .pog-v3 .pog-account-link{padding:0 8px!important;font-size:9.5px!important}
}

/* The title plate is a fixed-height art frame. Center the live title block
   lower in that frame and pull its descriptor close to the title shadow. */
.pog-v3 .pog-art-copy{justify-content:center!important}
.pog-v3 .pog-art-title-line{
  line-height:.76!important;
  transform:translateY(9px);
}
.pog-v3 .pog-art-copy>i{
  margin-top:2px!important;
  line-height:1!important;
  transform:translateY(9px);
}

/* The live genre descriptor sits outside the ornament's clear center, on the
   lower-right breathing area, instead of crossing the left flourish. */
.pog-v3 .pog-art-tags{
  left:auto!important;
  right:30px!important;
  bottom:25px!important;
  max-width:38%!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:780px){
  .pog-v3 .pog-art-title-line{transform:translateY(6px)}
  .pog-v3 .pog-art-copy>i{margin-top:1px!important;transform:translateY(6px)}
  .pog-v3 .pog-art-tags{right:18px!important;bottom:28px!important;max-width:42%!important}
}

@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-art-title-line,.pog-v3 .pog-art-copy>i{transform:none}
}

/* ===== v13 raster wordmark and two-line lower label ===== */
/* The dimensional POG/.COM treatment is a transparent generated asset, so
   the lettering reads as one crafted emblem instead of browser-rendered type. */
.pog-v3 .pog-chip-type .chip-wordmark-image{
  overflow:visible;
  opacity:1;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.82)) drop-shadow(0 0 4px rgba(255,195,65,.24));
}
.pog-v3 .pog-chip-type .chip-arc.bottom.top-line,
.pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{
  font-family:'Manrope','Inter',sans-serif!important;
  font-weight:950!important;
  fill:#ffe4a1!important;
  stroke:#24100b!important;
  stroke-width:1px!important;
  paint-order:stroke fill!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.96)) drop-shadow(0 0 3px rgba(255,211,104,.38))!important;
}
.pog-v3 .pog-chip-type .chip-arc.bottom.top-line{
  font-size:9px!important;
  letter-spacing:.35px!important;
}
.pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{
  font-size:15px!important;
  letter-spacing:1px!important;
}
@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:8px!important;letter-spacing:.2px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:13px!important;letter-spacing:.65px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:7px!important;letter-spacing:.12px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:11px!important;letter-spacing:.45px!important}
}

/* ===== v15 responsive vertical centering ===== */
/* Fixed top offsets made the title drift toward the bottom when the hero
   height changed. The copy and its generated frame now share one centered box
   at every breakpoint. */
.pog-v3 .pog-art-copy{
  top:50%!important;
  height:192px!important;
  min-height:192px!important;
  padding:0 58px!important;
  transform:translateY(-50%)!important;
  justify-content:center!important;
}
.pog-v3 .pog-art-title-line{
  line-height:.76!important;
  transform:none!important;
}
.pog-v3 .pog-art-copy>i{
  margin-top:3px!important;
  line-height:1!important;
  transform:none!important;
}
@media(max-width:780px){
  .pog-v3 .pog-art-copy{
    top:50%!important;
    height:132px!important;
    min-height:132px!important;
    padding:0 24px!important;
  }
  .pog-v3 .pog-art-copy>i{margin-top:2px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-art-copy{
    top:50%!important;
    height:116px!important;
    min-height:116px!important;
    padding:0 18px!important;
  }
  .pog-v3 .pog-art-copy>i{margin-top:1px!important}
}

/* The generated wordmark is intentionally allowed to kiss the upper edge of
   the reel shell; its shadow becomes part of that gold divider line. */
.pog-v3 .pog-chip-type .chip-wordmark-image{filter:drop-shadow(0 3px 2px rgba(0,0,0,.90)) drop-shadow(0 0 5px rgba(255,195,65,.28))}
.pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:9px!important;letter-spacing:.30px!important}
.pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:15px!important;letter-spacing:.75px!important}
@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:8px!important;letter-spacing:.16px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:13px!important;letter-spacing:.45px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:7px!important;letter-spacing:.08px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:11px!important;letter-spacing:.25px!important}
}

/* ===== v16 gold plate geometry correction ===== */
/* showcase-title-plate-gold-v7.webp is 1200x400. Keeping the live overlay at
   that same ratio prevents the ornament from becoming vertically stretched,
   which made its optical center disagree with the mathematical center. */
.pog-v3 .pog-art-copy{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3 / 1!important;
  box-sizing:border-box!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:0 58px!important;
}
.pog-v3 .pog-art-title-plate{inset:0!important;background-size:100% 100%!important}
.pog-v3 .pog-art-title-line{
  flex:0 0 auto!important;
  height:auto!important;
  line-height:.78!important;
  transform:none!important;
}
.pog-v3 .pog-art-copy>i{
  flex:0 0 auto!important;
  margin-top:3px!important;
  line-height:1!important;
  transform:none!important;
}
@media(max-width:780px){
  .pog-v3 .pog-art-copy{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 1!important;
    padding:0 24px!important;
  }
  .pog-v3 .pog-art-copy>i{margin-top:2px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-art-copy{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3 / 1!important;
    padding:0 18px!important;
  }
  .pog-v3 .pog-art-copy>i{margin-top:1px!important}
}

/* ===== v17 dedicated frame lockup ===== */
/* The ornament and its live lettering use separate coordinate systems.  The
   outer box is only the native 3:1 plate; the lockup is then centered inside
   that box instead of being centered by the hero's older flex/padding rules. */
.pog-v3 .pog-art-copy{
  position:absolute!important;
  left:28px!important;
  right:auto!important;
  top:50%!important;
  width:min(620px,calc(100% - 56px))!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:3 / 1!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  transform:translateY(-50%)!important;
}
.pog-v3 .pog-art-copy .pog-art-title-plate{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:100% 100%!important;
}
.pog-v3 .pog-art-lockup{
  position:absolute!important;
  z-index:2!important;
  left:10%!important;
  right:10%!important;
  top:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  transform:translateY(-50%)!important;
}
.pog-v3 .pog-art-lockup .pog-art-title-line{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:.80!important;
}
.pog-v3 .pog-art-lockup .pog-art-title-line b,
.pog-v3 .pog-art-lockup .pog-art-title-line strong{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  vertical-align:baseline!important;
  white-space:nowrap!important;
  line-height:.80!important;
}
.pog-v3 .pog-art-lockup .pog-art-title-line b{margin-right:.28em!important}
.pog-v3 .pog-art-lockup>i{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:2px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1!important;
}
@media(max-width:780px){
  .pog-v3 .pog-art-copy{
    left:10px!important;
    width:calc(100% - 20px)!important;
  }
  .pog-v3 .pog-art-lockup{left:7%!important;right:7%!important}
}
@media(max-width:520px){
  .pog-v3 .pog-art-copy{
    left:8px!important;
    width:calc(100% - 16px)!important;
  }
  .pog-v3 .pog-art-lockup{left:6%!important;right:6%!important}
}

/* ===== v18 header type and control rhythm ===== */
/* The brand message is intentionally compact but readable: larger type with
   a tighter stack gives the left side of the header the same visual weight as
   the search and account controls. */
.pog-v3 .pog-brand-copy{
  gap:3px!important;
  align-content:center!important;
  line-height:1!important;
}
.pog-v3 .pog-brand-copy b{
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
.pog-v3 .pog-brand-copy span{
  font-size:11px!important;
  line-height:1.18!important;
  letter-spacing:.18em!important;
}
.pog-v3 .pog-brand-copy em{
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}

/* One explicit desktop control height.  The search form, its input/button,
   score, and account links all use border-box so their visible edges share
   the same horizontal baseline. */
@media(min-width:781px){
  .pog-v3 .pog-search-zone form{
    height:52px!important;
    min-height:52px!important;
    box-sizing:border-box!important;
  }
  .pog-v3 .pog-search-zone #q,
  .pog-v3 .pog-search-zone input[type="text"],
  .pog-v3 .pog-search-zone input[type="search"]{
    height:50px!important;
    min-height:50px!important;
    box-sizing:border-box!important;
  }
  .pog-v3 .pog-search-zone button,
  .pog-v3 .pog-search-zone input[type="submit"]{
    height:50px!important;
    min-height:50px!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  .pog-v3 .pog-account-zone{
    align-items:center!important;
    padding-top:15px!important;
  }
  .pog-v3 .pog-score-pill,
  .pog-v3 .pog-account-link{
    height:52px!important;
    min-height:52px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* The main category library is a navigation panel, not metadata: give its
   labels enough scale to scan while keeping the complete capped list visible. */
@media(min-width:781px){
  .pog-v3 .pog-library-title span{font-size:10.5px!important}
  .pog-v3 .pog-category-link{
    min-height:42px!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 9px!important;
    font-size:12.5px!important;
    font-weight:760!important;
  }
  .pog-v3 .pog-category-link i{font-size:16px!important}
  .pog-v3 .pog-category-link span{font-size:12.5px!important;line-height:1.05!important}
  .pog-v3 .pog-category-link b{font-size:8px!important}
}

/* ===== v19 logo gradient, portal shimmer, and category flyouts ===== */
/* Scale the two lower label lines together while keeping their established
   position directly beneath the reels. The gradient is defined in the logo
   SVG so the fill remains crisp at every chip size. */
.pog-v3 .pog-chip-type .chip-arc.bottom.top-line{
  font-size:10.35px!important;
  fill:url(#pogLowerLabelGradient)!important;
  stroke:#24100b!important;
  stroke-width:1px!important;
  paint-order:stroke fill!important;
}
.pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{
  font-size:17.25px!important;
  fill:url(#pogLowerLabelGradient)!important;
  stroke:#24100b!important;
  stroke-width:1px!important;
  paint-order:stroke fill!important;
}
@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:9.2px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:14.95px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:8.05px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:12.65px!important}
}

/* The category mast keeps its existing dimensions, but each item now owns a
   fixed flyout layer so extra discovery tags never push the header around. */
@media(min-width:781px){
  .pog-v3 .pog-game-nav > .pog-nav-item{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    min-width:0!important;
  }
  .pog-v3 .pog-game-nav > .pog-nav-item > a{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .pog-v3 .pog-game-nav > .pog-nav-item > a .pog-nav-caret{
    position:absolute!important;
    top:4px!important;
    right:6px!important;
    color:#f5c85d!important;
    font-size:10px!important;
    font-style:normal!important;
    line-height:1!important;
    opacity:.58!important;
    transition:opacity .18s ease,transform .18s ease!important;
  }
  .pog-v3 .pog-nav-item.is-open > a .pog-nav-caret{
    opacity:1!important;
    transform:rotate(180deg)!important;
  }
  .pog-v3 .pog-nav-flyout{
    position:fixed!important;
    z-index:120!important;
    top:var(--pog-flyout-top,0px)!important;
    left:var(--pog-flyout-left,0px)!important;
    width:min(246px,calc(100vw - 24px))!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border:1px solid rgba(240,191,80,.42)!important;
    border-radius:12px!important;
    background:
      linear-gradient(135deg,rgba(120,41,94,.26),transparent 44%),
      linear-gradient(180deg,rgba(22,16,29,.98),rgba(7,7,11,.98))!important;
    box-shadow:0 18px 36px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.035) inset,0 0 24px rgba(143,60,255,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,-8px)!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  }
  .pog-v3 .pog-nav-flyout::before{
    content:"";
    position:absolute;
    top:-5px;
    left:50%;
    width:9px;
    height:9px;
    border-top:1px solid rgba(240,191,80,.42);
    border-left:1px solid rgba(240,191,80,.42);
    background:#17111f;
    transform:translateX(-50%) rotate(45deg);
  }
  .pog-v3 .pog-nav-item.is-open > .pog-nav-flyout{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
  .pog-v3 .pog-nav-flyout-title{
    display:block!important;
    padding:1px 3px 8px!important;
    color:#f4c55b!important;
    font-size:7px!important;
    font-weight:950!important;
    letter-spacing:.17em!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .pog-v3 .pog-nav-flyout-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .pog-v3 .pog-nav-flyout a{
    min-width:0!important;
    width:auto!important;
    height:30px!important;
    min-height:30px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    margin:0!important;
    padding:0 7px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,rgba(40,29,48,.85),rgba(12,10,17,.94))!important;
    color:#d8d0df!important;
    font-size:9px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
    transform:none!important;
  }
  .pog-v3 .pog-nav-flyout a::before,
  .pog-v3 .pog-nav-flyout a::after{display:none!important}
  .pog-v3 .pog-nav-flyout a:hover,
  .pog-v3 .pog-nav-flyout a:focus-visible{
    border-color:rgba(255,208,95,.58)!important;
    background:linear-gradient(180deg,rgba(104,39,84,.92),rgba(32,15,39,.98))!important;
    color:#fff!important;
    outline:none!important;
  }
  .pog-v3 .pog-nav-flyout a b{
    flex:0 0 auto!important;
    color:#f4c55b!important;
    font-size:10px!important;
    font-weight:900!important;
  }
}
@media(min-width:1061px){
  .pog-v3 .pog-game-nav{overflow:visible!important}
  .pog-v3 .pog-game-nav > .pog-nav-item{flex:1 1 0!important}
}
@media(min-width:781px) and (max-width:1060px){
  .pog-v3 .pog-game-nav > .pog-nav-item{flex:0 0 auto!important;min-width:96px!important}
}

/* Decorative light layers add depth to thumbnails and the content rail without
   changing card dimensions, grid columns, or image aspect ratios. */
.pog-v3 .items-container{
  background:
    radial-gradient(420px 180px at 18% 0%,rgba(132,55,190,.075),transparent 70%),
    radial-gradient(520px 240px at 86% 22%,rgba(241,44,77,.045),transparent 72%)!important;
}
.pog-v3 #items_container > li.item,
.pog-v3 #items_container > .item{
  position:relative!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,rgba(22,17,27,.96),rgba(8,8,12,.98))!important;
  box-shadow:
    0 9px 18px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(255,205,91,.035)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.pog-v3 #items_container > li.item:hover,
.pog-v3 #items_container > .item:hover{
  border-color:rgba(255,207,91,.62)!important;
  background:linear-gradient(180deg,rgba(35,21,39,.98),rgba(11,8,16,.99))!important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.38),
    0 0 18px rgba(149,57,214,.16),
    inset 0 1px rgba(255,255,255,.16),
    inset 0 0 0 1px rgba(255,205,91,.06)!important;
}
.pog-v3 .thumb-img-container{
  position:relative!important;
  isolation:isolate!important;
}
.pog-v3 .thumb-img-container::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(116deg,rgba(255,255,255,.16),transparent 18%,transparent 67%,rgba(255,205,100,.12)),
    linear-gradient(180deg,transparent 57%,rgba(5,4,10,.28));
  opacity:.72;
  mix-blend-mode:screen;
}
.pog-v3 .thumb-img-container::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:1px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px 8px 0 0;
  box-shadow:inset 0 0 18px rgba(138,65,208,.09);
}
.pog-v3 .item-name,
.pog-v3 .pog-card-meta{position:relative!important;z-index:4!important}
.pog-v3 .game-title{text-shadow:0 1px 8px rgba(0,0,0,.72)!important}
.pog-v3 .pog-card-labels span{
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 10px rgba(240,191,80,.08)!important;
}
.pog-v3 .pog-grid-heading{
  background:linear-gradient(90deg,rgba(240,191,80,.025),transparent 42%,rgba(139,60,255,.035))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025)!important;
}
@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-nav-flyout,
  .pog-v3 .pog-nav-flyout a{transition:none!important}
}

/* ===== v20 full-width category rail ===== */
/* Related links belong to the whole mast width.  They form a second compact
   horizontal rail directly below the category row instead of a small square
   dropdown anchored to one tile. */
@media(min-width:781px){
  .pog-v3 .pog-nav-flyout{
    width:min(var(--pog-flyout-width,100vw),calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    min-height:48px!important;
    max-height:58px!important;
    padding:7px 12px!important;
    border-radius:0 0 12px 12px!important;
    transform:translateY(-8px)!important;
  }
  .pog-v3 .pog-nav-item.is-open > .pog-nav-flyout{
    transform:translateY(0)!important;
  }
  .pog-v3 .pog-nav-flyout::before{display:none!important}
  .pog-v3 .pog-nav-flyout-title{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    height:28px!important;
    padding:0 12px 0 3px!important;
    border-right:1px solid rgba(240,191,80,.23)!important;
    color:#f4c55b!important;
    font-size:7.5px!important;
    letter-spacing:.15em!important;
  }
  .pog-v3 .pog-nav-flyout-grid{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:6px!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  .pog-v3 .pog-nav-flyout-grid::-webkit-scrollbar{display:none!important}
  .pog-v3 .pog-nav-flyout a{
    flex:0 0 auto!important;
    width:auto!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:9px!important;
    letter-spacing:.015em!important;
  }
  .pog-v3 .pog-nav-flyout a b{margin-left:4px!important}
}

/* ===== v22 submenu hover and logo label spacing ===== */
/* The mast's general hover rule lifts links by 2px. That is useful for the
   primary tiles but clips the top edge of a pill inside the horizontal rail. */
@media(min-width:781px){
  .pog-v3 .pog-nav-flyout a:hover,
  .pog-v3 .pog-nav-flyout a:focus-visible{
    position:relative!important;
    z-index:4!important;
    transform:none!important;
  }
}

/* Lower logo lettering is 10% larger than v19 and has a little more breathing
   room between the two baseline-aligned lines. */
.pog-v3 .pog-chip-type .chip-arc.bottom.top-line{
  font-size:11.385px!important;
}
.pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{
  font-size:18.975px!important;
}
@media(max-width:780px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:10.12px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:16.445px!important}
}
@media(max-width:520px){
  .pog-v3 .pog-chip-type .chip-arc.bottom.top-line{font-size:8.855px!important}
  .pog-v3 .pog-chip-type .chip-arc.bottom.bottom-line{font-size:13.915px!important}
}

/* ===== v21 flyout stacking correction ===== */
/* The mast normally sits below the logo/main row. While its secondary rail is
   open, promote the mast stacking context so the fixed strip can paint above
   the header art, logo edge, and signal strip instead of disappearing behind
   them. */
@media(min-width:781px){
  .pog-v3 .pog-game-nav.is-flyout-open{
    position:relative!important;
    z-index:140!important;
  }
  .pog-v3 .pog-game-nav.is-flyout-open .pog-nav-flyout{
    z-index:9999!important;
  }
}

/* ===== v24 portaled flyout layer ===== */
/* The secondary rail is moved to <body> by the script. This keeps the rail
   above the hero without lifting the entire mast (and its dark backdrop) over
   the logo. Its bounds are measured from the first and last primary pills. */
.pog-flyout-portal-host{display:contents!important}
@media(min-width:781px){
  .pog-v3 .pog-nav-flyout.pog-nav-flyout-portal{
    position:fixed!important;
    z-index:99999!important;
    top:var(--pog-flyout-top,0px)!important;
    left:var(--pog-flyout-left,0px)!important;
    width:min(var(--pog-flyout-width,100vw),calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }
  .pog-v3 .pog-nav-flyout.pog-nav-flyout-portal:not(.is-visible){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
  }
  .pog-v3 .pog-nav-flyout.pog-nav-flyout-portal.is-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  /* Defensive override for stale markup/classes during a hot reload. */
  .pog-v3 .pog-game-nav.is-flyout-open{
    z-index:3!important;
  }
}

/* ===== v26 shared shell alignment ===== */
/* Header, hero, sidebar, and game content must resolve against one identical
   centered shell. The header had retained the wider v7 inset while the live
   content still followed the original 20px container inset. */
:root{
  --pog-shell-width:1600px;
  --pog-shell-gap:20px;
}
.pog-v3 .pog-luxe-header,
.pog-v3 .container{
  width:min(var(--pog-shell-width),calc(100% - var(--pog-shell-gap)))!important;
  max-width:var(--pog-shell-width)!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.pog-v3 .container > .body,
.pog-v3 body.items.index .body,
.pog-v3 .items-container,
.pog-v3 .pog-featured-v3{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.pog-v3 .pog-featured-v3-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* ===== v27 exact header/content edge alignment ===== */
/* At wide desktop widths the header's max-width/inset was still resolving
   smaller than the live content wrapper. Both outer rails now use the full
   available body width; their internal padding remains unchanged. */
@media(min-width:781px){
  .pog-v3 .pog-luxe-header,
  .pog-v3 .container{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* ===== v29 language control and signal copy ===== */
@media(min-width:781px){
  .pog-v3 .pog-search-zone{
    max-width:520px!important;
    min-width:0!important;
  }
  .pog-v3 .pog-account-zone{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  .pog-v3 .pog-language{
    position:relative!important;
    flex:0 0 132px!important;
    min-width:132px!important;
  }
  .pog-v3 .pog-language-toggle{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:0 11px!important;
    border:1px solid rgba(240,191,80,.34)!important;
    border-radius:10px!important;
    background:linear-gradient(180deg,rgba(25,20,30,.96),rgba(8,8,12,.96))!important;
    color:#f0edf4!important;
    font-family:var(--pog-font)!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .pog-v3 .pog-language-toggle:hover,
  .pog-v3 .pog-language.is-open .pog-language-toggle{border-color:#f0bf50!important;background:linear-gradient(180deg,rgba(57,30,48,.98),rgba(12,8,17,.98))!important}
  .pog-v3 .pog-language-flag{font-size:19px!important;line-height:1!important}
  .pog-v3 .pog-language-toggle [data-language-label]{overflow:hidden!important;text-overflow:ellipsis!important}
  .pog-v3 .pog-language-toggle>b{margin-left:auto!important;color:#f4c55b!important;font-size:12px!important;line-height:1!important}
  .pog-v3 .pog-language-menu{
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(110px,1fr))!important;
    gap:4px!important;
    width:500px!important;
    padding:7px!important;
    border:1px solid rgba(240,191,80,.44)!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,rgba(37,22,43,.98),rgba(8,8,12,.99))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.08)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-5px)!important;
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;
  }
  .pog-v3 .pog-language.is-open .pog-language-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .pog-v3 .pog-language-menu button{
    min-width:0!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 7px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.035)!important;
    color:#d8d0df!important;
    font-family:var(--pog-font)!important;
    font-size:9px!important;
    font-weight:850!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  .pog-v3 .pog-language-menu button:hover,
  .pog-v3 .pog-language-menu button[aria-selected="true"]{border-color:rgba(240,191,80,.54)!important;background:rgba(123,48,93,.42)!important;color:#fff!important}
  .pog-v3 .pog-language-menu button span{font-size:17px!important;line-height:1!important}
  .pog-v3 .pog-account-link{min-width:94px!important;padding-left:18px!important;padding-right:18px!important}
  .pog-v3 .pog-account-link.primary{min-width:96px!important}
  .pog-v3 .pog-account-link:not(.primary){min-width:104px!important}
  .pog-v3 .pog-header-signal-strip{
    grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(390px,2.7fr)!important;
  }
  .pog-v3 .pog-header-signal-strip .pog-header-message{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    padding-left:18px!important;
    border-left:1px solid rgba(240,191,80,.16)!important;
    text-align:left!important;
    white-space:nowrap!important;
  }
  .pog-v3 .pog-header-signal-strip .pog-header-message b{font-size:6.5px!important;letter-spacing:.10em!important}
  .pog-v3 .pog-header-signal-strip .pog-header-message small{font-size:6px!important;letter-spacing:.025em!important;color:#a29aa8!important}
}
@media(max-width:780px){
  .pog-v3 .pog-header-signal-strip .pog-header-message{display:none!important}
  .pog-v3 .pog-luxe-header-main{
    min-height:138px!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:start!important;
  }
  .pog-v3 .pog-search-zone{
    width:auto!important;
    max-width:none!important;
    justify-self:stretch!important;
    margin:0!important;
    padding-top:5px!important;
  }
  .pog-v3 .pog-search-zone form{height:36px!important;min-height:36px!important}
  .pog-v3 .pog-search-zone #q,
  .pog-v3 .pog-search-zone input[type="text"],
  .pog-v3 .pog-search-zone input[type="search"]{height:34px!important;min-height:34px!important}
  .pog-v3 .pog-account-zone{
    top:48px!important;
    left:150px!important;
    right:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-language{position:relative!important;flex:0 1 auto!important;min-width:0!important}
  .pog-v3 .pog-language-toggle{height:34px!important;min-height:34px!important;padding:0 7px!important;gap:4px!important;font-size:8px!important}
  .pog-v3 .pog-language-flag{font-size:15px!important}
  .pog-v3 .pog-language-menu{
    position:absolute!important;
    z-index:1000!important;
    top:calc(100% + 6px)!important;
    right:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(105px,1fr))!important;
    gap:4px!important;
    width:228px!important;
    max-height:calc(100vh - 130px)!important;
    overflow-y:auto!important;
    padding:6px!important;
    border:1px solid rgba(240,191,80,.44)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(37,22,43,.98),rgba(8,8,12,.99))!important;
    box-shadow:0 18px 38px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.08)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-5px)!important;
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;
  }
  .pog-v3 .pog-language.is-open .pog-language-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .pog-v3 .pog-language-menu button{
    min-width:0!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    padding:0 6px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.035)!important;
    color:#d8d0df!important;
    font-family:var(--pog-font)!important;
    font-size:8px!important;
    font-weight:850!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  .pog-v3 .pog-language-menu button span{font-size:15px!important;line-height:1!important}
  .pog-v3 .pog-language-menu button:hover,
  .pog-v3 .pog-language-menu button[aria-selected="true"]{border-color:rgba(240,191,80,.54)!important;background:rgba(123,48,93,.42)!important;color:#fff!important}
  .pog-v3 .pog-account-link{height:34px!important;min-height:34px!important;min-width:0!important;padding:0 9px!important;font-size:9.5px!important}
  .pog-v3 .pog-game-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:34px!important;
    min-height:0!important;
    gap:3px!important;
    padding:4px 6px 5px!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-game-nav a{
    min-width:0!important;
    width:auto!important;
    min-height:32px!important;
    height:32px!important;
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    gap:3px!important;
    padding:2px 3px!important;
    border-radius:7px!important;
  }
  .pog-v3 .pog-game-nav a i{width:16px!important;height:16px!important;font-size:11px!important}
  .pog-v3 .pog-game-nav a span{min-width:0!important;display:block!important;text-align:left!important}
  .pog-v3 .pog-game-nav a span b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:7.2px!important;line-height:1!important}
  .pog-v3 .pog-game-nav a span small{display:none!important}
  .pog-v3 .pog-game-nav a .pog-nav-caret{display:none!important}
}

/* ===== v31 compact mobile header/category layout ===== */

/* ===== v32 mobile header order and compact category completion ===== */
@media(max-width:780px){
  .pog-v3 .pog-luxe-header-main{
    position:relative!important;
    z-index:100!important;
    min-height:138px!important;
  }
  .pog-v3 .pog-account-zone{
    top:5px!important;
    left:150px!important;
    right:7px!important;
    z-index:220!important;
  }
  .pog-v3 .pog-search-zone{
    position:absolute!important;
    z-index:110!important;
    top:50px!important;
    left:150px!important;
    right:7px!important;
    width:auto!important;
    max-width:none!important;
    padding-top:0!important;
  }
  .pog-v3 .pog-language-menu{
    z-index:500!important;
  }
  /* Regional-flag glyphs fall back to GB/RU/FR text on some mobile fonts.
     The compact mobile control therefore shows language names only. */
  .pog-v3 .pog-language-toggle .pog-language-flag,
  .pog-v3 .pog-language-menu button span{display:none!important}
  .pog-v3 .pog-language-toggle{justify-content:center!important}
  .pog-v3 .pog-language-toggle [data-language-label]{max-width:none!important}
  .pog-v3 .pog-game-nav{position:relative!important;z-index:3!important}
  .pog-v3 .pog-nav-spacer{display:flex!important}
  .pog-v3 .pog-nav-spacer a{opacity:.72!important;background:linear-gradient(180deg,rgba(32,24,40,.88),rgba(11,10,15,.96))!important;color:#d0a94f!important}
  .pog-v3 .pog-nav-spacer a i{font-size:16px!important;color:#f2c55d!important}
  .pog-v3 .pog-nav-spacer a span b{color:#f2c55d!important}
  .pog-v3 .pog-category-library .pog-library-title,
  .pog-v3 #sidebar .pog-library-title{display:none!important}
  .pog-v3 body.items.index #sidebar{padding-top:8px!important}
}

/* ===== v33 mobile category and search refinement ===== */
@media(max-width:780px){
  /* Keep ten useful categories: two comfortable rows of five. */
  .pog-v3 .pog-game-nav > .pog-nav-item:nth-child(10),
  .pog-v3 .pog-game-nav > .pog-nav-spacer{display:none!important}
  .pog-v3 .pog-game-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  /* The logo occupies the left side; keep the search visibly clear of it and
     reduce its track by roughly a third on compact screens. */
  .pog-v3 .pog-search-zone{
    left:205px!important;
    right:20px!important;
    width:auto!important;
  }
  .pog-v3 body.items.index #sidebar{display:none!important}
  .pog-v3 body.items.index .body{display:block!important}
}

/* ===== v35 mobile search vertical centering ===== */
@media(max-width:780px){
  .pog-v3 .pog-search-zone{
    top:72px!important;
    left:185px!important;
  }
}

/* ===== v38 definitive mobile interaction fixes ===== */
/* The compact hero has no manual selector: leaving even a hidden-looking
   control cluster over the promo card can steal taps and cover artwork. */
@media (max-width:780px), (hover:none) and (pointer:coarse){
  .pog-v3 .pog-hero-controls{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* The logo is a custom interactive surface, not a native mobile button.
     Suppress browser tap/focus/compositor rectangles around its square DOM
     bounds; the circular chip itself remains the only visible surface. */
  .pog-v3 .pog-casino-logo,
  .pog-v3 .pog-casino-logo:hover,
  .pog-v3 .pog-casino-logo:active,
  .pog-v3 .pog-casino-logo:focus,
  .pog-v3 .pog-casino-logo:focus-visible{
    -webkit-appearance:none!important;
    appearance:none!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
    -webkit-touch-callout:none!important;
    outline:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    touch-action:manipulation!important;
  }
  .pog-v3 .pog-casino-logo *,
  .pog-v3 .pog-casino-logo svg,
  .pog-v3 .pog-casino-logo image{
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
    -webkit-touch-callout:none!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .pog-v3 .pog-casino-logo::before,
  .pog-v3 .pog-casino-logo::after{
    content:none!important;
    display:none!important;
  }
}

/* ===== v39 mobile hero/header alignment ===== */
@media(max-width:780px){
  /* Drop the hero CTA to the lower frame edge on phones while keeping a
     small breathing gap above the gold outline. */
  .pog-v3 .pog-art-cta{
    bottom:5px!important;
  }

  /* The header is injected outside the live content container. On mobile its
     parent has an extra side gutter, which made it visibly narrower than the
     hero below. Resolve against the viewport so both rails share the same
     near-edge-to-edge width. */
  .pog-v3 .pog-luxe-header{
    width:calc(100dvw - 10px)!important;
    width:calc(100vw - 10px)!important;
    max-width:calc(100dvw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    margin-left:calc(50% - 50dvw + 5px)!important;
    margin-left:calc(50% - 50vw + 5px)!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}


/* ===== v42 definitive mobile canvas containment ===== */
@media(max-width:780px){
  /* Desktop-only category flyouts must never participate in mobile layout. */
  .pog-flyout-portal-host,
  .pog-v3 .pog-nav-flyout,
  .pog-v3 .pog-nav-flyout.pog-nav-flyout-portal{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Clip the viewport itself, not the horizontal rails inside it. Nested
     pagination/nav rails can still scroll locally; the page cannot drift into
     an empty black canvas to the right. `hidden` is the fallback for engines
     without overflow:clip. */
  html.pog-v3,
  html.pog-v3 body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
    overscroll-behavior-x:none!important;
  }
  html.pog-v3 body{
    position:relative!important;
  }

  /* Upstream wrappers sometimes retain intrinsic/min-content widths after the
     redesign moves their children. Make every outer rail shrink to the mobile
     viewport while preserving deliberate inner horizontal scrollers. */
  .pog-v3 .container,
  .pog-v3 .container > .body,
  .pog-v3 .body,
  .pog-v3 main,
  .pog-v3 .items-container,
  .pog-v3 .pog-featured-v3,
  .pog-v3 .pog-featured-v3-grid,
  .pog-v3 #items_container,
  .pog-v3 .pog-footer-accent,
  .pog-v3 footer,
  .pog-v3 .footer,
  .pog-v3 #footer{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* These are the only intended sideways rails on phones. Their content is
     clipped to their own scrolling box instead of contributing to body width. */
  .pog-v3 .pog-pagination,
  .pog-v3 .navigator,
  .pog-v3 .pagination,
  .pog-v3 .pager,
  .pog-v3 .pagination-container,
  .pog-v3 .pog-game-nav,
  .pog-v3 .pog-header-signal-strip,
  .pog-v3 .pog-account-zone{
    max-width:100%!important;
    box-sizing:border-box!important;
    overscroll-behavior-x:contain!important;
  }
}

/* ===== v43 conservative scroll-performance pass ===== */
/* Keep the current visual language, but avoid effects that force the browser
   to repeatedly sample/reblend large areas while the page is moving. */
.pog-v3 .pog-search-zone form{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(5,5,8,.94)!important;
}
.pog-v3 .pog-score-pill,
.pog-v3 .pog-account-link{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.pog-v3 .pog-score-pill{background:rgba(6,6,9,.94)!important}
.pog-v3 .pog-account-link:not(.primary){background:rgba(7,7,10,.94)!important}
.pog-v3 .pog-art-live{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(6,6,8,.90)!important;
}
.pog-v3 .pog-hero-controls{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(5,5,9,.90)!important;
}

/* Hundreds of thumbnail overlays using screen blending create avoidable
   compositing layers during a fast fling. The highlight is retained as a
   normal translucent gradient, which is much cheaper to paint. */
.pog-v3 .thumb-img-container::before{
  mix-blend-mode:normal!important;
  opacity:.46!important;
}

/* Simplify the persistent shadow stack on every game tile. Hover keeps its
   stronger highlight, so the interaction/design remains intact. */
.pog-v3 #items_container > li.item,
.pog-v3 #items_container > .item{
  box-shadow:0 6px 14px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.075)!important;
}
.pog-v3 .pog-card-labels span{
  box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
}

/* Isolate the long game rail from unrelated style recalculation without
   changing its size, grid behavior, or clipping hover effects. */
.pog-v3 #items_container{
  contain:style!important;
}

@media(max-width:780px), (hover:none) and (pointer:coarse){
  /* Mobile gets a flatter page backdrop and lighter card paint. This removes
     full-page radial repainting while keeping the same near-black appearance. */
  html.pog-v3 body{
    background:linear-gradient(180deg,#07070a,#040405 58%,#030304)!important;
  }
  .pog-v3 .items-container{background:none!important}
  .pog-v3 #items_container > li.item,
  .pog-v3 #items_container > .item{
    box-shadow:0 4px 10px rgba(0,0,0,.23)!important;
  }
  .pog-v3 .thumb-img-container::after{
    box-shadow:none!important;
  }
}

/* ===== v44 off-screen rendering + scroll-idle performance pass ===== */
/* Keep the first visible rows fully eager. Farther rows retain an intrinsic
   block estimate while skipped so the grid/scrollbar stay stable; once a tile
   has rendered, `auto` lets the browser remember its real size. */
@supports (content-visibility:auto){
  .pog-v3 #items_container > li.item:nth-child(n+22),
  .pog-v3 #items_container > .item:nth-child(n+22){
    content-visibility:auto;
    contain-intrinsic-block-size:auto 180px;
  }
  @media(max-width:1200px){
    .pog-v3 #items_container > li.item:nth-child(n+13),
    .pog-v3 #items_container > .item:nth-child(n+13){
      content-visibility:auto;
      contain-intrinsic-block-size:auto 175px;
    }
  }
  @media(max-width:780px){
    .pog-v3 #items_container > li.item:nth-child(n+9),
    .pog-v3 #items_container > .item:nth-child(n+9){
      content-visibility:auto;
      contain-intrinsic-block-size:auto 170px;
    }
  }
}

/* v43 removed screen blending from the thumbnail sheen, so the per-card
   isolation stacking contexts are no longer needed. */
.pog-v3 #items_container > li.item,
.pog-v3 #items_container > .item,
.pog-v3 .thumb-img-container{
  isolation:auto!important;
}

/* During a wheel/touch fling, cards continually pass under the pointer. Avoid
   starting hover transforms/shadow transitions for those transient frames;
   normal hover returns about 120ms after scrolling stops. */
html.pog-is-scrolling .pog-v3 #items_container > li.item,
html.pog-is-scrolling .pog-v3 #items_container > .item,
html.pog-is-scrolling .pog-v3 #items_container > li.item:hover,
html.pog-is-scrolling .pog-v3 #items_container > .item:hover{
  transition:none!important;
  transform:none!important;
  border-color:rgba(240,191,80,.20)!important;
  background:linear-gradient(180deg,rgba(22,17,27,.96),rgba(8,8,12,.98))!important;
  box-shadow:0 6px 14px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.075)!important;
}
html.pog-is-scrolling .pog-v3 .pog-game-nav a,
html.pog-is-scrolling .pog-v3 .pog-search-mast a,
html.pog-is-scrolling .pog-v3 .pog-hero-art-card,
html.pog-is-scrolling .pog-v3 .pog-promo-art{
  transition:none!important;
}

/* The only continuously looping CSS animation in the mast is decorative.
   Stop it when the complete header is outside the viewport or during a fling. */
.pog-v3 .pog-luxe-header.pog-offscreen .pog-header-signal-strip i.signal-live,
html.pog-is-scrolling .pog-v3 .pog-header-signal-strip i.signal-live{
  animation-play-state:paused!important;
}

@media(max-width:780px), (hover:none) and (pointer:coarse){
  html.pog-is-scrolling .pog-v3 #items_container > li.item,
  html.pog-is-scrolling .pog-v3 #items_container > .item,
  html.pog-is-scrolling .pog-v3 #items_container > li.item:hover,
  html.pog-is-scrolling .pog-v3 #items_container > .item:hover{
    box-shadow:0 4px 10px rgba(0,0,0,.23)!important;
  }
}

/* Do not reserve three compositor layers for the slot reels while they are
   idle; promote them only for the short period in which a spin is running. */
.pog-v3 .pog-reel-track{will-change:auto!important}
.pog-v3 .pog-casino-logo.is-spinning .pog-reel-track{will-change:transform!important}

/* ===== v45 mobile category-pill readability =====
   Touch layouts do not need the decorative category glyphs. Removing them
   gives the label the full pill width and lets the type become substantially
   larger without increasing the pill dimensions. */
@media (max-width:1060px) and (hover:none) and (pointer:coarse){
  .pog-v3 .pog-game-nav a{
    gap:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .pog-v3 .pog-game-nav a i{
    display:none!important;
  }
  .pog-v3 .pog-game-nav a span{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1!important;
  }
  .pog-v3 .pog-game-nav a span b{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .pog-v3 .pog-game-nav a span small{
    display:none!important;
  }
}

/* ===== v46 mobile category text + single page scroller ===== */
@media (max-width:780px){
  /* Once the glyph is removed, also collapse the old two-column icon/text grid.
     Otherwise the label is auto-placed into the former 16px icon column on
     real touch browsers and only the first few letters remain visible. */
  .pog-v3 .pog-game-nav a{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .pog-v3 .pog-game-nav a i{
    display:none!important;
  }
  .pog-v3 .pog-game-nav a span{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:visible!important;
  }
  .pog-v3 .pog-game-nav a span b{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:clamp(12px,3.4vw,15px)!important;
    line-height:1!important;
    letter-spacing:.035em!important;
  }
  .pog-v3 .pog-game-nav a span small{
    display:none!important;
  }

  /* Narrow desktop windows expose native scrollbars that mobile browsers hide.
     Keep exactly one vertical page scroller (the root element) and make the
     upstream layout wrappers ordinary flowing boxes. The language menu remains
     the only intentional nested vertical scroller. */
  html.pog-v3{
    overflow-y:auto!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    scrollbar-gutter:auto!important;
  }
  html.pog-v3 body{
    overflow-y:visible!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    scrollbar-gutter:auto!important;
  }
  .pog-v3 .container,
  .pog-v3 .container > .body,
  .pog-v3 .body,
  .pog-v3 main,
  .pog-v3 .items-container,
  .pog-v3 .pog-featured-v3,
  .pog-v3 .pog-featured-v3-grid{
    overflow-y:visible!important;
    height:auto!important;
    max-height:none!important;
    scrollbar-gutter:auto!important;
  }
  .pog-v3 .pog-language-menu{
    max-height:calc(100vh - 130px)!important;
    overflow-y:auto!important;
  }
}

/* ===== v47 desktop game-library scale =====
   Use the sidebar space more deliberately: larger scan-friendly labels and
   category glyphs, while keeping the list anchored to the top of the panel. */
@media(min-width:781px){
  .pog-v3 .pog-category-library nav{
    height:auto!important;
    align-content:start!important;
    justify-content:stretch!important;
    grid-auto-rows:52px!important;
    gap:4px!important;
    padding-top:10px!important;
  }
  .pog-v3 .pog-library-title{
    padding:5px 9px 13px!important;
  }
  .pog-v3 .pog-library-title span{
    font-size:13.5px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
  }
  .pog-v3 .pog-library-title b{
    font-size:8.5px!important;
  }
  .pog-v3 .pog-category-link{
    min-height:52px!important;
    height:52px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:0 10px!important;
    font-size:15.5px!important;
    line-height:1!important;
  }
  .pog-v3 .pog-category-link i{
    width:34px!important;
    min-width:34px!important;
    font-size:21px!important;
    line-height:1!important;
    text-align:center!important;
  }
  .pog-v3 .pog-category-link span{
    font-size:15.5px!important;
    line-height:1.08!important;
  }
  .pog-v3 .pog-category-link b{
    font-size:9px!important;
  }
}

/* ===== v48 desktop game-library compact uppercase rows =====
   Keep the larger v47 typography, but use the sidebar height efficiently so
   the full category set remains visible in a normal desktop viewport. */
@media(min-width:781px){
  .pog-v3 .pog-category-library nav{
    grid-auto-rows:37px!important;
    gap:0!important;
    padding-top:5px!important;
  }
  .pog-v3 .pog-library-title{
    padding:3px 9px 9px!important;
  }
  .pog-v3 .pog-category-link{
    min-height:37px!important;
    height:37px!important;
    grid-template-columns:32px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 9px!important;
    font-size:14.5px!important;
    line-height:1!important;
  }
  .pog-v3 .pog-category-link i{
    width:32px!important;
    min-width:32px!important;
    font-size:20px!important;
  }
  .pog-v3 .pog-category-link span{
    font-size:14.5px!important;
    line-height:1!important;
    text-transform:uppercase!important;
    letter-spacing:.035em!important;
  }
  .pog-v3 .pog-category-link b{
    font-size:8px!important;
  }
}


/* ===== v50 cleaner, slower desktop trivia ticker ===== */

/* Logged-out account actions read as one CTA, while each half remains an
   independent link so the upstream Log In and Register actions still work. */
.pog-v3 .pog-auth-combo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 5px!important;
  border:1px solid rgba(255,72,104,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#d51f3c,#a70f29)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 16px rgba(84,0,20,.24)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.pog-v3 .pog-auth-combo .pog-account-link{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
.pog-v3 .pog-auth-combo .pog-account-link:hover,
.pog-v3 .pog-auth-combo .pog-account-link:focus-visible{
  background:rgba(255,255,255,.11)!important;
}
.pog-v3 .pog-auth-divider{
  flex:0 0 auto!important;
  color:rgba(255,255,255,.68)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* The fifth desktop signal cell is now one single-line marquee. Two identical
   text runs make the animation continuous without hundreds of moving DOM nodes. */
@media(min-width:781px){
  .pog-v3 .pog-header-signal-strip{
    grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(390px,2.7fr)!important;
  }
  .pog-v3 .pog-header-message{display:none!important}
  .pog-v3 .pog-header-trivia{
    min-width:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    padding-left:14px!important;
    border-left:1px solid rgba(240,191,80,.16)!important;
    overflow:hidden!important;
    contain:layout paint!important;
  }
  .pog-v3 .pog-trivia-window{
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;
    mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;
  }
  .pog-v3 .pog-trivia-track{
    width:max-content!important;
    display:flex!important;
    align-items:center!important;
    transform:translate3d(0,0,0);
    will-change:transform;
    animation:pogTriviaMarquee 4200s linear infinite;
  }
  .pog-v3 .pog-trivia-run{
    display:block!important;
    flex:0 0 auto!important;
    padding-right:48px!important;
    color:#a8a0ad!important;
    font-size:6.4px!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
  }
  .pog-v3 .pog-header-trivia:hover .pog-trivia-track{animation-play-state:paused}
}
@keyframes pogTriviaMarquee{
  to{transform:translate3d(-50%,0,0)}
}

@media(max-width:780px){
  .pog-v3 .pog-header-trivia{display:none!important}
  .pog-v3 .pog-auth-combo{
    height:34px!important;
    min-height:34px!important;
    padding:0 3px!important;
    border-radius:9px!important;
  }
  .pog-v3 .pog-auth-combo .pog-account-link{
    height:100%!important;
    min-height:0!important;
    padding:0 6px!important;
    font-size:8.8px!important;
  }
  .pog-v3 .pog-auth-divider{font-size:9px!important}
}

@media(max-width:430px){
  .pog-v3 .pog-auth-combo .pog-account-link{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:8px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-trivia-track{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* ===== v51 tighter hero-to-library rhythm + stronger brand copy ===== */
/* Pull the game-library heading closer to the showcase without touching the
   hero artwork or card grid geometry. */
.pog-v3 .pog-featured-v3{
  margin-bottom:2px!important;
}
.pog-v3 .pog-grid-heading{
  min-height:40px!important;
  margin-top:0!important;
  margin-bottom:7px!important;
}

/* The new desktop brand message carries more useful game-discovery language.
   Type is slightly larger, while tighter tracking keeps the longer lines
   inside the existing mast composition. */
@media(min-width:1061px){
  .pog-v3 .pog-brand-copy b{
    font-size:18px!important;
    letter-spacing:.105em!important;
  }
  .pog-v3 .pog-brand-copy span{
    font-size:12px!important;
    line-height:1.16!important;
    letter-spacing:.115em!important;
  }
  .pog-v3 .pog-brand-copy em{
    font-size:8.6px!important;
    letter-spacing:.10em!important;
  }
}

/* ===== v53 raise desktop brand copy slightly ===== */
@media(min-width:1061px){
  .pog-v3 .pog-brand-copy{
    margin-top:10px!important;
  }
}

/* ===== v55 complete rows, local first paint, and slot ranks ===== */
/* The mobile menu label is a structural cell, never a link or control. */
.pog-v3 .pog-game-nav > .pog-nav-label{
  display:none!important;
}

/* Known-size catalog rails use column counts that divide their result limits.
   Dynamic final/search pages may naturally contain fewer results. */
@media(min-width:1061px){
  .pog-v3 .pog-game-nav{
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index[data-page-type="home"] #items_container{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index:not([data-page-type="home"]) #items_container{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

@media(min-width:781px) and (max-width:1060px){
  .pog-v3 .pog-game-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index[data-page-type="home"] #items_container{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index[data-page-type="home"] #items_container > :nth-child(n+49){
    display:none!important;
  }
  html.pog-v3 body.items.index:not([data-page-type="home"]) #items_container{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

html.pog-v3 body.pog-game-page .pog-related-games #items_container{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

/* POG has thirteen source categories. Treat the thirteenth directory tile as
   an intentional full-width closer instead of leaving one small orphan. */
.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1){
  grid-column:1 / -1!important;
}

@media(max-width:780px){
  .pog-v3 .pog-game-nav > .pog-nav-label{
    min-width:0!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 3px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#f2c55d!important;
    font-size:7.4px!important;
    font-weight:950!important;
    letter-spacing:.16em!important;
    line-height:1!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  /* The label becomes cell one. Keep nine links for an exact 2 x 5 mast. */
  .pog-v3 .pog-game-nav > .pog-nav-item:nth-child(10){
    display:flex!important;
  }
  .pog-v3 .pog-game-nav > .pog-nav-item:last-child{
    display:none!important;
  }
  .pog-v3 .pog-game-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index #items_container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.pog-v3 body.items.index[data-page-type="home"] #items_container > :nth-child(n+49){
    display:none!important;
  }
  html.pog-v3 body.pog-game-page .pog-related-games #items_container{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.pog-v3 body.pog-game-page .pog-related-games #items_container > :nth-child(n+5){
    display:none!important;
  }
}

/* A win turns the static brand line into a persistent rank tracker. */
.pog-v3 .pog-brand-copy.has-slot-progress{
  position:relative!important;
  padding-bottom:10px!important;
}
.pog-v3 .pog-brand-copy.has-slot-progress::before,
.pog-v3 .pog-brand-copy.has-slot-progress::after{
  content:"";
  position:absolute;
  left:0;
  bottom:1px;
  height:3px;
  border-radius:999px;
}
.pog-v3 .pog-brand-copy.has-slot-progress::before{
  width:100%;
  background:rgba(255,255,255,.09);
}
.pog-v3 .pog-brand-copy.has-slot-progress::after{
  width:var(--slot-progress,0%);
  background:linear-gradient(90deg,#ef334f,#f4c55b 62%,#fff0a3);
  box-shadow:0 0 9px rgba(244,197,91,.48);
  transition:width .45s ease;
}
.pog-v3 .pog-brand-copy.has-slot-progress [data-slot-rank]{
  color:#ffe08a!important;
  text-shadow:0 0 15px rgba(240,191,80,.35),0 2px 18px #000!important;
}
.pog-v3 .pog-brand-copy.has-slot-progress [data-slot-progress]{
  color:#fff!important;
}
.pog-v3 .pog-brand-copy.is-rank-up{
  animation:pogSlotRankReveal .58s ease 2 alternate;
}
.pog-v3 .pog-casino-logo[data-slot-rank]:not([data-slot-rank="0"]) .pog-chip-type .chip-arc.bottom{
  fill:#fff0a3!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.98)) drop-shadow(0 0 6px rgba(255,202,79,.66))!important;
}
@keyframes pogSlotRankReveal{
  50%{transform:translateY(-2px);filter:brightness(1.35)}
}
@media(prefers-reduced-motion:reduce){
  .pog-v3 .pog-brand-copy.is-rank-up{animation:none!important}
  .pog-v3 .pog-brand-copy.has-slot-progress::after{transition:none!important}
}

/* Cleaner category links and title-only card captions. */
html.pog-v3 body.items.index #sidebar a.pog-category-link::before{
  content:none!important;
  display:none!important;
}
html.pog-v3 #items_container .pog-card-meta{display:none!important}
html.pog-v3 #items_container .item-name{padding-bottom:10px!important}
@media(min-width:1061px){
  html.pog-v3 .pog-brand-copy b{font-size:22px!important;letter-spacing:.035em!important;white-space:normal!important;line-height:1.15!important}
  html.pog-v3 .pog-brand-copy span{font-size:15px!important;letter-spacing:.055em!important;white-space:normal!important;line-height:1.25!important}
  html.pog-v3 .pog-brand-copy em{font-size:11px!important;letter-spacing:.05em!important;white-space:normal!important;line-height:1.3!important}
}

/* Compact cards, mobile discovery, and footer navigation. */
html.pog-v3 #items_container > li.item,
html.pog-v3 #items_container > .item{
  padding:0!important;
  min-height:0!important;
  align-self:start!important;
}
html.pog-v3 #items_container .item-name{
  min-height:0!important;
  height:auto!important;
  padding:8px 9px!important;
  line-height:1.25!important;
}
html.pog-v3 #items_container .game-title{line-height:1.25!important}
html.pog-v3 #footer nav ul{gap:8px!important;list-style:none!important}
html.pog-v3 #footer nav li{margin:0!important;padding:0!important;list-style:none!important}
html.pog-v3 #footer nav li::before{content:none!important}
html.pog-v3 #footer nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 16px!important;
  border:1px solid rgba(240,191,80,.22)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#18121d,#0c0b10)!important;
  color:#e3c47c!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease;
}
html.pog-v3 #footer nav a:hover,
html.pog-v3 #footer nav a:focus-visible{
  background:#291722!important;
  border-color:#e2b655!important;
  color:#fff!important;
}
html.pog-v3 .pog-auth-combo .pog-visit-y8{padding:0 14px!important}
@media(max-width:780px){
  html.pog-v3 .pog-featured-v3{display:none!important}
  html.pog-v3 #footer nav ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.pog-v3 #footer nav li:last-child:nth-child(odd){grid-column:1 / -1!important}
  html.pog-v3 .pog-auth-combo .pog-visit-y8{padding:0 8px!important}
}

/* Illustrated category directory. */
html.pog-v3 .pog-category-directory-grid > a{
  padding:0 0 16px!important;
  gap:12px!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  overflow:hidden!important;
  align-content:start!important;
}
html.pog-v3 .pog-category-directory-grid .pog-category-art{
  grid-column:1 / -1;
  display:block;
  width:100%;height:auto;aspect-ratio:3/2;
  object-fit:cover;
  border-bottom:1px solid rgba(240,191,80,.25);
}
html.pog-v3 .pog-category-directory-grid > a > i{margin-left:12px;width:32px;height:32px;font-size:18px}
html.pog-v3 .pog-category-directory-grid > a > span,
html.pog-v3 .pog-category-directory-grid > a > em{padding-right:15px}
html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1){grid-column:auto!important}
@media(min-width:1061px){
  html.pog-v3 .pog-brand-copy b{font-size:28px!important;letter-spacing:.015em!important;line-height:1.12!important}
  html.pog-v3 .pog-brand-copy span{font-size:19px!important;letter-spacing:.025em!important;line-height:1.2!important}
  html.pog-v3 .pog-brand-copy em{font-size:13px!important;line-height:1.3!important}
}
@media(max-width:780px){
  html.pog-v3 #footer{padding:16px 5px!important}
  html.pog-v3 .pog-footer-overview{display:none}
  html.pog-v3 .pog-footer-note{margin-top:16px!important;font-size:10px!important}
  html.pog-v3 .pog-footer-credit{display:block;width:100%;font-size:9px;text-align:center}
  html.pog-v3 #footer nav ul{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:0!important}
  html.pog-v3 #footer nav li{flex:0 0 auto!important}
  html.pog-v3 #footer nav a{min-height:32px!important;padding:5px 4px!important;background:none!important;border:0!important;border-radius:0!important;font-size:10px!important;font-weight:600!important;white-space:nowrap!important}
  html.pog-v3 #footer nav{overflow-x:auto;scrollbar-width:thin}
}
@media(min-width:781px){
  html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1){grid-column:1 / -1!important;grid-template-columns:minmax(220px,1fr) 44px minmax(0,2fr)!important;padding:0!important;align-items:center!important;gap:16px!important}
  html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1) > .pog-category-art{grid-column:1;grid-row:1 / 3;height:100%;max-height:240px;border-bottom:0}
  html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1) > i{grid-column:2;grid-row:1;margin-left:0}
  html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1) > span{grid-column:3;grid-row:1;padding-top:15px}
  html.pog-v3 .pog-category-directory-grid > a:last-child:nth-child(3n+1) > em{grid-column:3;grid-row:2;align-self:start;padding-bottom:15px}
}
@media(max-width:780px){html.pog-v3 #footer nav ul{justify-content:safe center!important}}
/* Category artwork gets a generous gallery, distinct from game thumbnails. */
html.pog-v3 .pog-category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
html.pog-v3 .pog-category-directory-grid > a{border-radius:18px!important;border-color:rgba(240,191,80,.32)!important;box-shadow:0 12px 28px rgba(0,0,0,.3)}
html.pog-v3 .pog-category-directory-grid b{font-size:24px!important;line-height:1.2!important;color:#ffda83}
html.pog-v3 .pog-category-directory-grid small{font-size:13px!important;line-height:1.65!important;color:#b6adbf}
html.pog-v3 .pog-category-directory-grid em{font-size:11px!important}
@media(max-width:780px){
 html.pog-v3 .pog-category-directory-grid{grid-template-columns:1fr!important;gap:18px!important}
 html.pog-v3 .pog-category-directory-grid b{font-size:23px!important}
}

/* Uniform mobile mast: two identical rows and matching account controls. */
@media(max-width:780px){
 html.pog-v3 .pog-game-nav{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:36px 36px!important;grid-auto-rows:36px!important;
  gap:5px!important;padding:6px!important;align-items:stretch!important;
 }
 html.pog-v3 .pog-game-nav > .pog-nav-item,
 html.pog-v3 .pog-game-nav > .pog-nav-label{
  width:100%!important;min-width:0!important;max-width:none!important;
  height:36px!important;min-height:36px!important;margin:0!important;
  box-sizing:border-box!important;
 }
 html.pog-v3 .pog-game-nav > .pog-nav-item > a,
 html.pog-v3 .pog-game-nav > .pog-nav-label{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:36px!important;min-height:36px!important;padding:0 3px!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:8px!important;
  background:linear-gradient(180deg,#211b29,#0b0a10)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 8px rgba(0,0,0,.22)!important;
  color:#c9bfce!important;box-sizing:border-box!important;
 }
 html.pog-v3 .pog-game-nav > .pog-nav-label span,
 html.pog-v3 .pog-game-nav > .pog-nav-item > a span b{
  font-family:'Bebas Neue',var(--pog-font),sans-serif!important;
  font-size:clamp(12px,3.4vw,15px)!important;font-weight:800!important;
  line-height:1!important;letter-spacing:.035em!important;text-transform:uppercase!important;
 }
 html.pog-v3 .pog-account-zone{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  min-width:0!important;gap:6px!important;align-items:stretch!important;
 }
 html.pog-v3 .pog-account-zone > .pog-language,
 html.pog-v3 .pog-account-zone > .pog-auth-combo{
  width:100%!important;min-width:0!important;max-width:none!important;
  height:34px!important;min-height:34px!important;box-sizing:border-box!important;
 }
 html.pog-v3 .pog-account-zone .pog-auth-combo{padding:0!important}
 html.pog-v3 .pog-account-zone .pog-visit-y8,
 html.pog-v3 .pog-account-zone .pog-language-toggle{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;
  padding:0 6px!important;border-radius:9px!important;box-sizing:border-box!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:0!important;
 }
 html.pog-v3 .pog-account-zone .pog-language-toggle{
  border:1px solid #fff!important;background:linear-gradient(180deg,#fff,#e9e9ee)!important;
  color:#24212a!important;text-shadow:none!important;
  box-shadow:inset 0 1px #fff,0 6px 16px rgba(0,0,0,.2)!important;
 }
 html.pog-v3 .pog-account-zone .pog-language-toggle > b{margin-left:3px!important;color:#48404d!important}
 html.pog-v3 .pog-account-zone .pog-language-toggle [data-language-label]{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* Desktop mast: reserve a real title column instead of wrapping into nav. */
@media(min-width:1061px){
 html.pog-v3 .pog-luxe-header-main{
  grid-template-columns:245px 300px minmax(120px,1fr) auto!important;
  gap:12px!important;height:auto!important;min-height:176px!important;
  padding-bottom:18px!important;align-items:start!important;
 }
 html.pog-v3 .pog-brand-copy{margin-top:10px!important;gap:6px!important}
 html.pog-v3 .pog-brand-copy b{white-space:nowrap!important;font-size:24px!important;letter-spacing:0!important;line-height:1.15!important}
 html.pog-v3 .pog-brand-copy span{font-size:17px!important;line-height:1.2!important}
 html.pog-v3 .pog-brand-copy em{font-size:12px!important;line-height:1.25!important}
}
@media(min-width:1321px){
 html.pog-v3 .pog-luxe-header-main{grid-template-columns:245px 350px minmax(160px,1fr) auto!important}
 html.pog-v3 .pog-brand-copy b{font-size:28px!important}
 html.pog-v3 .pog-brand-copy span{font-size:19px!important}
 html.pog-v3 .pog-brand-copy em{font-size:13px!important}
}
/* Each category lead uses its own existing illustration. */
html.pog-v3 .pog-category-intro{
 grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr)!important;
 align-items:center!important;gap:22px!important;
}
html.pog-v3 .pog-category-intro-art{
 display:block!important;grid-column:1;grid-row:1 / 3;
 width:100%!important;height:100%!important;min-height:210px;max-height:320px;
 object-fit:cover;aspect-ratio:3/2;border-radius:10px;
 border:1px solid rgba(240,191,80,.3);
}
html.pog-v3 .pog-category-intro > div{grid-column:2;min-width:0}
html.pog-v3 .pog-category-intro > ul{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html.pog-v3 .pog-category-intro > ul li{font-size:9px;letter-spacing:.02em;padding:9px 7px}
@media(max-width:780px){
 html.pog-v3 .pog-category-intro{grid-template-columns:1fr!important;padding:15px!important;gap:15px!important}
 html.pog-v3 .pog-category-intro-art{grid-column:1;grid-row:auto;height:auto!important;min-height:0;max-height:300px}
 html.pog-v3 .pog-category-intro > div,html.pog-v3 .pog-category-intro > ul{grid-column:1}
 html.pog-v3 .pog-category-intro > ul{grid-template-columns:1fr}
}

/* ===== 2026-09-09 footer/mobile + desktop mast stability patch ===== */
/* Keep desktop mast category tiles visually stationary on hover/active.
   Their colour, border and glow feedback remains, but scrolling can no longer
   make a hovered tile snap vertically as the pointer crosses it. */
@media (min-width:781px) and (hover:hover) and (pointer:fine){
  html.pog-v3 .pog-game-nav a:hover,
  html.pog-v3 .pog-game-nav a.active{
    transform:none!important;
  }
  html.pog-is-scrolling.pog-v3 .pog-game-nav a,
  html.pog-is-scrolling .pog-v3 .pog-game-nav a:hover,
  html.pog-is-scrolling .pog-v3 .pog-game-nav a.active{
    transform:none!important;
  }
}

/* The long POG/Y8 overview card is useful desktop copy, but is deliberately
   removed from the compact home-page footer. Keep the final credit centered. */
@media (max-width:780px){
  html.pog-v3 body.items.index .pog-footer-overview{
    display:none!important;
  }
  html.pog-v3 #footer .pog-footer-credit{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:14px auto 0!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
    justify-self:stretch!important;
    align-self:center!important;
  }
}

/* ===== v58 fast-scroll card paint optimization ===== */
/* The micro labels stay visually present, but their backdrop blur is removed.
   A slightly denser fill keeps the same readable glass-chip appearance without
   forcing the compositor to resample the thumbnail behind every label. */
.pog-v3 .pog-card-labels span{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(7,7,9,.88)!important;
}

/* While the page is actively moving, cards can sweep under a stationary mouse.
   Suppress transient thumbnail hover zoom/filter work for those frames. The
   existing scroll-idle class removal restores the normal effect immediately. */
html.pog-is-scrolling.pog-v3 #items_container img.thumb,
html.pog-is-scrolling.pog-v3 #items_container img.playable,
html.pog-is-scrolling.pog-v3 .thumb-img-container img,
html.pog-is-scrolling.pog-v3 #items_container .item:hover img{
  -webkit-filter:none!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* Thumbnail decoration does not need to transition during a fling either. */
html.pog-is-scrolling.pog-v3 .thumb-img-container::before,
html.pog-is-scrolling.pog-v3 .thumb-img-container::after{
  transition:none!important;
}

/* ===== 2026-09-09 desktop footer/content-rail alignment =====
   Listing pages use a sidebar + gap before the live thumbnail column. Align
   both the footer signal strip and the footer itself to that same second grid
   column instead of centering them against the full viewport. Mobile retains
   its existing compact footer rules unchanged. */
@media (min-width:1061px){
  html.pog-v3 body.items.index .pog-footer-accent,
  html.pog-v3 body.items.index #footer{
    width:calc(100% - 234px)!important; /* 220px sidebar + 14px grid gap */
    max-width:none!important;
    margin-left:234px!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  html.pog-v3 body.items.index .pog-footer-accent{
    margin-top:28px!important;
  }
}
@media (min-width:781px) and (max-width:1060px){
  html.pog-v3 body.items.index .pog-footer-accent,
  html.pog-v3 body.items.index #footer{
    width:calc(100% - 204px)!important; /* 190px sidebar + 14px grid gap */
    max-width:none!important;
    margin-left:204px!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  html.pog-v3 body.items.index .pog-footer-accent{
    margin-top:28px!important;
  }
}


/* ===== v53 mobile translated category fitting =====
   English labels are already deliberately compact. Other locales can be
   materially wider (Cyrillic, Greek, German, etc.), so give their category
   buttons a larger minimum cell and allow a tightly bounded second line
   instead of letting text escape the CTA. */
@media(max-width:780px){
  html.pog-v3:not([lang="en"]) .pog-category-library nav{
    grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important;
  }
  html.pog-v3:not([lang="en"]) .pog-category-link{
    min-width:0!important;
    grid-template-columns:13px minmax(0,1fr)!important;
    gap:3px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  html.pog-v3:not([lang="en"]) .pog-category-link span{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:clamp(6.25px,1.85vw,7.5px)!important;
    line-height:1.04!important;
    letter-spacing:0!important;
  }
  /* Also contain translated mast labels if a mobile-width composition ever
     exposes that rail (e.g. intermediate/landscape breakpoints). */
  html.pog-v3:not([lang="en"]) .pog-nav-item>a span b{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:clamp(7px,2vw,9px)!important;
    letter-spacing:0!important;
  }
}
@media(max-width:520px){
  html.pog-v3:not([lang="en"]) .pog-category-library nav{
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
  }
  html.pog-v3:not([lang="en"]) .pog-category-link{
    min-height:29px!important;
    height:auto!important;
  }
}

/* ===== 2026-09-09 full mobile-compatible catalog slices =====
   Keep desktop's canonical catalog slice untouched. The PHP view adds only
   the missing cards from a separately paged mobile_friendly=1 result set and
   tags the exact cards that belong to the phone page. Desktop never displays
   those fill cards; on compact screens the compatible set is packed back into
   the same CSS grid, preserving all existing card styling and avoiding holes. */
html.pog-v3 #items_container > .pog-mobile-fill-card{
  display:none!important;
}
html.pog-v3 .pog-mobile-pagination,
html.pog-v3 .pog-mobile-empty-state{
  display:none!important;
}

@media(max-width:780px){
  /* A card is visible on phones only when it belongs to this page of the
     mobile-compatible result set. This also removes compatible cards whose
     mobile rank belongs on an earlier/later mobile page, preventing repeats. */
  html.pog-v3 #items_container > .item:not(.pog-mobile-page-item){
    display:none!important;
  }
  html.pog-v3 #items_container > .item.pog-mobile-page-item{
    display:block!important;
    order:var(--pog-mobile-order,0)!important;
  }

  /* Override older nth-child row caps: the new PHP slice already requests an
     even 48 cards for home and exactly 4 compatible related games. Fill cards
     can live later in source order but must remain visible in mobile order. */
  html.pog-v3 body.items.index[data-page-type="home"] #items_container > .item.pog-mobile-page-item,
  html.pog-v3 body.pog-game-page .pog-related-games #items_container > .item.pog-mobile-page-item{
    display:block!important;
  }

  html.pog-v3 .pog-desktop-pagination{
    display:none!important;
  }
  html.pog-v3 .pog-mobile-pagination{
    display:block!important;
  }
  html.pog-v3 .pog-mobile-empty-state{
    display:block!important;
  }
}

/* ===== 2026-09-09 home redesign quick vote =====
   Small first-party poll at the bottom of the home game rail. It lives inside
   .items-container, so desktop alignment follows the thumbnail column while
   mobile naturally spans the same compact content width. */
html.pog-v3 body.items.index[data-page-type="home"] .pog-redesign-poll{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy actions" "status status";
  align-items:center;
  gap:8px 18px;
  width:100%;
  box-sizing:border-box;
  margin:20px 0 8px;
  padding:13px 15px;
  overflow:hidden;
  border:1px solid rgba(240,191,80,.18);
  border-radius:12px;
  background:linear-gradient(125deg,rgba(26,18,22,.97),rgba(10,9,12,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.15);
}
html.pog-v3 body.items.index[data-page-type="home"] .pog-redesign-poll::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#f0bf50,#ef3552);
  opacity:.85;
}
html.pog-v3 .pog-redesign-poll-copy{grid-area:copy;min-width:0}
html.pog-v3 .pog-redesign-poll-kicker{
  display:block;
  margin:0 0 3px;
  color:#a99571;
  font-size:8px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.17em;
}
html.pog-v3 .pog-redesign-poll h2{
  margin:0;
  color:#f3edf4;
  font-family:'Cinzel',Georgia,serif;
  font-size:clamp(14px,1.25vw,18px);
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.015em;
}
html.pog-v3 .pog-redesign-poll-actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:max-content;
}
html.pog-v3 .pog-redesign-vote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:76px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:#eee8ef;
  font:800 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease;
}
html.pog-v3 .pog-redesign-vote strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(0,0,0,.28);
  color:#f0bf50;
  font-size:10px;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
}
html.pog-v3 .pog-redesign-vote:hover:not(:disabled),
html.pog-v3 .pog-redesign-vote:focus-visible{
  border-color:rgba(240,191,80,.42);
  background:rgba(240,191,80,.08);
  box-shadow:0 0 0 2px rgba(240,191,80,.07);
  outline:none;
}
html.pog-v3 .pog-redesign-vote-no:hover:not(:disabled),
html.pog-v3 .pog-redesign-vote-no:focus-visible{
  border-color:rgba(239,53,82,.4);
  background:rgba(239,53,82,.07);
}
html.pog-v3 .pog-redesign-vote:disabled{cursor:default;opacity:.62}
html.pog-v3 .pog-redesign-vote.is-selected{
  opacity:1;
  border-color:rgba(240,191,80,.45);
  background:rgba(240,191,80,.09);
}
html.pog-v3 .pog-redesign-vote-no.is-selected{
  border-color:rgba(239,53,82,.42);
  background:rgba(239,53,82,.08);
}
html.pog-v3 .pog-redesign-vote-divider{color:#5f5861;font-size:11px}
html.pog-v3 .pog-redesign-poll-status{
  grid-area:status;
  min-height:12px;
  margin:0;
  color:#938b96;
  font-size:9px;
  line-height:1.3;
}
html.pog-v3 .pog-redesign-poll-status:empty{display:none}
html.pog-v3 .pog-redesign-poll-status.is-error{color:#d9939e}
html.pog-v3 .pog-redesign-honeypot{
  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;
  opacity:0!important;
  pointer-events:none!important;
}
@media(max-width:780px){
  html.pog-v3 body.items.index[data-page-type="home"] .pog-redesign-poll{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "actions" "status";
    gap:9px;
    margin:16px 0 5px;
    padding:12px 11px 11px 13px;
  }
  html.pog-v3 .pog-redesign-poll-copy{text-align:center}
  html.pog-v3 .pog-redesign-poll-kicker{font-size:7px}
  html.pog-v3 .pog-redesign-poll h2{font-size:14px;line-height:1.3}
  html.pog-v3 .pog-redesign-poll-actions{width:100%;justify-content:center;gap:6px}
  html.pog-v3 .pog-redesign-vote{flex:1 1 0;max-width:150px;min-width:0;min-height:36px}
  html.pog-v3 .pog-redesign-vote-divider{flex:0 0 auto}
  html.pog-v3 .pog-redesign-poll-status{text-align:center;font-size:8.5px}
}

/* ===== v62 mobile home: remove library heading strip ===== */
@media(max-width:780px){
  .pog-v3 body[data-page-type="home"] .pog-grid-heading{
    display:none!important;
  }
}

/* ===== v63 Firefox Android scroll stability =====
   Gecko can hitch while content-visibility:auto promotes skipped grid cards
   during a fast touch fling. Keep Chromium/WebKit's off-screen optimization,
   but let Firefox paint the mobile card grid normally. Existing lightweight
   shadows, no-backdrop-blur and scroll-time image effects remain in force. */
@supports (-moz-appearance:none){
  @media (max-width:780px), (hover:none) and (pointer:coarse){
    .pog-v3 #items_container > li.item,
    .pog-v3 #items_container > .item{
      content-visibility:visible!important;
      contain-intrinsic-size:none!important;
      contain-intrinsic-block-size:none!important;
    }
  }
}

/* ===== 2026-09-11 desktop mast vertical compaction =====
   The 232px slot logo intentionally overhangs the mast and was forcing a tall
   flow box before the category rail. Pull only the desktop category/signal
   section upward; the logo, search, account controls and category tile sizes
   remain unchanged. */
@media(min-width:1061px){
  html.pog-v3 .pog-game-nav{
    margin-top:-52px!important;
  }
}

/* Desktop mast: lift the POG PLAYER status block as one unit. */
@media(min-width:1061px){
  .pog-v3 .pog-brand-copy{
    position:relative!important;
    top:-15px!important;
  }
}

/* ===== 2026-09-12 desktop category mast full-tile hit targets =====
   Make the complete visual category CTA responsive to hover/click, including
   any sub-pixel/grid remainder around the icon and label.  The flyout trigger
   therefore follows the whole tile rather than requiring pointer precision on
   its text. */
@media (min-width:781px) and (hover:hover) and (pointer:fine){
  html.pog-v3 .pog-game-nav > .pog-nav-item{
    position:relative!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    cursor:pointer!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item > a{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:64px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item:hover > a,
  html.pog-v3 .pog-game-nav > .pog-nav-item.is-open > a{
    border-color:rgba(255,208,95,.46)!important;
    background:linear-gradient(180deg,rgba(83,35,91,.93),rgba(23,12,31,.98))!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.35),0 0 14px rgba(226,48,83,.16)!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item:hover > a span small,
  html.pog-v3 .pog-game-nav > .pog-nav-item.is-open > a span small{
    color:#e1c675!important;
  }
}

/* ===== 2026-09-12 literal header-card hit targets v2 =====
   Targets the ten large HOME / NEW / POPULAR / ACTION / PUZZLES / DRIVING /
   ARCADE / SPORTS / SHOOTING / ALL cards shown in the desktop mast. */
@media (min-width:781px) and (hover:hover) and (pointer:fine){
  html.pog-v3 .pog-game-nav > .pog-nav-item{
    position:relative!important;
    display:flex!important;
    align-items:stretch!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    cursor:pointer!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item > a{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:64px!important;
    margin:0!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
  }
  /* Chrome can otherwise leave sub-pixel dead zones around a stretched grid
     child. This transparent skin makes the complete visual card reactive. */
  html.pog-v3 .pog-game-nav > .pog-nav-item::after{
    content:"";
    position:absolute!important;
    z-index:3!important;
    inset:0!important;
    background:transparent!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item:hover > a,
  html.pog-v3 .pog-game-nav > .pog-nav-item.is-open > a{
    transform:translateY(-2px)!important;
    border-color:rgba(255,208,95,.46)!important;
    background:linear-gradient(180deg,rgba(83,35,91,.93),rgba(23,12,31,.98))!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.35),0 0 14px rgba(226,48,83,.16)!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item:hover > a span small,
  html.pog-v3 .pog-game-nav > .pog-nav-item.is-open > a span small{
    color:#e1c675!important;
  }
}

/* ===== 2026-09-12 desktop mast card hitbox v3 =====
   Chrome does not reliably resolve height:100% on the link when the grid row
   itself is content-sized. Make the actual anchor a positioned layer stretched
   to all four edges of the visible mast card. This makes icon, label, padding
   and every blank pixel of HOME/NEW/POPULAR/etc the real link/hover target. */
@media (min-width:1061px) and (hover:hover) and (pointer:fine){
  html.pog-v3 .pog-game-nav > .pog-nav-item{
    position:relative!important;
    display:block!important;
    align-self:stretch!important;
    min-width:0!important;
    min-height:64px!important;
    height:64px!important;
    cursor:pointer!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item > a{
    position:absolute!important;
    z-index:4!important;
    inset:0!important;
    display:flex!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  /* Remove the old transparent pseudo hit skin. The anchor now IS the skin,
     which also restores native link hover/click semantics in Chrome. */
  html.pog-v3 .pog-game-nav > .pog-nav-item::after{
    content:none!important;
    display:none!important;
    pointer-events:none!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item > a > i,
  html.pog-v3 .pog-game-nav > .pog-nav-item > a > span,
  html.pog-v3 .pog-game-nav > .pog-nav-item > a > .pog-nav-caret{
    pointer-events:none!important;
  }
  html.pog-v3 .pog-game-nav > .pog-nav-item:hover > a,
  html.pog-v3 .pog-game-nav > .pog-nav-item > a:hover,
  html.pog-v3 .pog-game-nav > .pog-nav-item.is-open > a{
    border-color:rgba(255,208,95,.46)!important;
    background:linear-gradient(180deg,rgba(83,35,91,.93),rgba(23,12,31,.98))!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.35),0 0 14px rgba(226,48,83,.16)!important;
  }
}


/* ===== 2026-09-12 desktop mast overlap hit-test fix v4 =====
   The category rail is intentionally pulled upward (-52px) into the unused
   lower part of the header.  That makes the transparent header-main box
   geometrically overlap the upper half of the mast cards.  Keep that wrapper
   visually unchanged but remove it from hit-testing; re-enable pointer input
   only on the real interactive header controls. */
@media (min-width:1061px) and (hover:hover) and (pointer:fine){
  html.pog-v3 .pog-luxe-header-main{
    pointer-events:none!important;
  }
  html.pog-v3 .pog-brand-zone,
  html.pog-v3 .pog-brand-zone .pog-casino-logo,
  html.pog-v3 .pog-search-zone,
  html.pog-v3 .pog-search-zone *,
  html.pog-v3 .pog-account-zone,
  html.pog-v3 .pog-account-zone *{
    pointer-events:auto!important;
  }
  /* The mast remains the active hit layer in the overlap band. */
  html.pog-v3 .pog-game-nav{
    position:relative!important;
    z-index:21!important;
  }
  /* Keep the intentionally oversized slot logo above the mast. */
  html.pog-v3 .pog-brand-zone,
  html.pog-v3 .pog-casino-logo{
    z-index:40!important;
  }
}


/* ===== 2026-09-12 logo top-layer correction v5 =====
   The v4 hit-test fix raised the category mast to z-index:21 while the main
   header remained its own z-index:20 stacking context. A child cannot escape
   its parent's stacking context, so the oversized POG logo was still painted
   underneath the mast despite its own larger z-index. Raise the transparent
   header-main stacking context above the mast; pointer-events remain disabled
   on the wrapper from v4, so the category cards keep their full hit areas. */
@media (min-width:1061px){
  html.pog-v3 .pog-luxe-header-main{
    z-index:60!important;
  }
  html.pog-v3 .pog-brand-zone,
  html.pog-v3 .pog-brand-zone .pog-casino-logo{
    position:relative!important;
    z-index:80!important;
  }
}

/* ===== 2026-09-12 homepage featured film reel =====
   Replaces the old category-art hero on the homepage only. Each tile is a
   curated POG game and links to its local /game/... profile. */
html.pog-v3 .pog-featured-v3.pog-filmreel-hero{
  position:relative;
  width:100%;
  max-width:100%;
  min-height:0;
  margin:0 0 16px;
}
html.pog-v3 .pog-filmreel-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:12px;
  min-height:332px;
  width:100%;
  min-width:0;
}
html.pog-v3 .pog-filmreel-main{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:6px 0 7px;
  border:1px solid rgba(240,191,80,.42);
  border-radius:16px;
  background:
    radial-gradient(circle at 14% 0,rgba(146,27,65,.22),transparent 35%),
    linear-gradient(180deg,#0b0910 0%,#050507 100%);
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
html.pog-v3 .pog-filmreel-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:0 18px 6px;
  color:#c8bdc9;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1;
  text-transform:uppercase;
}
html.pog-v3 .pog-filmreel-head>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ffd66f;
}
html.pog-v3 .pog-filmreel-head>span i{
  width:7px;height:7px;border-radius:50%;background:#ef2948;
  box-shadow:0 0 12px rgba(239,41,72,.8);
}
html.pog-v3 .pog-filmreel-head>strong{
  justify-self:center;
  color:#fff;
  font-size:10px;
  letter-spacing:.16em;
}
html.pog-v3 .pog-filmreel-head>small{
  color:#8f8894;
  font-size:8px;
  font-weight:850;
  letter-spacing:.1em;
}
html.pog-v3 .pog-filmreel-window{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:9px 0;
  border-top:1px solid rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.04);
  background:#020205;
}
html.pog-v3 .pog-filmreel-window::before,
html.pog-v3 .pog-filmreel-window::after{
  content:"";
  position:absolute;
  z-index:5;
  left:0;right:0;
  height:10px;
  pointer-events:none;
  opacity:.72;
  background:
    repeating-linear-gradient(90deg,
      transparent 0 10px,
      rgba(240,191,80,.22) 10px 24px,
      transparent 24px 36px);
}
html.pog-v3 .pog-filmreel-window::before{top:4px}
html.pog-v3 .pog-filmreel-window::after{bottom:4px}
html.pog-v3 .pog-filmreel-track{
  display:flex;
  width:max-content;
  gap:14px;
  padding-inline:14px 0;
  will-change:transform;
  animation:pogFilmReelMove 120s linear infinite;
}
html.pog-v3 .pog-filmreel-set{
  display:flex;
  flex:0 0 auto;
  gap:14px;
}
html.pog-v3 .pog-filmreel-window:hover .pog-filmreel-track,
html.pog-v3 .pog-filmreel-window:focus-within .pog-filmreel-track{
  animation-play-state:paused;
}
html.pog-v3 .pog-filmreel-card{
  position:relative;
  flex:0 0 clamp(230px,22vw,310px);
  width:clamp(230px,22vw,310px);
  aspect-ratio:1.07 / 1;
  overflow:hidden;
  border:1px solid rgba(240,191,80,.28);
  border-radius:11px;
  background:#0b0a0e;
  box-shadow:0 10px 24px rgba(0,0,0,.4);
  text-decoration:none!important;
  transform:translateZ(0);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
html.pog-v3 .pog-filmreel-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.002);
  transition:transform .28s ease,filter .2s ease;
}
html.pog-v3 .pog-filmreel-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.7) 100%);
  opacity:.28;
  transition:opacity .18s ease;
}
html.pog-v3 .pog-filmreel-play{
  position:absolute;
  z-index:3;
  right:10px;
  bottom:9px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid rgba(255,214,111,.54);
  border-radius:7px;
  background:rgba(7,5,10,.78);
  color:#fff;
  font-size:8px;
  font-weight:950;
  line-height:1;
  letter-spacing:.1em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .16s ease,transform .16s ease;
  backdrop-filter:blur(7px);
}
html.pog-v3 .pog-filmreel-play b{color:#ffd66f;font-size:12px}
html.pog-v3 .pog-filmreel-card:hover,
html.pog-v3 .pog-filmreel-card:focus-visible{
  border-color:#ffd66f;
  box-shadow:0 14px 30px rgba(0,0,0,.48),0 0 0 1px rgba(255,214,111,.14);
  transform:translateY(-3px) scale(1.012);
  filter:saturate(1.05) brightness(1.025);
}
html.pog-v3 .pog-filmreel-card:hover img,
html.pog-v3 .pog-filmreel-card:focus-visible img{transform:scale(1.025)}
html.pog-v3 .pog-filmreel-card:hover::after,
html.pog-v3 .pog-filmreel-card:focus-visible::after{opacity:.7}
html.pog-v3 .pog-filmreel-card:hover .pog-filmreel-play,
html.pog-v3 .pog-filmreel-card:focus-visible .pog-filmreel-play{
  opacity:1;
  transform:none;
}
html.pog-v3 .pog-filmreel-card:focus-visible{outline:2px solid #fff0a8;outline-offset:3px}
@keyframes pogFilmReelMove{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 7px),0,0)}
}
@media(max-width:1060px) and (min-width:781px){
  html.pog-v3 .pog-filmreel-layout{grid-template-columns:minmax(0,1fr) 190px}
  html.pog-v3 .pog-filmreel-card{
    flex-basis:250px;
    width:250px;
  }
  html.pog-v3 .pog-filmreel-head>small{display:none}
}
@media(max-width:780px){
  html.pog-v3 .pog-filmreel-layout{grid-template-columns:1fr;gap:8px}
  html.pog-v3 .pog-filmreel-main{border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
  html.pog-v3 .pog-filmreel-window{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
  html.pog-v3 .pog-filmreel-track{animation:none!important;transform:none!important}
  html.pog-v3 .pog-filmreel-clone{display:none!important}
  html.pog-v3 .pog-filmreel-card{scroll-snap-align:start}
}

/* ===== 2026-09-12 homepage film reel spacing + right rail image fit v3 ===== */
html.pog-v3 .pog-filmreel-hero .pog-promo-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#07070a!important;
}
html.pog-v3 .pog-filmreel-hero .pog-promo-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:auto!important;
}
/* ===== 2026-09-12 film reel moving perforations + header alignment v4 ===== */
html.pog-v3 .pog-filmreel-head{
  min-height:28px!important;
  padding:5px 18px 4px!important;
  align-items:center!important;
  line-height:1.18!important;
}
html.pog-v3 .pog-filmreel-head>span,
html.pog-v3 .pog-filmreel-head>strong,
html.pog-v3 .pog-filmreel-head>small{
  align-self:center!important;
  transform:translateY(1px);
}
html.pog-v3 .pog-filmreel-window::before,
html.pog-v3 .pog-filmreel-window::after{
  background-size:36px 100%!important;
  animation:pogFilmPerforationsMove 120s linear infinite;
  will-change:background-position;
}
html.pog-v3 .pog-filmreel-window:hover::before,
html.pog-v3 .pog-filmreel-window:hover::after,
html.pog-v3 .pog-filmreel-window:focus-within::before,
html.pog-v3 .pog-filmreel-window:focus-within::after{
  animation-play-state:paused;
}
@keyframes pogFilmPerforationsMove{
  from{background-position:0 0}
  to{background-position:-1800px 0}
}
@media(prefers-reduced-motion:reduce){
  html.pog-v3 .pog-filmreel-window::before,
  html.pog-v3 .pog-filmreel-window::after{animation:none!important}
}


/* ===== 2026-09-12 film reel perforations locked to reel + compact head v5 =====
   Put the sprocket holes on the moving track itself so they inherit the exact
   same transform/duration as the cards.  No separate background animation =
   no drift between the film holes and artwork. */
html.pog-v3 .pog-filmreel-head{
  min-height:22px!important;
  padding:1px 18px!important;
  line-height:1!important;
}
html.pog-v3 .pog-filmreel-head>span,
html.pog-v3 .pog-filmreel-head>strong,
html.pog-v3 .pog-filmreel-head>small{
  transform:translateY(1px)!important;
}

/* Disable the independently animated window perforations from v4. */
html.pog-v3 .pog-filmreel-window::before,
html.pog-v3 .pog-filmreel-window::after{
  content:none!important;
  animation:none!important;
}

/* The sprocket holes now live on the same moving element as the cards. */
html.pog-v3 .pog-filmreel-track{
  position:relative!important;
}
html.pog-v3 .pog-filmreel-track::before,
html.pog-v3 .pog-filmreel-track::after{
  content:"";
  position:absolute;
  z-index:5;
  left:0;
  width:100%;
  height:10px;
  pointer-events:none;
  opacity:.72;
  background:repeating-linear-gradient(90deg,
    transparent 0 10px,
    rgba(240,191,80,.22) 10px 24px,
    transparent 24px 36px);
}
html.pog-v3 .pog-filmreel-track::before{top:-5px}
html.pog-v3 .pog-filmreel-track::after{bottom:-5px}

@media(prefers-reduced-motion:reduce){
  html.pog-v3 .pog-filmreel-track::before,
  html.pog-v3 .pog-filmreel-track::after{animation:none!important}
}

/* New / Popular top-card copy: larger, easier-to-read rotating promo text. */
html.pog-v3 .pog-special-listing-intro p{max-width:920px;font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.68}
html.pog-v3 .pog-special-listing-intro .pog-listing-inline-game{color:#f0d28a;text-decoration:underline;text-decoration-color:rgba(240,210,138,.38);text-underline-offset:.16em;font-weight:700}
html.pog-v3 .pog-special-listing-intro .pog-listing-inline-game:hover{color:#fff2bf;text-decoration-color:currentColor}

/* ===== 2026-09-13 local gameplay hover previews =====
   Preview media is installed by the local collector under /assets/game-previews.
   The still thumbnail remains visible until playback has genuinely started, so
   an uncached video never produces a black/loading flash. */
@media (hover:hover) and (pointer:fine){
  .pog-v3 .thumb-img-container[data-pog-preview-src] > .pog-hover-preview{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    pointer-events:none!important;
    opacity:0!important;
    transition:opacity .14s ease!important;
    background:transparent!important;
  }
  .pog-v3 .thumb-img-container[data-pog-preview-src].pog-preview-playing > .pog-hover-preview{
    opacity:1!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .pog-v3 .thumb-img-container > .pog-hover-preview{display:none!important}
}

/* ===== 2026-09-13 experimental mobile focus feed =====
   One large card per row on touch phones. The centered card may play one local
   muted preview only after scrolling settles; fast scrolling unloads it. */
@media (max-width:780px) and (pointer:coarse){
  html.pog-v3 body.items.index #items_container{
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }
  html.pog-v3 body.items.index #items_container > li.item,
  html.pog-v3 body.items.index #items_container > .item{
    width:100%!important;
    max-width:640px!important;
    margin-inline:auto!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  html.pog-v3 body.items.index #items_container .thumb-img-container{
    position:relative!important;
    width:100%!important;
    aspect-ratio:16/10!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#111018!important;
  }
  html.pog-v3 body.items.index #items_container .item-name{
    min-height:42px!important;
    padding:10px 12px 7px!important;
  }
  html.pog-v3 body.items.index #items_container .game-title{
    font-size:15px!important;
    line-height:1.25!important;
  }
  html.pog-v3 body.items.index .thumb-img-container > .pog-mobile-preview{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    background:#111018!important;
    opacity:0;
    pointer-events:none;
    transition:opacity .14s ease;
  }
  html.pog-v3 body.items.index .thumb-img-container.pog-preview-mobile-playing > .pog-mobile-preview{
    opacity:1!important;
  }
  html.pog-v3 body.items.index .thumb-img-container.pog-preview-mobile-playing > img.thumb{
    opacity:0!important;
  }
  html.pog-v3 body.items.index .thumb-img-container[data-pog-embed-url]{cursor:pointer}
}

html.pog-feed-game-open,
body.pog-feed-game-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
.pog-feed-game-layer{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#000;
  touch-action:none;
}
.pog-feed-game-stage{
  position:relative;
  width:100vw;
  height:100dvh;
  max-width:none;
  max-height:none;
  overflow:hidden;
  background:#000;
}
.pog-feed-game-frame{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border:0;
  background:#000;
  transform:translate(-50%,-50%) scale(var(--pog-feed-frame-scale,1));
  transform-origin:center;
}
.pog-feed-game-close{
  position:absolute;
  z-index:6;
  top:max(10px,env(safe-area-inset-top));
  left:max(10px,env(safe-area-inset-left));
  display:flex;
  align-items:center;
  gap:5px;
  min-width:64px;
  min-height:36px;
  padding:6px 10px 6px 8px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  color:#fff;
  background:rgba(15,12,19,.78);
  box-shadow:0 7px 20px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.pog-feed-game-close span{font-size:24px;line-height:.7}
.pog-feed-game-close strong{font-size:10px;font-weight:950;letter-spacing:.1em;line-height:1}
.pog-feed-landscape-note{
  position:absolute;
  z-index:5;
  right:max(10px,env(safe-area-inset-right));
  top:max(10px,env(safe-area-inset-top));
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:rgba(255,255,255,.82);
  background:rgba(0,0,0,.45);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  pointer-events:none;
}
/* iOS and browsers that refuse orientation locking still get a true
   landscape-sized player surface while the phone remains physically portrait. */
@media (orientation:portrait) and (pointer:coarse){
  .pog-feed-game-layer.pog-feed-force-landscape .pog-feed-game-stage{
    position:absolute;
    left:50%;
    top:50%;
    width:100dvh;
    height:100vw;
    transform:translate(-50%,-50%) rotate(90deg);
    transform-origin:center;
  }
}
@media(prefers-reduced-motion:reduce){
  html.pog-v3 body.items.index .thumb-img-container > .pog-mobile-preview{transition:none!important}
}

/* ===== 2026-09-13 mobile home horizontal-stability hotfix =====
   The home page has extra full-width hero/category rails that are absent from
   normal category listings. Keep those rails inside the mobile canvas so a
   vertical fling cannot produce a small left/right page wobble. Deliberate
   inner horizontal scrollers (category/nav rails) keep their own scrolling. */
@media (max-width:780px) and (pointer:coarse){
  html.pog-v3 body[data-page-type="home"]{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overflow-x:clip!important;
    overscroll-behavior-x:none!important;
  }

  html.pog-v3 body[data-page-type="home"] > .container,
  html.pog-v3 body[data-page-type="home"] .container,
  html.pog-v3 body[data-page-type="home"] .body,
  html.pog-v3 body[data-page-type="home"] .items-container,
  html.pog-v3 body[data-page-type="home"] .pog-featured-v3,
  html.pog-v3 body[data-page-type="home"] .pog-featured-v3-grid,
  html.pog-v3 body[data-page-type="home"] #items_container{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }

  /* Feed gestures are vertical only. This removes the tiny diagonal page
     drift without touching the separately scrollable category/nav rails. */
  html.pog-v3 body[data-page-type="home"] .items-container,
  html.pog-v3 body[data-page-type="home"] #items_container,
  html.pog-v3 body[data-page-type="home"] #items_container > li.item,
  html.pog-v3 body[data-page-type="home"] #items_container > .item{
    touch-action:pan-y pinch-zoom!important;
    overscroll-behavior-x:none!important;
  }

  /* The horizontal category strip must scroll inside itself rather than
     handing horizontal momentum to the page canvas. */
  html.pog-v3 body[data-page-type="home"] .pog-category-library nav{
    max-width:100%!important;
    overscroll-behavior-x:contain!important;
  }
}


/* Mobile direct-player utility rail. */
.pog-feed-game-controls{position:absolute;z-index:8;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;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
.pog-feed-game-controls.is-ready{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.pog-feed-game-controls button{display:flex;align-items:center;gap:6px;justify-content:flex-start;min-width:106px;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;background:rgba(8,5,11,.76);box-shadow:0 7px 20px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:manipulation;cursor:pointer}
.pog-feed-game-controls button:active{transform:scale(.97)}
.pog-feed-game-controls button span{width:18px;text-align:center;font-size:14px;line-height:1}
.pog-feed-game-controls button strong{font-size:8px;font-weight:950;letter-spacing:.075em;line-height:1;white-space:nowrap}
.pog-feed-game-controls button.is-active{border-color:rgba(255,255,255,.72);background:rgba(62,31,94,.82)}
@media(max-height:430px) and (orientation:landscape){.pog-feed-game-controls{gap:4px;top:max(7px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right))}.pog-feed-game-controls button{min-width:92px;min-height:30px;padding:5px 8px}.pog-feed-game-controls button strong{font-size:7px}}


/* ===== 2026-09-14 desktop homepage first-paint polish =====
   Keep the catalog geometry in the document from the start, but do not paint
   empty thumbnail shells before the first desktop row is actually ready.
   Header, navigation, sidebar and other page chrome remain immediately visible. */
@media (min-width:781px){
  html.pog-v3 body.items.index[data-page-type="home"] #items_container:not(.pog-desktop-grid-ready){
    visibility:hidden!important;
    opacity:0!important;
  }
  html.pog-v3 body.items.index[data-page-type="home"] #items_container.pog-desktop-grid-ready{
    visibility:visible!important;
    opacity:1!important;
    transition:opacity .16s ease-out!important;
  }
}

@media (min-width:781px) and (prefers-reduced-motion:reduce){
  html.pog-v3 body.items.index[data-page-type="home"] #items_container.pog-desktop-grid-ready{
    transition:none!important;
  }
}