:root:root body .story-body .pe-catalog{margin:36px 0;padding:24px;background:linear-gradient(135deg,#123e43,#092d34);border:1px solid #267078;border-radius:16px;box-shadow:0 10px 28px #103e4315;color:#fff;overflow:hidden;isolation:isolate;scroll-margin-top:110px}
:root:root body .pe-catalog .pe-catalog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
:root:root body .pe-catalog .pe-catalog-kicker{display:block;color:#80ddd0;font:700 10px/1.3 'Open Sans',sans-serif;letter-spacing:.16em;margin-bottom:8px}
:root:root body .pe-catalog h2{margin:0;padding:0;border:0;background:none;color:#fff!important;font:800 clamp(23px,3vw,31px)/1.15 'Open Sans',sans-serif;letter-spacing:-.025em}
:root:root body .pe-catalog h2::before,:root:root body .pe-catalog h2::after{display:none}
:root:root body .pe-catalog .pe-catalog-tools{display:flex;align-items:center;gap:10px;flex:none}
:root:root body .pe-catalog button{cursor:pointer;font-family:inherit}
:root:root body .pe-catalog .pe-catalog-pause{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #44868a;border-radius:50%;background:#1d5056;color:white;font-size:16px;line-height:1}
:root:root body .pe-catalog .pe-catalog-pause[aria-pressed=true]{background:#37ad99;color:#062e34}
:root:root body .pe-catalog .pe-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
:root:root body .pe-catalog a.pe-game{display:flex;flex-direction:column;position:relative;min-width:0;overflow:hidden;background:#16474d;color:#fff;border:1px solid #3c7176;border-radius:10px;text-decoration:none;box-shadow:0 3px 9px #0002;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .18s ease}
:root:root body .pe-catalog .pe-game-art{display:block;position:relative;overflow:hidden;aspect-ratio:1.62;background:#071f2d}
:root:root body .pe-catalog .pe-game img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0;transition:filter .2s ease,transform .3s ease}
:root:root body .pe-catalog .pe-game-info{display:flex;flex-direction:column;padding:10px 12px 11px;gap:4px;flex:1;min-width:0}
:root:root body .pe-catalog .pe-game-info strong{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
:root:root body .pe-catalog .pe-game-provider{font-size:10px;line-height:1.35;color:#b1cccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root:root body .pe-catalog .pe-game-rtp{font-size:10px;line-height:1.45;color:#afcbc9;margin-top:3px;min-height:15px}
:root:root body .pe-catalog .pe-game-rtp b{font-weight:700;color:#8ee8d0}
:root:root body .pe-catalog .pe-game-badge{position:absolute;z-index:2;left:7px;top:7px;display:block;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:800;line-height:1.4;box-shadow:0 2px 8px #0005}
:root:root body .pe-catalog .pe-game-badge--hot{color:#fff7e8;background:#bf3820;border:1px solid #ffb079}
:root:root body .pe-catalog .pe-game-badge--cold{color:#f3fcff;background:#166b9b;border:1px solid #9bddff}
:root:root body .pe-catalog .pe-game-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:14px;font-weight:800;opacity:0;background:#04282b66;transition:opacity .2s}
:root:root body .pe-catalog .pe-game-play>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#de424b;color:#fff;font-size:14px;box-shadow:0 0 0 5px #de424b33}
:root:root body .pe-catalog .pe-game:focus-visible{outline:3px solid #ffe19a;outline-offset:3px}
:root:root body .pe-catalog .pe-game:focus-visible .pe-game-play{opacity:1}
:root:root body .pe-catalog .pe-game:focus-visible img{filter:brightness(.65)}
@media(hover:hover){:root:root body .pe-catalog .pe-game:hover{transform:translateY(-3px);border-color:#6edfcc;box-shadow:0 7px 18px #0004}:root:root body .pe-catalog .pe-game:hover img{transform:scale(1.025);filter:brightness(.65)}:root:root body .pe-catalog .pe-game:hover .pe-game-play{opacity:1}}
:root:root body .pe-catalog .pe-game.is-changing{opacity:0;transform:translateY(5px)}
:root:root body .pe-catalog .pe-catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}
:root:root body .pe-catalog .pe-catalog-count{font-size:11px;color:#b9d2d3}
:root:root body .pe-catalog .pe-catalog-more{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:11px 18px;border:1px solid #79c8bb;border-radius:7px;background:#1d645f;color:#fff;font-size:12px;font-weight:700;min-height:44px;transition:background .2s}
:root:root body .pe-catalog .pe-catalog-more:hover{background:#267c72}
:root:root body .pe-catalog button:focus-visible{outline:3px solid #ffe19a;outline-offset:3px}
@media(max-width:600px){:root:root body .story-body .pe-catalog{padding:14px 10px;margin:24px 0;border-radius:12px}:root:root body .pe-catalog .pe-catalog-header{gap:8px;margin-bottom:14px;align-items:flex-start}:root:root body .pe-catalog h2{font-size:23px}:root:root body .pe-catalog .pe-catalog-grid{gap:7px}:root:root body .pe-catalog .pe-game-art{aspect-ratio:1.25}:root:root body .pe-catalog .pe-game-info{padding:7px 6px;gap:3px}:root:root body .pe-catalog .pe-game-info strong{font-size:10px}:root:root body .pe-catalog .pe-game-provider,:root:root body .pe-catalog .pe-game-rtp{font-size:8px}:root:root body .pe-catalog .pe-game-rtp{min-height:24px}:root:root body .pe-catalog .pe-game-badge{top:4px;left:3px;font-size:7px;padding:3px 4px}:root:root body .pe-catalog .pe-catalog-more{padding:10px 12px;font-size:11px;gap:8px}:root:root body .pe-catalog .pe-catalog-count{font-size:10px}:root:root body .pe-catalog .pe-game-play{font-size:11px;gap:5px}:root:root body .pe-catalog .pe-game-play>span{width:24px;height:24px;font-size:10px}}
@media(prefers-reduced-motion:reduce){:root:root body .pe-catalog *{transition:none!important;animation:none!important}:root:root body .pe-catalog .pe-game:hover{transform:none}}
@media(max-width:600px){:root:root body .pe-catalog .pe-catalog-footer{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px}:root:root body .pe-catalog .pe-catalog-more{min-width:160px}}


:root:root body .story-body .pe-catalog{scroll-margin-top:44px}

/* Give the covers a clear play affordance and animate only visible catalogs. */
:root:root body .pe-catalog a.pe-game{transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease,opacity .18s ease}
:root:root body .pe-catalog .pe-game img{transition:filter .28s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
:root:root body .pe-catalog .pe-game-art::before{content:'▶';position:absolute;right:8px;bottom:8px;z-index:1;display:grid;place-items:center;width:29px;height:29px;padding-left:2px;border:1px solid #ffffffbd;border-radius:50%;background:#b80d1ed9;box-shadow:0 3px 12px #21050a99;color:#fff;font-size:11px;line-height:1;pointer-events:none;transition:opacity .18s ease,transform .24s ease}
:root:root body .pe-catalog .pe-game-art::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(112deg,transparent 25%,#ffffff2b 47%,transparent 67%);transform:translateX(-145%);pointer-events:none}
:root:root body .pe-catalog .pe-game-badge{z-index:4}
:root:root body .pe-catalog .pe-game-play{z-index:3;transform:translateY(6px);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
:root:root body .pe-catalog .pe-game:focus-visible .pe-game-play{transform:none;transition:none}
:root:root body .pe-catalog .pe-game:focus-visible .pe-game-art::before{opacity:0}
:root:root body .pe-catalog.is-in-view .pe-game:nth-child(-n+9){animation:pe-game-enter .34s backwards cubic-bezier(.2,.8,.2,1);animation-delay:var(--pe-enter-delay,0ms)}
:root:root body .pe-catalog .pe-game.is-arriving{animation:pe-game-enter .32s backwards cubic-bezier(.2,.8,.2,1)!important;animation-delay:0ms!important}
:root:root body .pe-catalog .pe-game.is-arriving .pe-game-art::after{animation:pe-game-sheen .65s .08s backwards ease-out}
@keyframes pe-game-enter{from{opacity:.4;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pe-game-sheen{from{transform:translateX(-145%)}to{transform:translateX(145%)}}
@media(hover:hover) and (pointer:fine){
  :root:root body .pe-catalog .pe-game:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 12px 24px #1b040a8a,0 0 0 1px #fff5}
  :root:root body .pe-catalog .pe-game:hover img{transform:scale(1.075);filter:brightness(.65) saturate(1.12)}
  :root:root body .pe-catalog .pe-game:hover .pe-game-play{opacity:1;transform:none}
  :root:root body .pe-catalog .pe-game:hover .pe-game-art::before{opacity:0;transform:scale(.7)}
  :root:root body .pe-catalog .pe-game:hover .pe-game-art::after{transform:translateX(145%);transition:transform .6s ease-out}
  :root:root body .pe-catalog .pe-game:active{transform:translateY(-1px) scale(.985)}
}
@media(prefers-reduced-motion:reduce){
  :root:root body .pe-catalog .pe-game,:root:root body .pe-catalog .pe-game img,:root:root body .pe-catalog .pe-game-art::before,:root:root body .pe-catalog .pe-game-art::after,:root:root body .pe-catalog .pe-game-play{animation:none!important;transition:none!important}
  :root:root body .pe-catalog .pe-game:hover,:root:root body .pe-catalog .pe-game:hover img{transform:none!important}
  :root:root body .pe-catalog .pe-game:hover .pe-game-art::after{transform:translateX(-145%)!important}
}