html.g22-booting body.g22-custom-chrome .lucide,html.g22-booting body.g22-custom-chrome [data-lucide],html.g22-booting body.g22-custom-chrome svg{transition:none!important;animation:none!important;}body.g22-custom-chrome { overflow-x: hidden; }body.g22-custom-chrome.g22-demo-guard-active #root main { visibility: hidden !important; }body.g22-custom-chrome .min-h-\[390px\] { min-height: 400px !important; }body.g22-custom-chrome .pb-4 { padding-bottom: 0rem !important; }body.g22-custom-chrome .text-sm { font-size: .85rem !important; }body.g22-preloader-active { overflow: hidden !important; }#g22-entry-preloader { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 20%, rgba(152,102,255,.18), rgba(5,7,12,.96) 42%), linear-gradient(180deg, rgba(9,11,18,.98), rgba(6,8,14,.98)); opacity: 1; visibility: visible; transition: opacity .26s ease, visibility .26s ease; }#g22-entry-preloader.g22-hide { opacity: 0; visibility: hidden; pointer-events: none; }#g22-entry-preloader .g22-preloader-shell { display: grid; justify-items: center; gap: .68rem; width: min(84vw, 260px); }#g22-entry-preloader .g22-preloader-logo { width: 56px; height: 56px; object-fit: cover; border-radius: 999px; border: 2px solid rgba(170,123,255,.55); box-shadow: 0 0 0 5px rgba(113,63,180,.2); animation: g22Pulse 1.1s ease-in-out infinite; }#g22-entry-preloader .g22-preloader-brand { font-size: .88rem; font-weight: 800; letter-spacing: .14em; color: #e9e5ff; }#g22-entry-preloader .g22-preloader-track { width: 100%; height: 5px; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.14); }#g22-entry-preloader .g22-preloader-fill { display: block; width: 38%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6c2cf2, #8f3dff, #4fa3ff); animation: g22Load 1s ease-in-out infinite; }@keyframes g22Pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }@keyframes g22Load { 0% { transform: translateX(-110%); } 100% { transform: translateX(330%); } }@keyframes g22HeaderLivePulse { 0%,100% { transform: scale(1); opacity: .82; filter: drop-shadow(0 0 0 rgba(239,68,68,0)); } 50% { transform: scale(1.18); opacity: 1; filter: drop-shadow(0 0 8px rgba(239,68,68,.42)); } }body.g22-custom-chrome .g22-custom-header { position: fixed !important; left: 0; right: 0; top: 0; height: 72px !important; padding: 0 1rem 0 calc(var(--sidebar-width, 16rem) + 1rem) !important; background: hsl(var(--card)) !important; border-bottom: 1px solid hsl(var(--border)) !important; backdrop-filter: none; z-index: 120 !important; }body.g22-custom-chrome .g22-custom-header, body.g22-custom-chrome [data-sidebar='sidebar'], #g22-mobile-nav { transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease; }body.g22-custom-chrome .g22-nav-block { animation: none; }body.g22-custom-chrome [data-sidebar='sidebar'] a,body.g22-custom-chrome [data-sidebar='sidebar'] button,body.g22-custom-chrome [data-sidebar='sidebar'] [role='button'],body.g22-custom-chrome [data-sidebar='sidebar'] a *,body.g22-custom-chrome [data-sidebar='sidebar'] button *,body.g22-custom-chrome [data-sidebar='sidebar'] [role='button'] *{transition-delay:0s!important;animation-delay:0s!important;}@keyframes g22NavIn { from { opacity: 0; transform: translate3d(0, -6px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }body.g22-custom-chrome .g22-main-column { padding-top: 72px !important; }@media (min-width: 768px) { body.g22-custom-chrome .group.peer.hidden.text-sidebar-foreground.md:block > .relative.h-svh.w-[--sidebar-width], body.g22-custom-chrome .group.peer.hidden.text-sidebar-foreground.md:block > .fixed.inset-y-0.z-10.hidden.h-svh.w-[--sidebar-width] { transition: none !important; } body.g22-custom-chrome .group.peer.hidden.text-sidebar-foreground.md:block > .relative.h-svh.w-[--sidebar-width] { width: var(--sidebar-width, 16rem) !important; min-width: var(--sidebar-width, 16rem) !important; height: calc(100svh - 72px) !important; } body.g22-custom-chrome .group.peer.hidden.text-sidebar-foreground.md:block > .fixed.inset-y-0.z-10.hidden.h-svh.w-[--sidebar-width] { top: 72px !important; bottom: auto !important; height: calc(100svh - 72px) !important; width: var(--sidebar-width, 16rem) !important; } }body.g22-custom-chrome [data-sidebar='trigger'],body.g22-custom-chrome [data-sidebar='rail'] { display: none !important; }body.g22-custom-chrome.g22-age-gate-open header,body.g22-custom-chrome.g22-age-gate-open .g22-custom-header,body.g22-custom-chrome.g22-age-gate-open [data-sidebar='sidebar'] { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }body.g22-custom-chrome.g22-age-gate-open #g22-mobile-nav { display: none !important; }body.g22-custom-chrome .g22-header-left { min-width: 0; }body.g22-custom-chrome .g22-brand { display: inline-flex; align-items: center; gap: .75rem; min-width: 0; }body.g22-custom-chrome .g22-brand-link { text-decoration: none; color: inherit; }body.g22-custom-chrome .g22-brand-avatar { width: 42px; height: 42px; border-radius: 9999px; object-fit: cover; border: 2px solid #2f3444; box-shadow: 0 0 0 3px rgba(14,18,28,.66); }body.g22-custom-chrome .g22-brand-copy { min-width: 0; line-height: 1; }body.g22-custom-chrome .g22-brand-row { display: inline-flex; align-items: center; gap: .42rem; }body.g22-custom-chrome .g22-brand-wordmark { display: block; width: auto !important; height: 23px !important; max-height: none !important; }body.g22-custom-chrome .g22-verified { display: inline-flex; align-items: center; justify-content: center; }body.g22-custom-chrome .g22-verified svg { width: 16px; height: 16px; display: block; }body.g22-custom-chrome .g22-brand-sub { margin-top: 0rem !important; display: flex; align-items: center; gap: .34rem; min-height: .72rem; width: fit-content; font-size: .72rem; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #8f96ab; }body.g22-custom-chrome .g22-brand-sub.g22-live { color: #ef4444; }body.g22-custom-chrome .g22-brand-sub-icon { display: inline-flex; align-items: center; justify-content: center; color: currentColor; flex: 0 0 auto; }body.g22-custom-chrome .g22-brand-sub-icon svg { width: 12px; height: 12px; display: block; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-brand-sub.g22-live .g22-brand-sub-icon { animation: none; transform-origin: center; will-change: auto; }body.g22-custom-chrome .g22-header-right { margin-left: auto; display: flex; align-items: center; justify-content: flex-end; gap: .5rem; min-width: 248px; }body.g22-custom-chrome .g22-hide-control { display: none !important; }body.g22-custom-chrome .g22-bell-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border-radius: 10px; border: 0; background: transparent; color: #c7ccda; }body.g22-custom-chrome .g22-bell-btn:hover { color: #fff; }body.g22-custom-chrome .g22-bell-btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-bell-btn { position: relative; }body.g22-custom-chrome .g22-bell-btn .g22-bell-badge { position: absolute; top: -3px; right: 2px; min-width: 16px; height: 16px; border-radius: 999px; padding: 0 4px; display: inline-flex; align-items: center; justify-content: center; font-size: .62rem; font-weight: 800; color: #fff; background: #8b39ff; border: 1px solid rgba(0,0,0,.35); line-height: 1; }body.g22-custom-chrome .g22-notif-panel { position: fixed; z-index: 9994; width: min(265px, calc(100vw - 20px)); max-height: min(74vh, 460px); border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgb(10 10 10 / 98%), rgb(10 10 10 / 98%)); overflow: hidden; display: none; }body.g22-custom-chrome .g22-notif-panel.g22-open { display: block; }body.g22-custom-chrome .g22-notif-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .54rem .7rem; border-bottom: 1px solid rgba(255,255,255,.07); }body.g22-custom-chrome .g22-notif-title { margin: 0; font-size: .82rem; font-weight: 800; color: #f2f4fa; letter-spacing: 0; }body.g22-custom-chrome .g22-notif-mark-all { border: 0; background: transparent; color: #9ca3b5; font-size: .66rem; font-weight: 700; cursor: pointer; padding: 0; }body.g22-custom-chrome .g22-notif-mark-all:disabled { opacity: .45; cursor: default; }body.g22-custom-chrome .g22-notif-mark-all:hover { color: #fff; }body.g22-custom-chrome .g22-notif-list { display: grid; max-height: min(66vh, 390px); overflow-y: auto; }body.g22-custom-chrome .g22-notif-item { width: 100%; border: 0; border-top: 1px solid rgba(255,255,255,.05); background: transparent; color: inherit; display: grid; grid-template-columns: 30px 1fr auto; gap: .44rem; align-items: center; text-align: left; padding: .48rem .7rem; cursor: pointer; }body.g22-custom-chrome .g22-notif-item:first-child { border-top: 0; }body.g22-custom-chrome .g22-notif-item:hover { background: rgba(255,255,255,.04); }body.g22-custom-chrome .g22-notif-item-icon { width: 30px; height: 30px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); display: inline-flex; align-items: center; justify-content: center; color: #b6bdcc; }body.g22-custom-chrome .g22-notif-item-icon svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-notif-item-copy { min-width: 0; display: grid; gap: .08rem; }body.g22-custom-chrome .g22-notif-item-title { font-size: .76rem; font-weight: 700; color: #e8ebf5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-notif-item-meta { font-size: .67rem; color: #969eb0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-notif-item-dot { width: 5px; height: 5px; border-radius: 999px; background: #8b39ff; }body.g22-custom-chrome .g22-notif-empty { padding: .82rem .7rem; color: #9aa2b4; font-size: .74rem; }body.g22-custom-chrome .g22-login-btn { min-width: 118px; justify-content: center; display: inline-flex; align-items: center; gap: .45rem; height: 34px !important; padding: 0 .86rem !important; border-radius: 10px !important; border: 1px solid #8b39ff !important; background: linear-gradient(135deg, #8f3dff 0%, #6c2cf2 100%) !important; color: #fff !important; font-size: .92rem !important; font-weight: 800 !important; letter-spacing: .02em; box-shadow: 0 2px 8px rgba(108,44,242,.22); }body.g22-custom-chrome .g22-login-btn:hover { filter: brightness(1.06); }body.g22-custom-chrome .g22-login-btn.g22-authenticated { border-color: #3a4155 !important; background: linear-gradient(135deg, #2b3244 0%, #1e2533 100%) !important; box-shadow: none; gap: .52rem; }body.g22-custom-chrome .g22-login-icon { width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; }body.g22-custom-chrome .g22-login-icon svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-login-avatar { width: 22px; height: 22px; border-radius: 9999px; object-fit: cover; border: 1px solid rgba(255,255,255,.38); flex-shrink: 0; }body.g22-custom-chrome .g22-login-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }body.g22-custom-chrome .g22-header-pts { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .38rem; min-width: 118px; height: 34px; padding: 0 .72rem; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(20,23,34,.88); color: #e8eaf5; font-size: .88rem; font-weight: 700; white-space: nowrap; flex-shrink: 0; }body.g22-custom-chrome .g22-header-pts-coin { width: 18px; height: 18px; object-fit: contain; flex-shrink: 0; }body.g22-custom-chrome .g22-header-pts-info { position: relative; border: 0; background: transparent; color: #aeb6ca; width: 18px; height: 18px; border-radius: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; cursor: help; flex-shrink: 0; }body.g22-custom-chrome .g22-header-pts-info:hover { color: #d6dcf2; }body.g22-custom-chrome .g22-header-pts-info svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-header-pts-tooltip { position: absolute; top: calc(100% + 8px); right: -60px; width: min(200px, calc(100vw - 20px)); border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, rgb(10 10 10 / 98%), rgb(10 10 10 / 98%)); color: #f2f4ff; padding: .46rem .56rem .5rem; box-shadow: 0 16px 32px rgba(0,0,0,.5); opacity: 0; transform: translateY(-6px); pointer-events: none; transition: opacity .15s ease, transform .15s ease; z-index: 9995; white-space: normal; line-height: 1.3; }body.g22-custom-chrome .g22-header-pts-info:hover .g22-header-pts-tooltip, body.g22-custom-chrome .g22-header-pts-info:focus-visible .g22-header-pts-tooltip { opacity: 1; transform: translateY(0); }body.g22-custom-chrome .g22-header-pts-tooltip-title { display: inline-flex; align-items: center; gap: .26rem; margin-bottom: .22rem; font-size: .72rem; font-weight: 800; color: #f2f4ff; }body.g22-custom-chrome .g22-header-pts-tooltip-title svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-header-pts-tooltip-body { display: block; font-size: .68rem; color: #c9d1e8; }body.g22-custom-chrome .g22-header-pts-refresh { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 0; background: transparent; color: #7a82a0; cursor: pointer; border-radius: 4px; padding: 0; }body.g22-custom-chrome .g22-header-pts-refresh:hover { color: #fff; }body.g22-custom-chrome .g22-header-pts-refresh svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-header-avatar-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9999px; border: 0; background: transparent; padding: 0; cursor: pointer; overflow: hidden; flex-shrink: 0; text-decoration: none; }body.g22-custom-chrome .g22-header-avatar-btn:hover { border-color: transparent; }body.g22-custom-chrome .g22-header-avatar-btn img { width: 36px; height: 36px; min-width: 36px; min-height: 36px; object-fit: cover; border-radius: 9999px; display: block; flex-shrink: 0; }body.g22-custom-chrome .g22-logout-btn { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 .88rem; border-radius: 10px; border: 1px solid rgba(255,255,255,.18); background: rgba(26,28,38,.9); color: #d4d8ec; font-size: .82rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; flex-shrink: 0; transition: background .18s ease, border-color .18s ease; }body.g22-custom-chrome .g22-logout-btn:hover { background: rgba(40,43,58,.95); border-color: rgba(255,255,255,.28); color: #fff; }body.g22-custom-chrome .g22-logout-btn .g22-logout-text { display: inline; }body.g22-custom-chrome .g22-logout-btn .g22-logout-icon { display: none; width: 18px; height: 18px; }@media (max-width: 768px) { body.g22-custom-chrome .g22-logout-btn { padding: 0 .6rem; } body.g22-custom-chrome .g22-logout-btn .g22-logout-text { display: none; } body.g22-custom-chrome .g22-logout-btn .g22-logout-icon { display: block; } }body.g22-custom-chrome .g22-community-icon { width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; color: #cdd2df; margin-right: .42rem; vertical-align: middle; }body.g22-custom-chrome .g22-community-icon svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }body.g22-custom-chrome .g22-community-card-badge { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: #d6dcef; }body.g22-custom-chrome .g22-community-card-badge svg { width: 24px; height: 24px; fill: currentColor; stroke: none; }body.g22-custom-chrome .g22-community-card-badge-instagram { color: #f472b6; }body.g22-custom-chrome .g22-community-card-badge-telegram { color: #38bdf8; }body.g22-custom-chrome .g22-community-card-badge-youtube { color: #ef4444; }body.g22-custom-chrome .g22-community-card-badge-discord { color: #818cf8; }body.g22-custom-chrome .g22-community-card-badge-twitch { color: #a78bfa; }body.g22-custom-chrome .g22-page-title-divider { height: 1px; width: 100%; margin: 1.1rem 0 1rem; background: hsl(var(--border)); }body.g22-custom-chrome .g22-section-heading-inline { display: inline-flex; align-items: center; gap: .58rem; flex-wrap: wrap; }body.g22-custom-chrome .g22-section-heading-icon { display: inline-flex; align-items: center; justify-content: center; color: var(--g22-heading-icon, currentColor); flex-shrink: 0; }body.g22-custom-chrome .g22-section-heading-icon svg { width: 1.08em; height: 1.08em; display: block; }body.g22-custom-chrome .g22-hero-twitch-icon { display: inline-flex; align-items: center; justify-content: center; width: .9em; height: .9em; margin-right: .34rem; vertical-align: -0.1em; color: #a970ff; }body.g22-custom-chrome .g22-hero-twitch-icon svg { width: 100%; height: 85%; display: block; }body.g22-custom-chrome .g22-staggered-text { display: inline-flex; flex-wrap: wrap; gap: .26em; }body.g22-custom-chrome .g22-staggered-text .g22-stagger-word { opacity: 1; transform: none; filter: none; transition: none; transition-delay: 0s; }body.g22-custom-chrome .g22-staggered-text.g22-stagger-visible .g22-stagger-word { opacity: 1; transform: none; filter: none; }body.g22-custom-chrome .g22-se-points-wrap { margin-bottom: 1rem; border: 1px solid hsl(var(--border)); border-radius: .8rem; background: linear-gradient(180deg, rgba(15,18,28,.92), rgba(10,12,19,.92)); overflow: hidden; }body.g22-custom-chrome .g22-se-points-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .68rem .78rem; border-bottom: 1px solid rgba(255,255,255,.08); }body.g22-custom-chrome .g22-se-points-title { margin: 0; font-size: .9rem; font-weight: 800; color: #eef1fa; }body.g22-custom-chrome .g22-se-points-sub { font-size: .72rem; color: #96a0b7; }body.g22-custom-chrome .g22-se-points-table { width: 100%; border-collapse: collapse; }body.g22-custom-chrome .g22-se-points-table th, body.g22-custom-chrome .g22-se-points-table td { padding: .56rem .78rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,.06); font-size: .78rem; }body.g22-custom-chrome .g22-se-points-table th { font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: #93a0ba; font-weight: 700; }body.g22-custom-chrome .g22-se-points-table td { color: #eef2ff; font-weight: 600; }body.g22-custom-chrome .g22-se-points-table tr:last-child td { border-bottom: 0; }body.g22-custom-chrome .g22-list-item { opacity: 1; transform: none; transition: none; transition-delay: 0s; }body.g22-custom-chrome .g22-list-item.g22-list-item-visible { opacity: 1; transform: none; }body.g22-custom-chrome .g22-se-points-rank { width: 56px; color: #b8c2d9; }body.g22-custom-chrome .g22-se-points-watch { color: #d5dcf0; }body.g22-custom-chrome .g22-se-points-points { color: #fef3c7; }body.g22-custom-chrome .g22-se-points-empty { padding: .86rem .78rem; font-size: .82rem; color: #a9b3ca; }body.g22-custom-chrome .g22-points-compact .g22-points-row { font-size: .82rem; line-height: 1.25; }body.g22-custom-chrome .g22-points-compact .g22-points-row .g22-rank { font-size: .86rem; }body.g22-custom-chrome .g22-points-compact .g22-points-row .g22-name { font-size: .84rem; font-weight: 600; }body.g22-custom-chrome .g22-points-compact .g22-points-row .g22-watch { font-size: .8rem; }body.g22-custom-chrome .g22-points-compact .g22-points-row .g22-points { font-size: .84rem; font-weight: 700; }body.g22-custom-chrome .g22-points-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .32rem; margin-top: .72rem; }body.g22-custom-chrome .g22-points-page-btn { height: 1.9rem; min-width: 1.9rem; padding: 0 .48rem; border-radius: .45rem; border: 1px solid hsl(var(--border)); background: hsl(var(--secondary)); color: hsl(var(--muted-foreground)); font-size: .72rem; font-weight: 600; }body.g22-custom-chrome .g22-points-page-btn:hover { color: #fff; border-color: #4d546a; }body.g22-custom-chrome .g22-points-page-btn.g22-active { background: rgba(135,71,255,.16); border-color: rgba(165,116,255,.58); color: #d7c8ff; }body.g22-custom-chrome .g22-points-page-btn:disabled { opacity: .5; cursor: default; }body.g22-custom-chrome .g22-points-meta { margin-top: .4rem; text-align: center; font-size: .72rem; color: #97a2ba; }body.g22-custom-chrome .g22-bh-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .62rem; margin: 0 0 .7rem; padding: .54rem .62rem; border: 1px solid hsl(var(--border)); border-radius: .7rem; background: transparent; }body.g22-custom-chrome .g22-bh-status { display: inline-flex; align-items: center; gap: .46rem; min-width: 0; color: #d8deef; font-size: .76rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }body.g22-custom-chrome .g22-bh-status-dot { width: .55rem; height: .55rem; border-radius: 999px; background: #4b5563; box-shadow: 0 0 0 4px rgba(75,85,99,.18); flex-shrink: 0; }body.g22-custom-chrome .g22-bh-status-dot.g22-opening { background: #10b981; box-shadow: 0 0 0 4px rgba(16,185,129,.16); }body.g22-custom-chrome .g22-bh-status-dot.g22-collecting { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245,158,11,.16); }body.g22-custom-chrome .g22-bh-status-sub { color: #9da7bf; text-transform: none; letter-spacing: 0; font-size: .72rem; font-weight: 600; }body.g22-custom-chrome .g22-bh-tabs { display: inline-flex; align-items: center; gap: .4rem; }body.g22-custom-chrome .g22-bh-tab { height: 30px; border-radius: .54rem; border: 1px solid hsl(var(--border)); background: rgb(18 18 18 / 86%); color: #bdc7df; font-size: .73rem; font-weight: 700; padding: 0 .64rem; }body.g22-custom-chrome .g22-bh-tab:hover { color: #f4f6ff; border-color: #4f596f; }body.g22-custom-chrome .g22-bh-tab.g22-active { color: #f4f6ff; border-color: rgba(148,163,184,.44); background: rgba(71,85,105,.22); }body.g22-custom-chrome .g22-bh-slot-fallback { display: flex; align-items: center; gap: .58rem; min-width: 0; }body.g22-custom-chrome .g22-bh-slot-fallback img { width: 40px; height: 40px; border-radius: .56rem; border: 1px solid hsl(var(--border)); object-fit: cover; background: rgba(10,13,20,.9); flex-shrink: 0; }body.g22-custom-chrome .g22-bh-slot-thumb-empty { display: inline-flex; align-items: center; justify-content: center; color: #8ea0c4; }body.g22-custom-chrome .g22-bh-slot-thumb-empty svg { width: 18px; height: 18px; stroke: currentColor; }body.g22-custom-chrome .g22-bh-slot-fallback-copy { min-width: 0; display: grid; gap: .12rem; }body.g22-custom-chrome .g22-bh-slot-fallback-name { font-size: .84rem; color: #edf2ff; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-slot-fallback-badge { font-size: .68rem; color: #97a5c4; font-weight: 700; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-history-wrap { display: none; gap: .68rem; }body.g22-custom-chrome .g22-bh-pager { display: flex; align-items: center; justify-content: center; gap: .3rem; margin-top: .82rem; flex-wrap: wrap; }body.g22-custom-chrome .g22-bh-pager-btn { height: 1.9rem; min-width: 1.9rem; padding: 0 .52rem; border-radius: .45rem; border: 1px solid hsl(var(--border)); background: hsl(var(--secondary)); color: hsl(var(--muted-foreground)); font-size: .72rem; font-weight: 700; cursor: pointer; }body.g22-custom-chrome .g22-bh-pager-btn:hover:not(:disabled) { color: #fff; border-color: #4d546a; }body.g22-custom-chrome .g22-bh-pager-btn.g22-active { background: rgba(135,71,255,.16); border-color: rgba(165,116,255,.58); color: #d7c8ff; }body.g22-custom-chrome .g22-bh-pager-btn:disabled { opacity: .45; cursor: default; }body.g22-custom-chrome .g22-bh-history-card { border: 1px solid hsl(var(--border)); border-radius: .82rem; background: linear-gradient(180deg, rgba(14,16,24,.93), rgba(10,12,19,.93)); overflow: hidden; }body.g22-custom-chrome .g22-bh-history-head { display: flex; align-items: center; justify-content: space-between; gap: .55rem; padding: .68rem .74rem; border-bottom: 1px solid rgba(255,255,255,.06); }body.g22-custom-chrome .g22-bh-history-title { min-width: 0; }@keyframes g22-page-enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }@keyframes g22-popup-in { from { opacity: 0; transform: scale(.93) translateY(12px); } to { opacity: 1; transform: scale(1) translateY(0); } }#g22-gamble-modal { position: fixed; inset: 0; z-index: 9995; display: none; align-items: center; justify-content: center; padding: .8rem; }#g22-gamble-modal.g22-open { display: flex; }#g22-gamble-modal .g22-gm-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.84); backdrop-filter: blur(4px); }#g22-gamble-modal .g22-gm-dialog { position: relative; z-index: 1; width: min(95vw, 460px); border-radius: 22px; border: 1px solid rgba(149,98,255,.72); background: linear-gradient(180deg,rgba(10,13,22,.98),rgba(7,9,15,.98)); box-shadow: 0 26px 54px rgba(0,0,0,.56); padding: 2rem 1.4rem 1.4rem; text-align: center; }#g22-gamble-modal .g22-gm-close { position: absolute; right: .6rem; top: .5rem; width: 30px; height: 30px; border: 0; background: transparent; color: #9da8c4; font-size: 1.2rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }#g22-gamble-modal .g22-gm-close:hover { color: #fff; background: rgba(255,255,255,.08); }#g22-gamble-modal .g22-gm-icon { width: 52px; height: 52px; border-radius: 50%; background: rgba(149,98,255,.18); border: 1px solid rgba(149,98,255,.35); display: flex; align-items: center; justify-content: center; margin: 0 auto .9rem; }#g22-gamble-modal .g22-gm-icon svg { width: 26px; height: 26px; stroke: #9b72f0; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }#g22-gamble-modal .g22-gm-title { font-size: 1.35rem; font-weight: 900; color: #fff; letter-spacing: -.02em; margin-bottom: .5rem; }#g22-gamble-modal .g22-gm-sub { color: #9da8c4; font-size: .9rem; line-height: 1.5; max-width: 360px; margin: 0 auto .2rem; }#g22-gamble-modal .g22-gm-continue { margin-top: 1.2rem; height: 46px; min-width: 160px; padding: 0 1.4rem; border: 0; border-radius: 10px; background: linear-gradient(90deg,#8e41ff 0%,#3f6cff 100%); color: #fff; font-size: .95rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; box-shadow: 0 10px 28px rgba(67,97,255,.32); }#g22-gamble-modal .g22-gm-continue:hover { filter: brightness(1.08); }#g22-site-popup { position: fixed; inset: 0; z-index: 9996; display: none; align-items: center; justify-content: center; padding: .8rem; }#g22-site-popup.g22-open { display: flex; }#g22-site-popup .g22-sp-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.80); backdrop-filter: blur(5px); }#g22-site-popup .g22-sp-dialog { position: relative; z-index: 1; width: min(96vw, 440px); border-radius: 20px; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.7); animation: g22-popup-in .32s cubic-bezier(.22,1,.36,1) both; }#g22-site-popup .g22-sp-close { position: absolute; right: .55rem; top: .5rem; width: 30px; height: 30px; border: 0; background: rgba(0,0,0,.5); color: #fff; font-size: 1.1rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; z-index: 2; }#g22-site-popup .g22-sp-close:hover { background: rgba(0,0,0,.7); }#g22-site-popup .g22-sp-badge { position: absolute; top: 12px; left: 12px; z-index: 2; background: rgba(0,0,0,.65); color: #fff; font-size: 11px; font-weight: 900; padding: 4px 10px; border-radius: 999px; letter-spacing: .5px; }#g22-site-popup .g22-sp-img { width: 100%; height: 170px; object-fit: cover; display: block; }#g22-site-popup .g22-sp-img-placeholder { width: 100%; height: 170px; background: linear-gradient(135deg,#1a0a2e,#3b0f6e); display: flex; align-items: center; justify-content: center; }#g22-site-popup .g22-sp-body { padding: 20px 18px 16px; background: #141520; }#g22-site-popup .g22-sp-logo { height: 50px; max-width: 160px; object-fit: contain; margin: 0 auto 10px; display: block; }#g22-site-popup .g22-sp-title { font-size: 1.5rem; font-weight: 900; color: #fff; text-align: center; letter-spacing: -.03em; line-height: 1.15; }#g22-site-popup .g22-sp-subtitle { font-size: .85rem; font-weight: 700; color: rgba(255,255,255,.65); text-align: center; margin-top: 5px; }#g22-site-popup .g22-sp-cta { display: block; width: 100%; max-width: 260px; margin: 14px auto 0; padding: 12px 0; border-radius: 12px; background: linear-gradient(90deg,#c0392b,#e74c3c); color: #fff; font-size: .9rem; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; border: none; cursor: pointer; text-decoration: none; text-align: center; }#g22-site-popup .g22-sp-cta:hover { filter: brightness(1.08); }#g22-site-popup .g22-sp-note { margin-top: 9px; text-align: center; font-size: 11.5px; color: rgba(255,255,255,.45); line-height: 1.4; }#g22-site-popup .g22-sp-code { margin-top: 9px; display: flex; align-items: center; justify-content: center; gap: 7px; background: rgba(255,255,255,.07); border-radius: 10px; padding: 8px 12px; font-size: 12px; font-weight: 700; color: rgba(255,255,255,.75); }#g22-site-popup .g22-sp-code strong { color: #fff; }body.g22-custom-chrome .g22-bh-history-hunt { margin: 0; color: #f4f6ff; font-size: .86rem; font-weight: 800; }body.g22-custom-chrome .g22-bh-history-date { margin-top: .15rem; color: #98a3bd; font-size: .72rem; font-weight: 600; }body.g22-custom-chrome .g22-bh-history-meta { display: inline-flex; align-items: center; gap: .3rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; color: #9ca8c4; }body.g22-custom-chrome .g22-bh-history-badge { height: 1.45rem; border-radius: 999px; border: 1px solid rgba(148,163,184,.28); background: rgba(51,65,85,.26); color: #dce4f7; padding: 0 .52rem; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }body.g22-custom-chrome .g22-bh-history-badge.g22-profit { border-color: rgba(34,197,94,.32); background: rgba(21,128,61,.24); color: #bbf7d0; }body.g22-custom-chrome .g22-bh-history-badge.g22-loss { border-color: rgba(239,68,68,.32); background: rgba(127,29,29,.26); color: #fecaca; }body.g22-custom-chrome .g22-bh-history-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .4rem; padding: .62rem .74rem .68rem; }body.g22-custom-chrome .g22-bh-history-stat { border-radius: .58rem; border: 1px solid rgba(255,255,255,.06); background: rgba(8,11,17,.62); padding: .4rem .48rem; min-width: 0; }body.g22-custom-chrome .g22-bh-history-stat-label { color: #8f9ab6; font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }body.g22-custom-chrome .g22-bh-history-stat-value { margin-top: .17rem; color: #ecf2ff; font-size: .76rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-history-stat-value.g22-positive { color: #86efac; }body.g22-custom-chrome .g22-bh-history-stat-value.g22-negative { color: #fca5a5; }body.g22-custom-chrome .g22-bh-history-toggle-wrap { display: flex; justify-content: flex-end; padding: 0 .74rem .65rem; }body.g22-custom-chrome .g22-bh-history-toggle { height: 1.8rem; border-radius: .55rem; border: 1px solid hsl(var(--border)); background: rgba(13,16,24,.82); color: #d7dff2; font-size: .7rem; font-weight: 700; padding: 0 .62rem; }body.g22-custom-chrome .g22-bh-history-toggle:hover { border-color: #4f596f; color: #f5f8ff; }body.g22-custom-chrome .g22-bh-history-details { display: none; border-top: 1px solid rgba(255,255,255,.06); padding: .64rem .74rem .74rem; background: rgba(8,11,17,.45); }body.g22-custom-chrome .g22-bh-history-details[data-g22-open='1'] { display: block; }body.g22-custom-chrome .g22-bh-history-highlight { border-radius: .6rem; border: 1px solid rgba(255,255,255,.08); background: rgba(10,14,22,.7); padding: .48rem .56rem; margin-bottom: .5rem; }body.g22-custom-chrome .g22-bh-history-highlight:last-child { margin-bottom: 0; }body.g22-custom-chrome .g22-bh-history-highlight-label { color: #97a4c2; font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }body.g22-custom-chrome .g22-bh-history-highlight-name { margin-top: .16rem; color: #f4f7ff; font-size: .75rem; font-weight: 800; }body.g22-custom-chrome .g22-bh-history-highlight-values { margin-top: .2rem; color: #d4def3; font-size: .71rem; font-weight: 700; }body.g22-custom-chrome .g22-bh-history-slots { margin-top: .54rem; display: grid; gap: .44rem; }body.g22-custom-chrome .g22-bh-history-slot { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: .5rem; align-items: center; border: 1px solid rgba(255,255,255,.06); border-radius: .58rem; background: rgba(10,14,22,.66); padding: .42rem .46rem; }body.g22-custom-chrome .g22-bh-history-slot img, body.g22-custom-chrome .g22-bh-slot-thumb-empty { width: 42px; height: 42px; border-radius: .48rem; border: 1px solid rgba(255,255,255,.1); object-fit: cover; background: rgba(6,9,14,.85); }body.g22-custom-chrome .g22-bh-history-slot-name { color: #eef2ff; font-size: .74rem; font-weight: 800; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-history-slot-provider { margin-top: .12rem; color: #96a3c0; font-size: .66rem; font-weight: 600; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-history-slot-meta { text-align: right; }body.g22-custom-chrome .g22-bh-history-slot-payout { color: #e7edff; font-size: .72rem; font-weight: 800; }body.g22-custom-chrome .g22-bh-history-slot-multi { margin-top: .12rem; font-size: .67rem; font-weight: 800; }body.g22-custom-chrome .g22-bh-history-slot-multi.g22-good { color: #86efac; }body.g22-custom-chrome .g22-bh-history-slot-multi.g22-bad { color: #fca5a5; }body.g22-custom-chrome .g22-bh-history-empty { border: 1px dashed rgba(148,163,184,.35); border-radius: .8rem; background: rgba(11,14,21,.66); color: #a7b3cf; font-size: .82rem; font-weight: 600; padding: .9rem .85rem; text-align: center; }body.g22-custom-chrome .g22-bh-live-empty { display: none; align-items: center; justify-content: center; text-align: center; min-height: 220px; border: 1px dashed rgba(148,163,184,.35); border-radius: .8rem; background: rgba(11,14,21,.66); color: #a7b3cf; font-size: .84rem; font-weight: 600; padding: 1rem; }body.g22-custom-chrome .g22-bh-history-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .62rem; }body.g22-custom-chrome .g22-bh-history-open { height: 1.8rem; border-radius: .55rem; border: 1px solid rgba(148,163,184,.32); background: rgba(71,85,105,.22); color: #ecf2ff; font-size: .7rem; font-weight: 800; padding: 0 .62rem; }body.g22-custom-chrome .g22-bh-history-open:hover { border-color: rgba(148,163,184,.52); }body.g22-custom-chrome .g22-bh-history-detail { border: 1px solid hsl(var(--border)); border-radius: .82rem; background: linear-gradient(180deg, rgba(14,16,24,.93), rgba(10,12,19,.93)); padding: .72rem; }body.g22-custom-chrome .g22-bh-history-back { height: 1.95rem; border-radius: .58rem; border: 1px solid rgba(148,163,184,.32); background: rgba(51,65,85,.22); color: #e2e8f0; font-size: .72rem; font-weight: 800; padding: 0 .65rem; margin-bottom: .66rem; }body.g22-custom-chrome .g22-bh-history-back:hover { border-color: rgba(148,163,184,.55); }body.g22-custom-chrome .g22-bh-history-detail-head { display: flex; align-items: flex-end; justify-content: space-between; gap: .6rem; margin-bottom: .62rem; }body.g22-custom-chrome .g22-bh-history-detail-title { color: #f8fbff; font-size: .98rem; font-weight: 900; letter-spacing: .01em; }body.g22-custom-chrome .g22-bh-history-detail-date { color: #97a5c2; font-size: .74rem; font-weight: 700; }body.g22-custom-chrome .g22-bh-history-detail-grid { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: .68rem; }body.g22-custom-chrome .g22-bh-history-side { display: grid; gap: .42rem; }body.g22-custom-chrome .g22-bh-history-side-item { border: 1px solid rgba(255,255,255,.08); border-radius: .58rem; background: rgba(10,14,22,.7); padding: .46rem .52rem; }body.g22-custom-chrome .g22-bh-history-side-label { color: #8f9ab6; font-size: .63rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }body.g22-custom-chrome .g22-bh-history-side-value { margin-top: .15rem; color: #eef2ff; font-size: .78rem; font-weight: 900; }body.g22-custom-chrome .g22-bh-history-side-value.g22-positive { color: #86efac; }body.g22-custom-chrome .g22-bh-history-side-value.g22-negative { color: #fca5a5; }body.g22-custom-chrome .g22-bh-history-table-wrap { border: 1px solid rgba(255,255,255,.08); border-radius: .62rem; overflow: auto; background: rgba(10,14,22,.68); }body.g22-custom-chrome .g22-bh-history-table { width: 100%; border-collapse: collapse; min-width: 640px; }body.g22-custom-chrome .g22-bh-history-table th { color: #8f9ab6; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: .55rem .52rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,.08); }body.g22-custom-chrome .g22-bh-history-table td { color: #e5ebff; font-size: .75rem; font-weight: 700; padding: .52rem; border-bottom: 1px solid rgba(255,255,255,.06); }body.g22-custom-chrome .g22-bh-history-table tr:last-child td { border-bottom: 0; }body.g22-custom-chrome .g22-bh-history-slot-cell { display: flex; align-items: center; gap: .44rem; min-width: 0; }body.g22-custom-chrome .g22-bh-history-slot-cell img, body.g22-custom-chrome .g22-bh-history-slot-cell .g22-bh-slot-thumb-empty { width: 32px; height: 32px; border-radius: .4rem; border: 1px solid rgba(255,255,255,.12); object-fit: cover; background: rgba(6,9,14,.85); flex-shrink: 0; }body.g22-custom-chrome .g22-bh-history-slot-cell .g22-bh-history-slot-name2 { color: #eef2ff; font-size: .74rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }body.g22-custom-chrome .g22-bh-history-slot-cell .g22-bh-history-slot-tag { margin-top: .1rem; color: #97a5c3; font-size: .64rem; font-weight: 700; }body.g22-custom-chrome .g22-bh-history-table .g22-bh-multi { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; height: 26px; border-radius: .42rem; font-size: .71rem; font-weight: 900; }body.g22-custom-chrome .g22-bh-history-table .g22-bh-multi.g22-good { color: #86efac; border: 1px solid rgba(34,197,94,.35); background: rgba(21,128,61,.24); }body.g22-custom-chrome .g22-bh-history-table .g22-bh-multi.g22-bad { color: #fca5a5; border: 1px solid rgba(239,68,68,.35); background: rgba(127,29,29,.24); }body.g22-custom-chrome .g22-bh-table-hidden { display: none !important; }@media (max-width: 900px) { body.g22-custom-chrome .g22-bh-history-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.g22-custom-chrome .g22-bh-history-detail-grid { grid-template-columns: minmax(0,1fr); } body.g22-custom-chrome .g22-bh-history-grid { grid-template-columns: minmax(0,1fr); } }body.g22-custom-chrome .g22-skeleton { position: relative; overflow: hidden; border-radius: .6rem; background: linear-gradient(90deg, rgba(24,29,42,.82), rgba(56,66,92,.55), rgba(24,29,42,.82)); background-size: 220% 100%; animation: g22Shimmer 1.25s ease-in-out infinite; }body.g22-custom-chrome .g22-points-skeleton { padding: .45rem .38rem; }body.g22-custom-chrome .g22-points-skeleton-row { display: grid; grid-template-columns: 64px 1.2fr 1fr 1fr; gap: 1rem; align-items: center; padding: .68rem .58rem; border-bottom: 1px solid rgba(255,255,255,.06); }body.g22-custom-chrome .g22-points-skeleton-row:last-child { border-bottom: 0; }body.g22-custom-chrome .g22-points-skeleton-pill { height: .8rem; border-radius: .55rem; }body.g22-custom-chrome .g22-points-skeleton-player { display: flex; align-items: center; gap: .65rem; }body.g22-custom-chrome .g22-points-skeleton-avatar { width: 2.1rem; height: 2.1rem; border-radius: 999px; }body.g22-custom-chrome .g22-clips-grid { position: relative; overflow: hidden; display: block !important; width: 100%; }body.g22-custom-chrome .g22-clips-track { display: flex; width: 100%; gap: .75rem; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }body.g22-custom-chrome .g22-clips-track::-webkit-scrollbar { display: none; }body.g22-custom-chrome .g22-clips-empty { padding: 1rem; border-radius: .8rem; border: 1px solid hsl(var(--border)); background: rgba(14,16,24,.65); color: #c3c9d8; font-size: .92rem; }body.g22-custom-chrome .g22-clip-card { -webkit-appearance: none; appearance: none; width: auto; flex: 0 0 calc((100% - (.75rem * 6)) / 7); padding: 0; margin: 0; text-align: left; cursor: pointer; display: flex; flex-direction: column; min-width: 0; border-radius: .85rem; border: 1px solid hsl(var(--border)); background: linear-gradient(180deg, rgba(14,17,26,.96), rgba(10,12,19,.92)); overflow: hidden; color: inherit; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }body.g22-custom-chrome .g22-clip-card:hover { transform: translateY(-2px); border-color: rgba(132,110,255,.65); box-shadow: 0 9px 20px rgba(5,7,14,.38); }body.g22-custom-chrome .g22-clip-card:focus-visible { outline: 2px solid rgba(170,131,255,.9); outline-offset: 2px; }body.g22-custom-chrome .g22-clip-thumb-wrap { position: relative; width: 100%; aspect-ratio: 5 / 4; overflow: hidden; background: #0a0d14; }body.g22-custom-chrome .g22-clip-thumb { width: 100%; height: 100%; object-fit: cover; transition: filter .2s ease, transform .2s ease; }body.g22-custom-chrome .g22-clip-overlay { position: absolute; inset: 0; background: rgba(6,8,14,.42); opacity: 0; pointer-events: none; display: flex; align-items: center; justify-content: center; transition: opacity .2s ease; z-index: 1; }body.g22-custom-chrome .g22-clip-play-btn { width: 46px; height: 46px; border-radius: 999px; border: 1px solid rgba(198,173,255,.7); background: linear-gradient(135deg, rgba(162,90,255,.96), rgba(96,60,255,.9)); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 14px 28px rgba(3,5,10,.5); transform: scale(.9); transition: transform .2s ease; }body.g22-custom-chrome .g22-clip-play-btn svg { width: 20px; height: 20px; fill: #fff; margin-left: 2px; }body.g22-custom-chrome .g22-clip-card:hover .g22-clip-thumb, body.g22-custom-chrome .g22-clip-card:focus-visible .g22-clip-thumb { filter: blur(2.3px) brightness(.64); transform: scale(1.02); }body.g22-custom-chrome .g22-clip-card:hover .g22-clip-overlay, body.g22-custom-chrome .g22-clip-card:focus-visible .g22-clip-overlay { opacity: 1; }body.g22-custom-chrome .g22-clip-card:hover .g22-clip-play-btn, body.g22-custom-chrome .g22-clip-card:focus-visible .g22-clip-play-btn { transform: scale(1); }body.g22-custom-chrome .g22-clip-twitch-logo { position: absolute; left: 50%; bottom: .42rem; transform: translateX(-50%); z-index: 2; pointer-events: none; }body.g22-custom-chrome .g22-clip-twitch-logo img { display: block; width: auto; height: 19px; filter: drop-shadow(0 4px 10px rgba(0,0,0,.7)); }body.g22-custom-chrome .g22-clip-chip { position: absolute; top: .42rem; padding: .16rem .45rem; border-radius: 999px; font-size: .68rem; font-weight: 700; line-height: 1; background: rgba(8,11,17,.88); border: 1px solid rgba(255,255,255,.15); color: #fff; z-index: 2; }body.g22-custom-chrome .g22-clip-chip-duration { left: .42rem; }body.g22-custom-chrome .g22-clip-chip-views { right: .42rem; }body.g22-custom-chrome .g22-clip-body { padding: .55rem .62rem .62rem; display: flex; flex-direction: column; gap: .32rem; min-height: 72px; }body.g22-custom-chrome .g22-clip-title { margin: 0; color: #f4f6fb; font-size: .82rem; font-weight: 700; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }body.g22-custom-chrome .g22-clip-meta { font-size: .72rem; color: #9ea6bb; }body.g22-custom-chrome .g22-slotsd-shell { width: 100%; max-width: 1500px; margin: 0 auto; padding: .85rem .95rem 1.3rem; }body.g22-custom-chrome .g22-slotsd-kicker { margin: 0; font-size: .75rem; color: #8d97af; letter-spacing: .08em; text-transform: uppercase; }body.g22-custom-chrome .g22-slotsd-title { margin: .26rem 0 0; font-size: clamp(1.35rem, 2.4vw, 1.9rem); font-weight: 800; color: #f5f7ff; letter-spacing: -.01em; }body.g22-custom-chrome .g22-slotsd-sub { margin: .3rem 0 1rem; font-size: .84rem; color: #9ca7c2; }body.g22-custom-chrome .g22-slotsd-filters { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: .72rem; padding: .72rem; border-radius: .9rem; border: 1px solid hsl(var(--border)); background: linear-gradient(180deg, rgba(14,16,25,.95), rgba(10,13,20,.9)); }body.g22-custom-chrome .g22-slotsd-search-wrap { display: flex; align-items: center; gap: .55rem; height: 44px; padding: 0 .78rem; border-radius: .74rem; border: 1px solid rgba(255,255,255,.1); background: rgba(8,11,17,.72); }body.g22-custom-chrome .g22-slotsd-search-wrap svg { width: 16px; height: 16px; color: #8f9ab6; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }body.g22-custom-chrome .g22-slotsd-search { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; color: #edf1ff; font-size: .86rem; }body.g22-custom-chrome .g22-slotsd-search::placeholder { color: #76829c; }body.g22-custom-chrome .g22-slotsd-provider-dropdown { position: relative; width: 100%; }body.g22-custom-chrome .g22-slotsd-provider-toggle { -webkit-appearance: none; appearance: none; width: 100%; height: 44px; border-radius: .74rem; border: 1px solid rgba(255,255,255,.12); background: rgba(8,11,17,.72); color: #edf1ff; padding: 0 .76rem; font-size: .84rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: space-between; gap: .65rem; }body.g22-custom-chrome .g22-slotsd-provider-toggle:hover { border-color: rgba(165,123,255,.62); }body.g22-custom-chrome .g22-slotsd-provider-toggle:focus-visible { outline: 2px solid rgba(167,123,255,.5); outline-offset: 1px; }body.g22-custom-chrome .g22-slotsd-provider-toggle svg { width: 14px; height: 14px; color: #a9b4cf; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; flex-shrink: 0; }body.g22-custom-chrome .g22-slotsd-provider-dropdown.g22-open .g22-slotsd-provider-toggle svg { transform: rotate(180deg); }body.g22-custom-chrome .g22-slotsd-provider-menu { position: absolute; left: 0; right: 0; top: calc(100% + .38rem); z-index: 28; display: none; max-height: min(48vh, 320px); overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(148,148,154,.78) rgba(255,255,255,.04); border-radius: .78rem; border: 1px solid rgba(165,123,255,.35); background: linear-gradient(180deg, rgba(11,14,22,.98), rgba(7,10,17,.98)); box-shadow: 0 18px 32px rgba(2,4,10,.56); padding: .34rem; }body.g22-custom-chrome .g22-slotsd-provider-menu::-webkit-scrollbar { width: 7px; }body.g22-custom-chrome .g22-slotsd-provider-menu::-webkit-scrollbar-track { background: rgba(255,255,255,.04); border-radius: 999px; }body.g22-custom-chrome .g22-slotsd-provider-menu::-webkit-scrollbar-thumb { background: rgba(148,148,154,.78); border-radius: 999px; border: 1px solid rgba(7,10,17,.92); }body.g22-custom-chrome .g22-slotsd-provider-menu::-webkit-scrollbar-thumb:hover { background: rgba(176,176,182,.9); }body.g22-custom-chrome .g22-slotsd-provider-dropdown.g22-open .g22-slotsd-provider-menu { display: block; }body.g22-custom-chrome .g22-slotsd-provider-option { -webkit-appearance: none; appearance: none; display: block; width: 100%; text-align: left; border: 0; background: transparent; color: #d4def4; font-size: .78rem; font-weight: 700; line-height: 1.2; border-radius: .54rem; padding: .5rem .56rem; }body.g22-custom-chrome .g22-slotsd-provider-option:hover { background: rgba(162,118,255,.16); color: #fff; }body.g22-custom-chrome .g22-slotsd-provider-option.g22-active { background: linear-gradient(135deg, rgba(108,73,224,.42), rgba(64,98,255,.26)); color: #fff; }body.g22-custom-chrome .g22-slotsd-head-row { display: flex; align-items: center; gap: .56rem; margin-top: 1.18rem; margin-bottom: .45rem; }body.g22-custom-chrome .g22-slotsd-head-row svg { width: 15px; height: 15px; color: #facc15; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }body.g22-custom-chrome .g22-slotsd-head-row h3 { margin: 0; font-size: 1.7rem; color: #f8f9ff; letter-spacing: -.02em; font-weight: 800; }body.g22-custom-chrome .g22-slotsd-provider-sec { margin-top: 1.05rem; }body.g22-custom-chrome .g22-slotsd-provider-bar { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .55rem; }body.g22-custom-chrome .g22-slotsd-provider-title { margin: 0; color: #f5f7ff; font-size: 1.02rem; font-weight: 800; display: inline-flex; align-items: baseline; gap: .5rem; }body.g22-custom-chrome .g22-slotsd-provider-count { color: #8f9ab5; font-size: .74rem; font-weight: 600; }body.g22-custom-chrome .g22-slotsd-provider-nav { display: inline-flex; align-items: center; gap: .45rem; }body.g22-custom-chrome .g22-slotsd-nav-btn { width: 34px; height: 34px; border-radius: .62rem; border: 1px solid hsl(var(--border)); background: rgba(10,13,20,.86); color: #c6d0e7; font-size: 1.04rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }body.g22-custom-chrome .g22-slotsd-nav-btn:hover { color: #fff; border-color: rgba(140,106,255,.62); }body.g22-custom-chrome .g22-slotsd-nav-btn:disabled { opacity: .45; cursor: default; }body.g22-custom-chrome .g22-slotsd-track { display: flex; gap: .62rem; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: .18rem; }body.g22-custom-chrome .g22-slotsd-track::-webkit-scrollbar { display: none; }body.g22-custom-chrome .g22-slotsd-card { -webkit-appearance: none; appearance: none; position: relative; flex: 0 0 122px; width: 122px; padding: 0; margin: 0; border-radius: .86rem; border: 1px solid hsl(var(--border)); overflow: hidden; background: linear-gradient(180deg, rgba(13,15,24,.98), rgba(8,11,17,.94)); color: inherit; text-align: left; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }body.g22-custom-chrome .g22-slotsd-card:hover { transform: translateY(-2px); border-color: rgba(141,107,255,.62); box-shadow: 0 12px 24px rgba(2,5,11,.5); }body.g22-custom-chrome .g22-slotsd-thumb-wrap { position: relative; width: 100%; aspect-ratio: 3 / 4; overflow: hidden; background: #060910; }body.g22-custom-chrome .g22-slotsd-thumb { width: 100%; height: 100%; object-fit: cover; transition: filter .2s ease, transform .2s ease; }body.g22-custom-chrome .g22-slotsd-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(9,10,16,.24), rgba(6,7,12,.82)); opacity: 0; transition: opacity .2s ease; pointer-events: none; }body.g22-custom-chrome .g22-slotsd-play { min-width: 86px; padding: .46rem .64rem; border-radius: 999px; border: 1px solid rgba(178,140,255,.58); background: rgba(14,17,26,.88); color: #fff; font-size: .69rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; text-align: center; transform: scale(.95); transition: transform .2s ease; pointer-events: none; }body.g22-custom-chrome .g22-slotsd-card:hover .g22-slotsd-thumb { filter: blur(2px) brightness(.64); transform: scale(1.03); }body.g22-custom-chrome .g22-slotsd-card:hover .g22-slotsd-overlay { opacity: 1; }body.g22-custom-chrome .g22-slotsd-card:hover .g22-slotsd-play { transform: scale(1); }body.g22-custom-chrome .g22-slotsd-card-name { display: none !important; }body.g22-custom-chrome .g22-slotsd-empty { margin-top: 1rem; border-radius: .82rem; border: 1px solid hsl(var(--border)); background: rgba(14,16,24,.64); color: #b2bbd2; padding: 1rem; font-size: .88rem; }body.g22-custom-chrome .g22-slotsd-loading { margin-top: 1rem; border-radius: .82rem; border: 1px solid hsl(var(--border)); background: rgba(14,16,24,.64); color: #c7d0e8; padding: 1rem; font-size: .88rem; }@keyframes g22Shimmer { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }body.g22-slots-locked, body.g22-external-locked, body.g22-business-locked { overflow: hidden !important; }body.g22-custom-chrome .g22-slots-grid { position: relative; overflow: hidden; display: block !important; width: 100%; }.g22-home-slots-track { display: flex; width: 100%; gap: .75rem; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; }.g22-home-slots-track::-webkit-scrollbar { display: none; }.g22-slot-card { -webkit-appearance: none; appearance: none; position: relative; flex: 0 0 calc((100% - (.75rem * 9)) / 10); min-width: 0; padding: 0; margin: 0; border: 1px solid hsl(var(--border)); border-radius: .8rem; overflow: hidden; background: #0b0d14; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.g22-slot-card:hover { transform: translateY(-2px); border-color: rgba(129,90,255,.55); box-shadow: 0 8px 18px rgba(5,7,12,.35); }.g22-slot-card .g22-slot-thumb { position: relative; width: 100%; height: 170px; overflow: hidden; }.g22-slot-card .g22-slot-image { width: 100%; height: 100%; object-fit: cover; transition: filter .22s ease, transform .22s ease; }.g22-slot-card .g22-slot-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(9,10,16,.24), rgba(6,7,11,.78)); opacity: 0; transition: opacity .2s ease; }.g22-slot-card .g22-slot-play { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(.95); opacity: 0; pointer-events: none; min-width: 92px; padding: .5rem .82rem; border-radius: 999px; border: 1px solid rgba(181,143,255,.55); background: rgba(18,20,30,.88); color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .01em; transition: opacity .2s ease, transform .2s ease; }.g22-slot-card:hover .g22-slot-image { filter: blur(2.4px) brightness(.62); transform: scale(1.02); }.g22-slot-card:hover .g22-slot-overlay { opacity: 1; }.g22-slot-card:hover .g22-slot-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }#g22-slots-modal { position: fixed; inset: 0; z-index: 9980; display: none; align-items: center; justify-content: center; padding: .7rem; }#g22-slots-modal.g22-open { display: flex; }#g22-slots-modal .g22-slots-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.82); backdrop-filter: blur(4px); }#g22-slots-modal .g22-slots-dialog { position: relative; z-index: 1; width: min(97vw, 1560px); max-height: 95vh; display: flex; flex-direction: column; gap: .56rem; background: hsl(var(--card)); border: 1px solid hsl(var(--border)); border-radius: 14px; padding: .55rem; box-shadow: 0 22px 42px rgba(0,0,0,.5); }#g22-slots-modal .g22-slots-topbar { display: grid; grid-template-columns: minmax(180px, auto) minmax(0, 1fr) auto; align-items: center; gap: .7rem; }#g22-slots-modal .g22-slots-title { margin: 0; font-size: clamp(1rem, 1.8vw, 1.26rem); font-weight: 800; color: #f4f7ff; letter-spacing: -.01em; line-height: 1.2; }#g22-slots-modal .g22-slots-actions { display: inline-flex; align-items: center; gap: .42rem; flex-shrink: 0; }#g22-slots-modal .g22-slots-close, #g22-slots-modal .g22-slots-fullscreen { -webkit-appearance: none; appearance: none; width: 34px; height: 34px; border-radius: .65rem; border: 1px solid hsl(var(--border)); background: rgba(20,22,29,.94); color: #dbe4fb; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }#g22-slots-modal .g22-slots-close { font-size: 1.1rem; }#g22-slots-modal .g22-slots-close:hover, #g22-slots-modal .g22-slots-fullscreen:hover { color: #fff; border-color: rgba(156,112,255,.64); }#g22-slots-modal .g22-slots-fullscreen svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }#g22-slots-modal .g22-slots-fullscreen.g22-active { color: #fff; border-color: rgba(164,120,255,.72); background: rgba(78,46,162,.35); }#g22-slots-modal .g22-slots-meta { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .46rem; align-items: stretch; justify-content: center; width: 100%; max-width: 980px; margin: 0 auto; }#g22-slots-modal .g22-slots-meta-item { border: 1px solid hsl(var(--border)); border-radius: .58rem; background: rgb(25 26 28 / 78%); padding: .42rem .52rem; text-align: center; }#g22-slots-modal .g22-slots-meta-label { display: block; font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #8f99b4; line-height: 1.2; }#g22-slots-modal .g22-slots-meta-value { display: block; margin-top: .14rem; font-size: .82rem; font-weight: 800; color: #f1f4ff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }#g22-slots-modal .g22-slots-frame-wrap { width: 100%; border-radius: 10px; overflow: hidden; }#g22-slots-modal .g22-slots-frame { width: 100%; height: clamp(560px, 78vh, 900px); border: 0; background: #05070d; }#g22-external-modal { position: fixed; inset: 0; z-index: 9990; display: none; align-items: center; justify-content: center; padding: .8rem; }#g22-external-modal.g22-open { display: flex; }#g22-external-modal .g22-external-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.84); backdrop-filter: blur(4px); }#g22-external-modal .g22-external-dialog { position: relative; z-index: 1; width: min(95vw, 520px); border-radius: 24px; border: 1px solid rgba(149,98,255,.72); background: linear-gradient(180deg, rgba(10,13,22,.98), rgba(7,9,15,.98)); box-shadow: 0 26px 54px rgba(0,0,0,.56); padding: 2.3rem 1.5rem 1.45rem; text-align: center; }#g22-external-modal .g22-external-close { position: absolute; right: .68rem; top: .55rem; width: 32px; height: 32px; border: 0; background: transparent; color: #d2d8e7; font-size: 1.3rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }#g22-external-modal .g22-external-close:hover { color: #fff; }#g22-external-modal .g22-external-title { margin: 0; font-size: clamp(1.65rem, 2.9vw, 2.05rem); font-weight: 800; color: #fff; letter-spacing: -.02em; }#g22-external-modal .g22-external-sub { margin: .72rem auto 0; max-width: 420px; color: #9da8c4; font-size: 1rem; line-height: 1.45; }#g22-external-modal .g22-external-continue { margin-top: 1.35rem; height: 48px; min-width: 170px; padding: 0 1.4rem; border: 0; border-radius: 10px; background: linear-gradient(90deg, #8e41ff 0%, #3f6cff 100%); color: #fff; font-size: 1.02rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 12px 30px rgba(67,97,255,.35); }#g22-external-modal .g22-external-continue:hover { filter: brightness(1.08); }#g22-business-modal { position: fixed; inset: 0; z-index: 9995; display: none; align-items: center; justify-content: center; padding: .8rem; }#g22-business-modal.g22-open { display: flex; }#g22-business-modal .g22-business-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.84); backdrop-filter: blur(4px); }#g22-business-modal .g22-business-dialog { position: relative; z-index: 1; width: min(95vw, 540px); border-radius: 24px; border: 1px solid rgba(149,98,255,.78); background: linear-gradient(180deg, rgba(10,13,22,.98), rgba(7,9,15,.98)); box-shadow: 0 26px 54px rgba(0,0,0,.56); padding: 2.25rem 1.45rem 1.45rem; text-align: center; }#g22-business-modal .g22-business-close { position: absolute; right: .68rem; top: .55rem; width: 32px; height: 32px; border: 0; background: transparent; color: #d2d8e7; font-size: 1.3rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }#g22-business-modal .g22-business-close:hover { color: #fff; }#g22-business-modal .g22-business-title { margin: 0; font-size: clamp(1.28rem, 2.1vw, 1.62rem); font-weight: 800; color: #fff; letter-spacing: -.02em; }#g22-business-modal .g22-business-sub { margin: .62rem auto 0; max-width: 460px; color: #a7b2cc; font-size: .88rem; line-height: 1.42; }#g22-business-modal .g22-business-email { margin: .72rem 0 0; color: #fff; font-size: 1.18rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; word-break: break-word; }#g22-business-modal .g22-business-copy { margin-top: 1.08rem; height: 42px; min-width: 164px; padding: 0 1.2rem; border: 0; border-radius: 10px; background: linear-gradient(90deg, #8e41ff 0%, #3f6cff 100%); color: #fff; font-size: .84rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; box-shadow: 0 12px 30px rgba(67,97,255,.35); }#g22-business-modal .g22-business-copy:hover { filter: brightness(1.08); }#g22-login-modal { position: fixed; inset: 0; z-index: 9997; display: none; align-items: center; justify-content: center; padding: .8rem; }#g22-login-modal.g22-open { display: flex; }#g22-login-modal .g22-lm-backdrop { position: absolute; inset: 0; background: rgba(2,4,10,.88); backdrop-filter: blur(5px); }#g22-login-modal .g22-lm-dialog { position: relative; z-index: 1; width: min(95vw, 420px); border-radius: 20px; border: 1px solid rgba(149,98,255,.6); background: linear-gradient(180deg, rgba(12,14,24,.99), rgba(8,10,18,.99)); box-shadow: 0 28px 60px rgba(0,0,0,.65); padding: 2rem 1.6rem 1.6rem; text-align: center; }#g22-login-modal .g22-lm-close { position: absolute; right: .65rem; top: .52rem; width: 32px; height: 32px; border: 0; background: transparent; color: #9aa0b8; font-size: 1.3rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 6px; }#g22-login-modal .g22-lm-close:hover { color: #fff; background: rgba(255,255,255,.07); }#g22-login-modal .g22-lm-logo { height: 44px; width: auto; max-width: 180px; object-fit: contain; margin: 0 auto 1rem; display: block; }#g22-login-modal .g22-lm-title { margin: 0; font-size: 1.32rem; font-weight: 800; color: #fff; letter-spacing: -.02em; }#g22-login-modal .g22-lm-sub { margin: .52rem auto 0; max-width: 320px; color: #9da8c4; font-size: .9rem; line-height: 1.45; }#g22-login-modal .g22-lm-buttons { margin-top: 1.4rem; display: flex; flex-direction: column; gap: .62rem; }#g22-login-modal .g22-lm-btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; height: 48px; border: 0; border-radius: 10px; font-size: .94rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; cursor: pointer; transition: filter .18s ease, opacity .18s ease; }#g22-login-modal .g22-lm-btn-twitch { background: linear-gradient(90deg, #6441a5 0%, #9147ff 100%); color: #fff; box-shadow: 0 8px 24px rgba(100,65,165,.4); }#g22-login-modal .g22-lm-btn-twitch:hover { filter: brightness(1.1); }#g22-login-modal .g22-lm-btn-twitch svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }#g22-login-modal .g22-lm-btn-discord { background: rgba(30,33,48,.9); color: #5a5f78; border: 1px solid rgba(255,255,255,.1); cursor: not-allowed; opacity: .55; }#g22-login-modal .g22-lm-btn-discord svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }#g22-login-modal .g22-lm-divider { margin: 1.1rem 0 .9rem; height: 1px; background: rgba(255,255,255,.08); }#g22-login-modal .g22-lm-legal { font-size: .76rem; color: #6a7088; line-height: 1.5; }#g22-login-modal .g22-lm-legal a { color: #9aa0b8; text-decoration: underline; }#g22-login-modal .g22-lm-legal a:hover { color: #fff; }body.g22-custom-chrome footer img[alt='G22TIAGO'] { height: 24px !important; width: auto !important; }body.g22-custom-chrome footer .g22-footer-brand-link { display: inline-flex !important; align-items: center !important; gap: .38rem !important; }body.g22-custom-chrome footer .g22-footer-brand-link .g22-verified svg { width: 15px; height: 15px; }body.g22-custom-chrome footer h3 { color: #ffffff !important; font-weight: 700 !important; font-size: 1.1rem !important; }body.g22-custom-chrome footer ul a { color: #8b8491 !important; font-weight: 700 !important; font-size: 1rem !important; transition: color .15s ease !important; } body.g22-custom-chrome footer ul a:hover { color: #ffffff !important; }body.g22-custom-chrome footer p { color: #8b8491 !important; font-weight: 700 !important; font-size: 1rem !important; transition: color .15s ease !important; } body.g22-custom-chrome footer p:hover { color: #ffffff !important; }body.g22-custom-chrome [data-sidebar='menu-button'] span, body.g22-custom-chrome [data-sidebar='menu-sub-button'] { font-weight: 600 !important; font-size: .88rem !important; color: #8b8491 !important; }body.g22-custom-chrome [data-sidebar='menu-button'], body.g22-custom-chrome [data-sidebar='menu-sub-button'] { transition: transform .14s ease, background-color .18s ease, border-color .18s ease, color .18s ease; }body.g22-custom-chrome [data-sidebar='sidebar'], body.g22-custom-chrome [data-sidebar='sidebar'] [data-sidebar='content'], body.g22-custom-chrome [data-sidebar='sidebar'] [data-sidebar='group-content'] { scrollbar-width: none !important; -ms-overflow-style: none !important; }body.g22-custom-chrome [data-sidebar='sidebar']::-webkit-scrollbar, body.g22-custom-chrome [data-sidebar='sidebar'] [data-sidebar='content']::-webkit-scrollbar, body.g22-custom-chrome [data-sidebar='sidebar'] [data-sidebar='group-content']::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent !important; }body.g22-custom-chrome [data-sidebar='menu-button']:hover, body.g22-custom-chrome [data-sidebar='menu-sub-button']:hover { transform: translateX(1px); } body.g22-custom-chrome [data-sidebar='menu-button']:hover span, body.g22-custom-chrome [data-sidebar='menu-sub-button']:hover { color: #ffffff !important; }body.g22-custom-chrome [data-sidebar='menu-sub-button'][data-active='true'], body.g22-custom-chrome [data-sidebar='menu-sub-button'][aria-current='page'], body.g22-custom-chrome [data-sidebar='menu-sub-button'].active { border-color: rgba(167,139,250,.4) !important; background: linear-gradient(100deg,rgba(95,36,160,.95),rgba(66,28,113,.95)) !important; color: #ffffff !important; box-shadow: 0 0 0 1px rgba(167,139,250,.18) !important; }body.g22-custom-chrome [data-sidebar='group-label'] { font-weight: 600 !important; font-size: .8rem !important; }body.g22-custom-chrome .g22-sidebar-topcards { display: grid; gap: .46rem; }body.g22-custom-chrome .g22-sidebar-topcards-row { display: grid; grid-template-columns: 1fr 1fr; gap: .46rem; }body.g22-custom-chrome .g22-sidebar-topcard { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 43px; border-radius: .62rem; border: 1px solid rgba(255,255,255,.16); text-decoration: none; overflow: hidden; padding: .3rem 2.2rem .34rem .52rem; cursor: pointer; pointer-events: auto; touch-action: manipulation; isolation: isolate; transition: transform .16s ease, filter .16s ease, border-color .16s ease; }body.g22-custom-chrome .g22-sidebar-topcard:hover { filter: brightness(1.06); transform: translateY(-1px); }body.g22-custom-chrome .g22-sidebar-topcard:active { transform: translateY(0); }body.g22-custom-chrome .g22-sidebar-topcard-copy { display: flex; flex-direction: column; min-width: 0; line-height: 1.02; position: relative; z-index: 1; }body.g22-custom-chrome .g22-sidebar-topcard-kicker { font-size: .74rem; font-weight: 700; letter-spacing: .01em; }body.g22-custom-chrome .g22-sidebar-topcard-title { margin-top: .06rem; font-size: .95rem; font-weight: 800; color: #f3f6ff; white-space: nowrap; }body.g22-custom-chrome .g22-sidebar-topcard img { position: absolute; right: .42rem; top: .42rem; width: auto; height: 30px; object-fit: contain; pointer-events: none; z-index: 0; }body.g22-custom-chrome .g22-sidebar-topcard-claim { background: linear-gradient(102deg, #10317c 0%, #2f5dd4 100%); border-color: rgba(117,164,255,.52); }body.g22-custom-chrome .g22-sidebar-topcard-claim .g22-sidebar-topcard-kicker { color: #95bcff; }body.g22-custom-chrome .g22-sidebar-topcard-claim img { height: 30px; top: .36rem; }body.g22-custom-chrome .g22-sidebar-topcard-daily { background: linear-gradient(102deg, #0d351f 0%, #1f7f49 100%); border-color: rgba(85,205,132,.5); }body.g22-custom-chrome .g22-sidebar-topcard-daily .g22-sidebar-topcard-kicker { color: #36f58f; }body.g22-custom-chrome .g22-sidebar-topcard-wager { background: linear-gradient(102deg, #3b2f06 0%, #8b6b14 100%); border-color: rgba(234,192,85,.52); }body.g22-custom-chrome .g22-sidebar-topcard-wager .g22-sidebar-topcard-kicker { color: #f4d651; }body.g22-custom-chrome.g22-route-giveaways [data-sidebar='sidebar']:not([data-mobile='true']) a[href='/shop'],body.g22-custom-chrome.g22-route-giveaways [data-sidebar='sidebar']:not([data-mobile='true']) a[href*='/shop'] { border-color: #2a2a2f !important; background: linear-gradient(100deg, rgba(28,28,31,0.92), rgba(21,21,24,0.96)) !important; color: rgb(212,212,216) !important; box-shadow: none !important; }body.g22-custom-chrome .g22-giveaways-shell { width: 100%; max-width: 1400px; margin: 0 auto; padding: 1rem 1rem 1.25rem; }body.g22-custom-chrome .g22-giveaways-title { margin: 0; font-size: clamp(1.85rem, 2.8vw, 2.25rem); font-weight: 800; letter-spacing: -.02em; color: #f4f6ff; }body.g22-custom-chrome .g22-giveaways-sub { margin: .4rem 0 0; color: #9ca7c2; font-size: 1.02rem; }body.g22-custom-chrome .g22-giveaways-sep { margin: 1.1rem 0 1rem; height: 1px; background: hsl(var(--border)); }body.g22-custom-chrome .g22-giveaways-top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }body.g22-custom-chrome .g22-giveaways-head { display: inline-flex; align-items: center; gap: .54rem; }body.g22-custom-chrome .g22-giveaways-head h2 { margin: 0; font-size: 1.92rem; font-weight: 800; color: #f5f7ff; letter-spacing: -.02em; }body.g22-custom-chrome .g22-giveaways-count { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 24px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); color: #d4daed; font-size: .78rem; font-weight: 700; padding: 0 .5rem; }body.g22-custom-chrome .g22-giveaways-tabs { display: inline-flex; gap: .45rem; }body.g22-custom-chrome .g22-giveaways-tab { height: 34px; border-radius: .56rem; border: 1px solid hsl(var(--border)); background: rgba(16,19,28,.86); color: #c8cfe1; padding: 0 .88rem; font-size: .82rem; font-weight: 700; }body.g22-custom-chrome .g22-giveaways-tab.g22-active { border-color: rgba(149,98,255,.55); background: rgba(90,54,176,.26); color: #fff; }body.g22-custom-chrome .g22-giveaways-filters { display: inline-flex; gap: .45rem; }body.g22-custom-chrome .g22-giveaways-filter { height: 34px; border-radius: .56rem; border: 1px solid hsl(var(--border)); background: rgba(16,19,28,.86); color: #c8cfe1; padding: 0 .88rem; font-size: .82rem; font-weight: 700; display: inline-flex; align-items: center; gap: .35rem; }body.g22-custom-chrome .g22-giveaways-grid { margin-top: 1rem; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }body.g22-custom-chrome .g22-giveaway-card { border: 1px solid hsl(var(--border)); border-radius: 1rem; background: hsl(var(--card)); padding: .8rem; display: grid; grid-template-columns: 142px 1fr; gap: .78rem; min-height: 218px; }body.g22-custom-chrome .g22-giveaway-thumb { position: relative; width: 100%; height: 100%; min-height: 184px; border-radius: .82rem; overflow: hidden; background: hsl(var(--secondary)); }body.g22-custom-chrome .g22-giveaway-thumb img { width: 100%; height: 100%; object-fit: cover; }body.g22-custom-chrome .g22-giveaway-title { margin: .1rem 0 0; font-size: 1.05rem; font-weight: 800; color: hsl(var(--foreground)); text-transform: uppercase; letter-spacing: -.01em; }body.g22-custom-chrome .g22-giveaway-sub { margin: .35rem 0 0; color: hsl(var(--muted-foreground)); font-size: .88rem; line-height: 1.4; }body.g22-custom-chrome .g22-giveaway-meta { margin-top: .5rem; display: grid; gap: .26rem; color: hsl(var(--muted-foreground)); font-size: .86rem; }body.g22-custom-chrome .g22-giveaway-meta span { display: inline-flex; align-items: center; gap: .34rem; }body.g22-custom-chrome .g22-giveaway-footer { margin-top: auto; display: grid; gap: .5rem; }body.g22-custom-chrome .g22-giveaway-follow { color: #8899c4; font-size: .78rem; line-height: 1.2; }body.g22-custom-chrome .g22-giveaway-cta { width: 100%; min-height: 42px; border-radius: .55rem; border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--foreground)); font-size: .92rem; font-weight: 800; text-transform: uppercase; cursor: pointer; transition: background .15s, color .15s; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .72rem .95rem; line-height: 1; white-space: nowrap; text-align: center; }body.g22-custom-chrome .g22-giveaway-cta svg { display: block; flex: 0 0 auto; }body.g22-custom-chrome .g22-giveaway-cta.g22-gw-can-enter { background: hsl(var(--primary)); border-color: hsl(var(--primary)); color: #fff; }body.g22-custom-chrome .g22-giveaway-cta.g22-gw-can-enter:hover { opacity: .88; }body.g22-custom-chrome .g22-giveaway-cta.g22-gw-entered { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.35); color: #4ade80; cursor: default; }body.g22-custom-chrome .g22-giveaway-cta.g22-gw-closed { background: hsl(var(--card)); color: hsl(var(--muted-foreground)); cursor: not-allowed; }body.g22-custom-chrome .g22-giveaway-cta:disabled { opacity: .55; cursor: not-allowed; }body.g22-custom-chrome .g22-giveaways-loading { display: flex; align-items: center; justify-content: center; padding: 3rem 1rem; color: hsl(var(--muted-foreground)); font-size: .92rem; gap: .6rem; }body.g22-custom-chrome .g22-giveaways-empty { padding: 3rem 1rem; color: hsl(var(--muted-foreground)); font-size: .92rem; text-align: center; }body.g22-custom-chrome .g22-giveaway-winner { margin-top: .4rem; padding: .3rem .55rem; border-radius: .4rem; background: rgba(192,132,252,.1); border: 1px solid rgba(192,132,252,.22); color: #c084fc; font-size: .78rem; font-weight: 700; display:flex; align-items:center; flex-wrap:nowrap; }@keyframes g22-gw-spin { to { transform: rotate(360deg); } }body.g22-custom-chrome .g22-gw-spinner { width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.25); border-top-color: #fff; border-radius: 50%; animation: g22-gw-spin .7s linear infinite; display: inline-block; vertical-align: middle; }#g22-mobile-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 150; height: 74px; padding: .45rem .3rem calc(.45rem + env(safe-area-inset-bottom)); border-top: 1px solid #222634; background: linear-gradient(180deg, rgba(13,15,22,.98) 0%, rgba(9,11,18,.98) 100%); backdrop-filter: blur(10px); display: none; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; flex-wrap: nowrap; gap: 0; }#g22-mobile-nav::-webkit-scrollbar { display: none; }#g22-mobile-nav .g22-mobile-item { flex: 0 0 auto; min-width: 64px; padding: 0 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .18rem; color: #8f95ab; text-decoration: none; font-size: .68rem; font-weight: 500; border-radius: 8px; white-space: nowrap; transition: color .18s ease, transform .18s ease, background .18s ease; }#g22-mobile-nav .g22-mobile-item:active { transform: translateY(1px); }#g22-mobile-nav .g22-mobile-icon { width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; color: currentColor; }#g22-mobile-nav .g22-mobile-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }#g22-mobile-nav .g22-mobile-item.active { color: #b17bff; }#g22-mobile-nav .g22-mobile-item.active .g22-mobile-icon { background: rgba(135,71,255,.18); border: 1px solid rgba(165,116,255,.45); border-radius: 999px; }@media (prefers-reduced-motion: reduce) { #g22-entry-preloader .g22-preloader-logo, #g22-entry-preloader .g22-preloader-fill { animation: none !important; } body.g22-custom-chrome .g22-brand-sub.g22-live .g22-brand-sub-icon { animation: none !important; } body.g22-custom-chrome .g22-staggered-text .g22-stagger-word, body.g22-custom-chrome .g22-list-item { transition: none !important; transform: none !important; opacity: 1 !important; filter: none !important; } body.g22-custom-chrome .g22-nav-block { animation: none !important; }}@media (max-width: 1279.98px) { body.g22-custom-chrome .g22-clip-card { flex-basis: calc((100% - (.75rem * 3)) / 4); min-width: 0; } }@media (max-width: 991.98px) { body.g22-custom-chrome .g22-clip-card { flex-basis: calc((100% - (.75rem * 2)) / 3); min-width: 0; } }@media (max-width: 767.98px) { body.g22-custom-chrome .g22-custom-header {  height: 74px !important; padding: 0 .75rem !important; } body.g22-custom-chrome .g22-main-column {  padding-top: 74px !important; padding-bottom: 88px !important; } body.g22-custom-chrome .g22-brand-avatar { width: 34px; height: 34px; border-width: 1px; } body.g22-custom-chrome .g22-brand-wordmark { height: 35px !important; max-height: none !important; } body.g22-custom-chrome .g22-brand-sub { font-size: .62rem; margin-top: 0rem !important; } body.g22-custom-chrome .g22-brand-sub-icon svg { width: 11px; height: 11px; } body.g22-custom-chrome .g22-header-right { position: relative; min-width: 0; height: 100%; gap: .68rem; z-index: 6; } body.g22-custom-chrome .g22-bell-btn { width: 30px; height: 30px; border-radius: 9px; border: 0; background: transparent; margin-right: .18rem; } body.g22-custom-chrome .g22-bell-btn svg { width: 16px; height: 16px; } body.g22-custom-chrome .g22-bell-btn .g22-bell-badge { top: -4px; right: -4px; min-width: 17px; height: 17px; font-size: .64rem; } body.g22-custom-chrome .g22-notif-panel { width: min(94vw, 265px); } body.g22-custom-chrome .g22-header-pts-info .g22-header-pts-tooltip { right: -34px; width: min(82vw, 200px); } body.g22-custom-chrome .g22-header-pts-info-control { display: none !important; } body.g22-custom-chrome .g22-header-avatar-btn { width: 42px; height: 42px; border-radius: 9999px; overflow: visible; position: relative; z-index: 3; transform: translateX(-5px); } body.g22-custom-chrome .g22-header-avatar-btn img { width: 42px; height: 42px; min-width: 42px; min-height: 42px; border-radius: 9999px; border: 1px solid rgba(255,255,255,.22); box-shadow: 0 10px 22px rgba(0,0,0,.26); } body.g22-custom-chrome .g22-header-pts { position: absolute; top: calc(50% + 8px); right: calc(38px + .68rem + 21px); transform: translateX(calc(50% - 5px)); min-width: 0; height: 24px; padding: 0 .62rem; border-radius: 999px; gap: .24rem; font-size: .72rem; font-weight: 800; letter-spacing: .01em; background: rgba(34,34,38,.94); border-color: rgba(255,255,255,.12); box-shadow: 0 10px 22px rgba(0,0,0,.24); z-index: 8; } body.g22-custom-chrome .g22-header-pts-coin, body.g22-custom-chrome .g22-header-pts-refresh { display: none; } body.g22-custom-chrome .g22-header-pts-val { display: block; line-height: 1; } body.g22-custom-chrome .g22-login-btn { height: 32px !important; padding: 0 .62rem !important; font-size: .82rem !important; } body.g22-custom-chrome .g22-login-name { max-width: 88px; } body.g22-custom-chrome .g22-logout-btn { width: 38px; height: 36px; padding: 0; border-radius: 11px; } body.g22-custom-chrome .g22-se-points-head { padding: .58rem .62rem; } body.g22-custom-chrome .g22-se-points-title { font-size: .82rem; } body.g22-custom-chrome .g22-se-points-sub { font-size: .66rem; } body.g22-custom-chrome .g22-se-points-table th, body.g22-custom-chrome .g22-se-points-table td { padding: .48rem .58rem; font-size: .72rem; } body.g22-custom-chrome .g22-se-points-table th { font-size: .62rem; } body.g22-custom-chrome .g22-slotsd-shell { padding: .72rem .68rem 1rem; } body.g22-custom-chrome .g22-slotsd-filters { grid-template-columns: 1fr; gap: .55rem; padding: .56rem; } body.g22-custom-chrome .g22-slotsd-search-wrap { height: 40px; } body.g22-custom-chrome .g22-slotsd-provider-toggle { height: 40px; font-size: .8rem; } body.g22-custom-chrome .g22-slotsd-provider-menu { top: calc(100% + .28rem); max-height: min(44vh, 260px); } body.g22-custom-chrome .g22-slotsd-provider-option { font-size: .72rem; padding: .46rem .5rem; } body.g22-custom-chrome .g22-slotsd-head-row h3 { font-size: 1.3rem; } body.g22-custom-chrome .g22-slotsd-provider-bar { margin-bottom: .42rem; } body.g22-custom-chrome .g22-slotsd-provider-title { font-size: .93rem; gap: .38rem; } body.g22-custom-chrome .g22-slotsd-provider-count { font-size: .68rem; } body.g22-custom-chrome .g22-slotsd-nav-btn { width: 30px; height: 30px; border-radius: .55rem; } body.g22-custom-chrome .g22-slotsd-track { gap: .5rem; } body.g22-custom-chrome .g22-slotsd-card { flex-basis: 38vw; width: 38vw; max-width: 146px; min-width: 124px; } body.g22-custom-chrome .g22-slotsd-play { min-width: 78px; font-size: .64rem; padding: .4rem .56rem; } body.g22-custom-chrome .g22-clips-track { gap: .55rem !important; } body.g22-custom-chrome .g22-clip-card { flex-basis: calc((100% - .55rem) / 2); min-width: 0; } body.g22-custom-chrome .g22-clip-play-btn { width: 40px; height: 40px; } body.g22-custom-chrome .g22-clip-play-btn svg { width: 17px; height: 17px; } body.g22-custom-chrome .g22-clip-twitch-logo img { height: 16px; } body.g22-custom-chrome .g22-clip-body { min-height: 66px; padding: .48rem .52rem .56rem; } body.g22-custom-chrome .g22-clip-title { font-size: .78rem; } body.g22-custom-chrome .g22-clip-meta { font-size: .68rem; } body.g22-custom-chrome .g22-home-slots-track { gap: .55rem !important; } body.g22-custom-chrome .g22-slot-card { flex-basis: calc((100% - .55rem) / 2); min-width: 0; } .g22-slot-card .g22-slot-thumb { height: 170px; } .g22-slot-card .g22-slot-overlay { opacity: 1; } .g22-slot-card .g22-slot-play { opacity: 1; transform: translate(-50%, -50%) scale(1); font-size: .68rem; min-width: 84px; padding: .45rem .72rem; background: rgba(9,10,16,.78); } .g22-slot-card .g22-slot-image { filter: brightness(.72); } body.g22-custom-chrome .g22-giveaways-shell { padding: .85rem .7rem 1rem; } body.g22-custom-chrome .g22-giveaways-title { font-size: 1.66rem; } body.g22-custom-chrome .g22-giveaways-sub { font-size: .9rem; } body.g22-custom-chrome .g22-giveaways-head h2 { font-size: 1.44rem; } body.g22-custom-chrome .g22-giveaways-grid { grid-template-columns: 1fr; gap: .78rem; } body.g22-custom-chrome .g22-giveaway-card { grid-template-columns: 122px 1fr; min-height: 196px; padding: .62rem; gap: .6rem; } body.g22-custom-chrome .g22-giveaway-thumb { min-height: 164px; } body.g22-custom-chrome .g22-giveaway-title { font-size: .95rem; } body.g22-custom-chrome .g22-giveaway-sub { font-size: .78rem; } body.g22-custom-chrome .g22-giveaway-meta { font-size: .76rem; } body.g22-custom-chrome .g22-giveaway-cta { height: 38px; font-size: .78rem; } #g22-slots-modal { padding: .32rem; } #g22-slots-modal .g22-slots-dialog { width: min(98.5vw, 460px); max-height: 96vh; padding: .45rem; } #g22-slots-modal .g22-slots-topbar { grid-template-columns: 1fr auto; align-items: start; gap: .45rem; } #g22-slots-modal .g22-slots-title { font-size: .93rem; padding-top: .12rem; } #g22-slots-modal .g22-slots-meta { grid-column: 1 / -1; max-width: none; margin-top: .08rem; } #g22-slots-modal .g22-slots-actions { gap: .34rem; } #g22-slots-modal .g22-slots-close, #g22-slots-modal .g22-slots-fullscreen { width: 30px; height: 30px; border-radius: .55rem; } #g22-slots-modal .g22-slots-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .36rem; } #g22-slots-modal .g22-slots-meta-item { padding: .34rem .44rem; } #g22-slots-modal .g22-slots-meta-label { font-size: .58rem; } #g22-slots-modal .g22-slots-meta-value { font-size: .74rem; } #g22-slots-modal .g22-slots-frame { height: min(78vh, 760px); } #g22-external-modal { padding: .58rem; } #g22-external-modal .g22-external-dialog { width: min(96vw, 420px); border-radius: 18px; padding: 2rem 1.1rem 1.2rem; } #g22-external-modal .g22-external-close { right: .5rem; top: .42rem; width: 30px; height: 30px; } #g22-external-modal .g22-external-title { font-size: 1.7rem; } #g22-external-modal .g22-external-sub { font-size: .92rem; margin-top: .58rem; } #g22-external-modal .g22-external-continue { height: 44px; min-width: 160px; font-size: .93rem; margin-top: 1.05rem; } #g22-business-modal { padding: .58rem; } #g22-business-modal .g22-business-dialog { width: min(96vw, 430px); border-radius: 18px; padding: 1.95rem 1.05rem 1.2rem; } #g22-business-modal .g22-business-close { right: .5rem; top: .42rem; width: 30px; height: 30px; } #g22-business-modal .g22-business-title { font-size: 1.38rem; } #g22-business-modal .g22-business-sub { font-size: .82rem; margin-top: .5rem; } #g22-business-modal .g22-business-email { font-size: 1.12rem; margin-top: .65rem; } #g22-business-modal .g22-business-copy { height: 40px; min-width: 150px; font-size: .82rem; margin-top: .92rem; } body.g22-custom-chrome [data-sidebar='sidebar'] { display: none !important; } body.g22-custom-chrome [data-sidebar='trigger'], body.g22-custom-chrome [data-sidebar='rail'] { display: none !important; } #g22-mobile-nav { display: flex; } }body.g22-route-mines main > div:not(#g22-mines-panel){display:none!important}body.g22-route-gtb main > div:not(#g22-gtb-panel){display:none!important}body.g22-route-slots main > div:not([data-g22-slotsd-shell-host='1']){display:none!important}
body.g22-custom-chrome .g22-slotsd-filters {
  background: linear-gradient(180deg, rgb(16 16 16 / 95%), rgb(2 2 2 / 90%)) !important;
}

