/* The provider games lobby (public/games.js): an arcade look of its own, indigo with bright tiles.
   .pv-page = the page /games; .pv-lobby = the lobby itself (also inside Home on a provider-games-only site);
   .pv-layer = the sheet, the game frame and the message, above everything. */
.pv-page, .pv-page body { margin: 0; height: 100%; }
.pv-page body { background: #0c1035; color: #eef2ff; font: 15px/1.4 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-tap-highlight-color: transparent; }
.pv-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 12px; padding: 12px 16px; padding-top: max(12px, env(safe-area-inset-top)); background: linear-gradient(180deg, #2b2f8f, #1a1d63); border-bottom: 1px solid rgba(125,211,252,.3); }
.pv-top h1 { margin: 0; font-size: 17px; flex: 1; }
.pv-back { color: #bae6fd; text-decoration: none; font-weight: 700; padding: 6px 4px; }
.pv-main { max-width: 980px; margin: 0 auto; padding: 14px 16px 40px; }

.pv-lobby, .pv-layer { color: #eef2ff; font: 15px/1.4 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.pv-lobby *, .pv-layer * { box-sizing: border-box; }
.pv-lobby [hidden], .pv-layer [hidden] { display: none !important; }
.pv-mode { background: #7dd3fc; color: #0c1445; font-size: 11px; font-weight: 800; letter-spacing: .06em; padding: 3px 8px; border-radius: 99px; }
.pv-search input { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(125,211,252,.35); background: #141a55; color: #eef2ff; font: inherit; }
.pv-search input::placeholder { color: #94a3d8; }
.pv-search { display: flex; gap: 8px; }
.pv-search input { flex: 1; min-width: 0; }
.pv-search select { flex: none; width: 38%; max-width: 190px; padding: 12px 10px; border-radius: 12px; border: 1px solid rgba(125,211,252,.35); background: #141a55; color: #eef2ff; font: inherit; }
.pv-types { display: flex; gap: 8px; overflow-x: auto; padding: 12px 0 4px; scrollbar-width: none; }
.pv-types::-webkit-scrollbar { display: none; }
.pv-types button { flex: none; border: 1px solid rgba(125,211,252,.35); background: transparent; color: #c7d2fe; font: inherit; font-weight: 700; padding: 8px 14px; border-radius: 99px; cursor: pointer; }
.pv-types button small { opacity: .7; font-weight: 600; margin-left: 4px; }
.pv-types button.active { background: #7dd3fc; border-color: #7dd3fc; color: #0c1445; }
.pv-note { color: #a5b4fc; margin: 14px 0; text-align: center; }
.pv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 10px; margin-top: 10px; }
.pv-game { border: 0; padding: 0; margin: 0; background: #141a55; color: #eef2ff; border-radius: 12px; overflow: hidden; text-align: left; cursor: pointer; font: inherit; display: flex; flex-direction: column; min-width: 0; }
.pv-game:active { transform: scale(.97); }
.pv-pic { aspect-ratio: 4 / 3; background: linear-gradient(135deg, #3b40b5, #1a1d63); display: grid; place-items: center; font-size: 30px; font-weight: 800; color: #bae6fd; overflow: hidden; }
.pv-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pv-game b { font-size: 12.5px; padding: 7px 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-game small { font-size: 11px; color: #94a3d8; padding: 0 8px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-more { display: block; margin: 18px auto 0; padding: 11px 22px; border-radius: 99px; border: 1px solid #7dd3fc; background: transparent; color: #bae6fd; font: inherit; font-weight: 700; cursor: pointer; }

.pv-sheet { position: fixed; inset: 0; z-index: 100000; background: rgba(4,6,30,.7); display: flex; align-items: flex-end; justify-content: center; }
.pv-sheet-box { width: 100%; max-width: 460px; background: #1a1d63; border-radius: 18px 18px 0 0; padding: 20px 16px max(20px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 10px; }
.pv-sheet-box b { font-size: 17px; }
.pv-sheet-box small { color: #a5b4fc; margin-top: -6px; }
.pv-btn { border: 0; border-radius: 12px; padding: 13px; font: inherit; font-weight: 800; cursor: pointer; }
.pv-btn.pv-real { background: linear-gradient(180deg, #e0f2fe, #7dd3fc); color: #0c1445; }
.pv-btn.pv-demo { background: #3b40b5; color: #fff; }
.pv-btn.pv-plain { background: transparent; color: #a5b4fc; }
.pv-player { position: fixed; inset: 0; z-index: 100001; background: #000; display: flex; flex-direction: column; }
.pv-player-bar { display: flex; align-items: center; gap: 10px; padding: 8px 12px; padding-top: max(8px, env(safe-area-inset-top)); background: #1a1d63; }
.pv-player-bar button { border: 0; background: transparent; color: #bae6fd; font: inherit; font-weight: 700; padding: 6px 4px; cursor: pointer; }
.pv-player-bar b { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.pv-player iframe { flex: 1; width: 100%; border: 0; background: #000; }
.pv-toast { position: fixed; left: 50%; bottom: 84px; transform: translateX(-50%); z-index: 100002; background: #eef2ff; color: #0c1445; padding: 10px 16px; border-radius: 12px; font-weight: 700; max-width: 90vw; text-align: center; }
html.pv-playing, html.pv-playing body { overflow: hidden; }

/* A provider-games-only site (brand pack "providerOnly"): Home is the lobby; our own games and their extras are hidden */
html.provider-only #tab-home .games > .gcard, html.provider-only #promoSlider, html.provider-only #livePill,
html.provider-only #winsTitle, html.provider-only #winsFeed { display: none !important; }
html.provider-only #tab-home .games { display: block; }