body.g22-custom-chrome .g22-slotsd-provider-menu {
  background: linear-gradient(180deg, rgb(16 16 16), rgb(2 2 2)) !important;
}

body.g22-custom-chrome .g22-slotsd-search-wrap {
  background: rgb(23 23 24 / 72%) !important;
}
body.g22-custom-chrome .g22-header-pts {
  background: rgb(26 27 28 / 88%) !important;
}

body.g22-custom-chrome .g22-logout-btn {
  background: rgb(26 27 28 / 88%) !important;
}







/* Slots Demo hardening: lock card/thumb sizing to avoid inherited layout conflicts */
body.g22-route-slots [data-g22-slotsd-shell-host='1'] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  isolation: isolate;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-provider-sec {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding-bottom: .18rem !important;
  box-sizing: border-box !important;
  scroll-snap-type: x proximity;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-card {
  position: relative !important;
  display: block !important;
  flex: 0 0 176px !important;
  width: 176px !important;
  min-width: 176px !important;
  max-width: 176px !important;
  align-self: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  transform: none !important;
  filter: none !important;
  contain: layout style !important;
  isolation: isolate !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-thumb-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 540 / 714 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #0f1012 !important;
  box-sizing: border-box !important;
  transform: none !important;
  filter: none !important;
  contain: layout paint !important;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-thumb {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-overlay {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 767.98px) {
  body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-card {
    flex-basis: 38vw !important;
    width: 38vw !important;
    min-width: 124px !important;
    max-width: 146px !important;
  }
}


/* g22 slots demo 11 visible with one-by-one arrows */
body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-track {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

@media (min-width: 1440px) {
  body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-track {
    gap: .6rem !important;
  }

  body.g22-route-slots [data-g22-slotsd-shell-host='1'] .g22-slotsd-card {
    flex: 0 0 calc((100% - (10 * .6rem)) / 11) !important;
    width: calc((100% - (10 * .6rem)) / 11) !important;
    min-width: calc((100% - (10 * .6rem)) / 11) !important;
    max-width: calc((100% - (10 * .6rem)) / 11) !important;
  }
}