/* ---------- front page: navy background, welcome hero, promo tiles, game covers, footer ---------- */
/* plain layered navy instead of the generated bokeh backdrop */
/* Barely visible, soft navy atmosphere shared by the standard pages. */
body{background:radial-gradient(ellipse at 76% 3%,#16283e45,transparent 48%),radial-gradient(ellipse at 12% 84%,#12252f28,transparent 46%),linear-gradient(155deg,#09111e,#080f1b 45%,#070d17);background-attachment:fixed;background-color:#080f1b}
/* The shared skyline starts at the top of every page and fades into the site background. */
body{position:relative}
body:after{content:"";position:absolute;top:0;left:0;right:0;height:clamp(800px,70vw,1160px);z-index:0;pointer-events:none;
  background:url(../assets/city-silhouette-v5.png) center top/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(#000 48%,#000b 72%,transparent 100%);mask-image:linear-gradient(#000 48%,#000b 72%,transparent 100%)}
@media(max-width:600px){body:after{height:700px;background-position:58% top;opacity:.44}}
body:has(.slotview.on):after{display:none}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:16px}
.h-main{position:relative;overflow:hidden;border-radius:16px;min-height:250px;padding:30px 34px;display:flex;align-items:center;border:1px solid #23457a;
  background:linear-gradient(90deg,#0d1f45 0%,#0d1f45 44%,#0d1f45b0 52%,#0d1f4500 64%),url(../assets/hero_a_r.jpg) right center/auto 100% no-repeat,#0d1f45}
.h-txt{position:relative;z-index:1;max-width:520px}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.hero h1{margin:8px 0 10px;font-size:clamp(28px,2.6vw,40px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#fff}
.hero p{margin:0 0 18px;font-size:15px;line-height:1.5;color:#c3d3ee;max-width:430px}
.h-cta{display:flex;gap:10px;flex-wrap:wrap}
.h-cta .btn{height:46px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;font-weight:700;width:auto}
.h-stats{display:flex;gap:18px;margin-top:16px;font-size:13.5px;color:var(--muted)}
.h-stats b{color:#fff;font-weight:700}
.h-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.promo{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:var(--surface);
  text-align:left;cursor:pointer;color:inherit;font:inherit;transition:border-color .15s,background .15s}
.promo:hover{border-color:#3a6aae;background:#132748}
.promo .pi{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;background:#2fe08f1f;color:var(--win)}
.promo.rb .pi{background:#ffc94a1f;color:var(--gold)}
.promo.ft .pi{background:#4285ff26;color:var(--accent-hi)}
.promo .pi .ic{width:22px;height:22px}
.promo .pt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.promo small{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.promo b{font-size:17px;font-weight:700;color:#fff}
.promo .pt > span{font-size:13px;color:var(--muted);line-height:1.35}
.promo > .ic{color:var(--dim);flex:none}
.promo.cooling .pi{background:#ffffff0d;color:var(--dim)}
.promo.cooling b{color:var(--muted)}

/* category bar */
.toolbar{margin:22px 0 28px}

/* game tiles: art + name/description underneath */
.strip{grid-auto-columns:clamp(150px, 12vw, 172px)}
.gc.v2{aspect-ratio:auto;overflow:visible;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:9px}
.gc.v2:after{display:none}
.gc.v2 .art{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#101d32;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .18s,box-shadow .18s}
.gc.v2 .art:before{content:"";position:absolute;left:calc(50% - 12px);top:calc(43% - 12px);width:24px;height:24px;border:2px solid #a9c4ef18;border-top-color:#a9c4ef88;border-radius:50%;animation:homeArtLoad .9s linear infinite}
.gc.v2 .art.art-ready:before{display:none}
.gc.v2 .art.art-error:before{content:"Artwork unavailable";inset:35% 8% auto;width:auto;height:auto;border:0;border-radius:0;animation:none;color:var(--muted);font-size:12px;text-align:center;line-height:1.5}
@keyframes homeArtLoad{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gc.v2 .art:before{animation:none}}
.gc.v2 .art:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1f;pointer-events:none}
.gc.v2:hover{transform:none;box-shadow:none}
.gc.v2:hover .art{transform:none;box-shadow:none}
.gc.v2 .art img.tile,.gc.v2 .art .ttl{transform:none}
.gc.v2 .art img.tile-object{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;mask-size:cover;mask-position:50% 43%;mask-repeat:no-repeat;pointer-events:none;opacity:0;transform-origin:50% 40%;transition:transform .27s cubic-bezier(.2,.8,.2,1),opacity .15s}
.gc.v2.pop-art .art .ttl{transform-origin:50% 55%;transition:transform .27s cubic-bezier(.2,.8,.2,1)}
.gc.v2.pop-art .art img.tile{visibility:hidden}
.gc.v2.pop-art .art img.tile-object{opacity:1}
.gc.v2.pop-art .art{background-image:var(--tile-backdrop);background-size:cover;background-position:50% 43%}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .gc.v2.pop-art:hover .art.art-ready img.tile-object{transform:scale(1.065);opacity:1}
  .gc.v2.pop-art:hover .art.art-ready .ttl{transform:translateY(-2px) scale(1.06)}
}
@media (prefers-reduced-motion:no-preference){
  .gc.v2.pop-art:focus-visible .art.art-ready img.tile-object{transform:scale(1.065);opacity:1}
  .gc.v2.pop-art:focus-visible .art.art-ready .ttl{transform:translateY(-2px) scale(1.06)}
}
.gc.v2:hover .art:after,.gc.v2:focus-visible .art:after{box-shadow:inset 0 0 0 2px #65c7ffaa}
.gc.v2:focus-visible{box-shadow:none}
.gc.v2 .meta{display:flex;flex-direction:column;gap:1px;padding:0 2px;min-width:0}
.gc.v2 .meta b{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc.v2 .meta small{font-size:12.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc.v2 .livetag{top:9px;left:9px}
.cgrid .gc.v2{aspect-ratio:auto}

/* your recent wins */
.row.wins{margin-bottom:30px}
.wstrip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.wstrip::-webkit-scrollbar{display:none}
.win{flex:none;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.win:hover{border-color:#3a6aae}
.win .wi{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff}
.win .wi .ic{width:18px;height:18px}
.win b{display:block;font-size:13.5px}
.win small{display:block;font-size:12.5px;color:var(--muted)}
.win em{font-style:normal;color:var(--win);font-weight:700}

/* footer */
.site-foot{margin-top:48px;padding-top:28px;border-top:1px solid var(--border);color:var(--muted);font-size:13.5px}
.fcols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) minmax(0,1fr);gap:32px}
.fbrand img{height:30px;display:block;margin-bottom:10px}
.fbrand p{margin:0;line-height:1.55;max-width:340px}
.fbrand p+p{margin-top:12px}
.site-foot h4{margin:0 0 10px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.site-foot nav{display:flex;flex-direction:column;gap:7px}
.site-foot nav.fgames{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:7px 16px}
.site-foot a:hover{color:var(--text)}
.fline{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding:16px 0 8px;border-top:1px solid var(--border-soft);font-size:12.5px;color:var(--dim)}

@media (max-width:1100px){ .hero{grid-template-columns:1fr} .h-side{grid-template-rows:none;grid-template-columns:1fr 1fr} }
@media (max-width:700px){
  .h-main{padding:22px 20px;min-height:0}
  .h-main{background:linear-gradient(180deg,#0d1f45ee,#0d1f45cc),url(../assets/hero_a.jpg) 70% center/cover no-repeat,#0d1f45}
  .h-side{grid-template-columns:1fr}
  .fcols{grid-template-columns:1fr}
  .strip{grid-auto-columns:clamp(132px, 38vw, 160px)}
}
/* Keep a neutral placeholder until the current thumbnail has loaded. */
.gc.v2 .art img.tile{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0}
.gc.v2 .art.art-ready img.tile{opacity:1}
.gc.v2 .art .livetag,.gc.v2 .art .fav{z-index:2}

.h-txt{max-width:400px}
.hero p{max-width:370px}

/* donut coin currency icon everywhere (header balance, stake fields) */
.coin{background:url(../assets/optimized/coin.52ca4e2d31dc.webp) center/contain no-repeat;border-radius:0;width:19px;height:19px}
.bal .coin{width:24px;height:24px}
.betrow .coin{width:16.15px;height:16.15px}
/* illustrated promo icons */
.promo .pi.img{width:64px;height:64px;background:none;border-radius:0}
.promo .pi.img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #0006)}
.promo:hover .pi.img img{transform:translateY(-2px) rotate(-3deg);transition:transform .2s}
/* recent wins ticker */
.rowhead .rh-ic{width:30px;height:30px;object-fit:contain}
.rowhead .wsub{font-size:13px;color:var(--dim);margin-left:4px}
.ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker:not(.loop){overflow-x:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none}
.ticker .track{display:flex;width:max-content}
.ticker.loop .track{animation:wtick calc(var(--n) * 3.2s) linear infinite}
.ticker.loop:hover .track{animation-play-state:paused}
@keyframes wtick{to{transform:translateX(-50%)}}
.ticker .win{flex:none;margin-right:12px;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .15s,transform .15s}
.ticker .win:hover{border-color:#3a6aae;transform:translateY(-2px)}
.ticker .wt{width:42px;height:52px;border-radius:8px;overflow:hidden;flex:none}
.ticker .wt img{width:100%;height:100%;object-fit:cover;display:block}
.ticker .wn b{display:block;font-size:14px}
.ticker .wn small{display:inline-block;margin-top:3px;font-size:12px;font-weight:700;color:#cfe0ff;background:#ffffff12;border-radius:5px;padding:1px 6px}
.ticker .win em{font-style:normal;font-weight:800;font-size:15px;color:var(--win);margin-left:6px}
/* titled tile art (the game name is in the picture), so hide the duplicate name/blurb under the tile like real lobbies */
.gc.v2 .meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* game name set in code over the art (crisp, consistent); the fade hides any lettering baked into older tile images */
.gc.v2 .art .tfade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,color-mix(in srgb,var(--c) 40%,#050b1acc) 82%,color-mix(in srgb,var(--c) 35%,#050b1a) 100%)}
.gc.v2 .art .ttl{position:absolute;left:8px;right:8px;bottom:9%;z-index:1;text-align:center;pointer-events:none;
  font:400 clamp(20px,1.75vw,27px)/.98 'Lilita One',Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;
  text-shadow:0 2px 0 #0007,0 0 14px #0006;-webkit-text-stroke:.6px #00000040}

/* Arcade-print promo cards: restrained color, flat illustrated objects. */
.hero-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pbanner{position:relative;display:block;min-height:214px;border-radius:14px;overflow:hidden;border:1px solid #284153;
  background:#112636;color:#fff;isolation:isolate;transition:transform .15s,box-shadow .15s}
.pbanner.rb{--ac:#efc15b;background:#1d2a35}.pbanner.sl{--ac:#80cfb7;background:#102d32}.pbanner.fp{--ac:#80cfb7;background:#102d32}.pbanner.rf{--ac:#f09ca8;background:#242b40}
.pbanner:before{content:"";position:absolute;inset:14px 14px 14px auto;width:40%;border:1px solid #ffffff0c;border-radius:50% 50% 12px 12px;pointer-events:none}
.pb-art{position:absolute;z-index:1;top:50%;right:8px;display:block;width:43%;max-width:240px;height:auto;aspect-ratio:1;object-fit:contain;opacity:1;transform:translateY(-50%);pointer-events:none;transition:transform .3s ease}
.pbanner:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px #000;transition:transform .15s,box-shadow .15s}
.pbanner:hover .pb-art{transform:translateY(-52%) rotate(2deg)}
.pb-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:11px;padding:30px 26px;max-width:56%}
.pb-h{margin:0;font-size:clamp(26px,2.5vw,40px);line-height:.95;color:#fff;letter-spacing:.01em}
.pb-h em{font-style:normal;color:var(--ac)}
.pb-sub{margin:0;font-size:14px;font-weight:500;color:#b2c1cd;line-height:1.5}
.pb-go{margin-top:6px;align-self:flex-start;font-size:14px;font-weight:800;color:#0a0d12;background:var(--ac);border-radius:8px;padding:10px 18px}
.pbanner:hover .pb-go{filter:brightness(1.08)}
@media (min-width:901px) and (max-width:1160px){.pb-in{padding:25px 18px}.pb-h{font-size:27px}.pb-sub{font-size:13px}.pb-go{font-size:12px;padding:10px 12px}}
@media (max-width:900px){.hero-banners{grid-template-columns:1fr}.pbanner{min-height:200px}.pb-in{max-width:56%;padding:24px 22px}.pb-art{right:8px;width:43%;max-width:240px}}
@media (max-width:480px){.pb-in{max-width:56%;padding:24px 18px}.pb-h{font-size:28px}.pb-sub{font-size:12.5px}.pb-go{font-size:12px;padding:10px 12px}.pb-art{right:6px;width:43%}}
@media (prefers-reduced-motion:reduce){.pbanner,.pb-art{transition:none}.pbanner:hover .pb-art{transform:translateY(-50%)}}
/* The same sharp donut mark in the header, footer and favicon. */
.logo-ic{filter:none}
.fbrand-wordmark{display:flex;align-items:center;gap:8px;margin-bottom:12px;width:max-content}
.fbrand .fbrand-wordmark img{height:64px;width:auto;max-width:200px;object-fit:contain;margin:0}
.fbrand-wordmark .logo-wm{font-size:22px}

/* Activity preview: quiet alternating rows, compact money, clear personal results. */
.home-feed{margin-top:42px}
.hf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.hf-tabs{display:flex;gap:4px;padding:5px;border-radius:8px;background:#19212d}
.hf-tabs button{border:0;background:none;color:#a5afbf;padding:11px 17px;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}
.hf-tabs button:hover{color:#fff;background:#ffffff06}
.hf-tabs button.on{background:#303a4a;color:#fff}
.hf-tabs button:focus-visible{box-shadow:var(--ring)}
.hf-table{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#33435c transparent;border-radius:7px}
.hf-table table{width:100%;min-width:640px;table-layout:fixed;border-collapse:collapse;font-size:13px}
.hf-table th{font-size:11px;font-weight:500;color:#8392a9;border:0;background:none;padding:9px 15px 13px;text-align:left}
.hf-table th:nth-child(1){width:22%}.hf-table th:nth-child(2){width:25%}.hf-table th:nth-child(3){width:18%}.hf-table th:nth-child(4){width:15%}.hf-table th:nth-child(5){width:20%}
.hf-table td{height:56px;padding:12px 15px;border:0;text-align:left;color:#e1e7ef;background:#10182480}
.hf-table tr:nth-child(odd) td{background:#1a2332bf}
.hf-table tr:hover td{background:#233046}
.hf-table .hf-user,.hf-game,.hf-money{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.hf-user>b,.hf-game>span{overflow:hidden;text-overflow:ellipsis}
.hf-user>.pf-level-badge.hf-level{min-width:22px;height:18px;padding:0 4px;border-radius:4px;font-size:10px}
.hf-user>svg,.hf-game>.ic{width:18px;height:18px;flex:none}
.hf-user>em{font-style:normal;font-size:8px;font-weight:800;background:#4285ff;color:#fff;padding:1px 4px;border-radius:3px}
.hf-game{color:#e9eef6;font-weight:650}.hf-game>.ic{color:#aabbd1}
.hf-game:hover{color:var(--cyan)}
.hf-money .coin{width:14px;height:14px;flex:none}
.hf-table .hf-mult{color:#d8e1ee}.hf-table .lost .hf-mult,.hf-table .lost .hf-result{color:#7e8da4}
.hf-table .won .hf-result{color:#2fe08f}.hf-table .push .hf-result{color:#a8b5c7}
.hf-table .hf-empty{text-align:center;color:#8999af;height:90px}
.hf-note{display:flex;justify-content:space-between;gap:14px;color:#6f829c;font-size:10px;margin:11px 2px 0}
.hf-note>span{margin-left:auto}
.hf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:700px){.hf-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}.hf-tabs{flex:1}.hf-tabs button{flex:1;padding:10px 12px}.hf-note{flex-wrap:wrap;font-size:10px}.home-feed{margin-top:30px}}

/* Originals uses the same physical card size and scale as the lobby row. */
.list-heading{display:flex;align-items:center;gap:16px;min-height:76px;margin:0 0 26px;padding:8px 0 20px;border-bottom:1px solid #8da8c325}
.list-heading h1{margin:0;color:#f1f5fb;font:750 24px/1.2 Inter,Arial,sans-serif;letter-spacing:-.025em}
.list-back{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:36px;padding:0 11px;border:1px solid #8da8c31a;border-radius:7px;background:#ffffff09;color:#a9b9cb;font-size:12px;font-weight:650;transition:background .18s,color .18s}
.list-back .ic{width:15px;height:15px}.list-back:hover{background:#ffffff13;color:white}.list-back:focus-visible{outline:2px solid #63c6f5;outline-offset:3px}
@media(max-width:600px){.list-heading{gap:12px;min-height:66px;margin-bottom:20px;padding-bottom:16px}.list-heading h1{font-size:22px}}
#v-home .cgrid,#v-list .cgrid{grid-template-columns:repeat(auto-fill,clamp(150px,12vw,172px));justify-content:start}
@media(max-width:700px){#v-home .cgrid,#v-list .cgrid{grid-template-columns:repeat(auto-fill,clamp(132px,38vw,160px))}}
.gc.v2[data-g="dice"] .art{border:2px solid #4189da;border-radius:11px;background-color:#04112b;box-shadow:0 0 12px #3389ff16}
.gc.v2[data-g="dice"] .art img.tile{object-position:50% 43%}
.gc.v2[data-g="dice"] .art .tfade{background:linear-gradient(transparent 65%,#05133266 84%,#051332aa)}
.gs-game[data-search-game="dice"] .gs-art{border:2px solid #4189da}

.gc.v2[data-g="crash"]{--cover-border:#a44b44;--cover-dark:#23090b}.gc.v2[data-g="mines"]{--cover-border:#318866;--cover-dark:#041c16}.gc.v2[data-g="plinko"]{--cover-border:#8050a4;--cover-dark:#160a29}
.gc.v2:is([data-g="crash"],[data-g="mines"],[data-g="plinko"]) .art{border:2px solid var(--cover-border);border-radius:11px;background-color:var(--cover-dark)}
.gc.v2:is([data-g="crash"],[data-g="mines"],[data-g="plinko"]) .art img.tile{object-position:50% 43%}
.gc.v2:is([data-g="crash"],[data-g="mines"],[data-g="plinko"]) .art .tfade{background:linear-gradient(transparent 65%,color-mix(in srgb,var(--cover-dark) 60%,transparent) 100%)}
.gs-game:is([data-search-game="crash"],[data-search-game="mines"],[data-search-game="plinko"]) .gs-art{border:2px solid var(--game-color)}

/* Cohesive, restrained covers for the remaining Originals and classics. */
.gc.v2[data-g="flight"]{--cover-border:#467eae;--cover-dark:#071b2e}
.gc.v2[data-g="limbo"]{--cover-border:#b77b3e;--cover-dark:#281608}
.gc.v2[data-g="blackjack"]{--cover-border:#965364;--cover-dark:#270b18}
.gc.v2[data-g="roulette"]{--cover-border:#92714d;--cover-dark:#21180f}
.gc.v2[data-g="baccarat"]{--cover-border:#418873;--cover-dark:#09221b}
.gc.v2[data-g="coinflip"]{--cover-border:#557fac;--cover-dark:#0a1b30}
.gc.v2[data-g="keno"]{--cover-border:#7360a6;--cover-dark:#17112d}
.gc.v2[data-g="hilo"]{--cover-border:#408d94;--cover-dark:#08282b}
.gc.v2[data-g="frosted"]{--cover-border:#526fa5;--cover-dark:#101d38}
.gc.v2:is([data-g="flight"],[data-g="limbo"],[data-g="blackjack"],[data-g="roulette"],[data-g="baccarat"],[data-g="coinflip"],[data-g="keno"],[data-g="hilo"],[data-g="frosted"]) .art{border:2px solid var(--cover-border);border-radius:11px;background-color:var(--cover-dark)}
.gc.v2:is([data-g="flight"],[data-g="limbo"],[data-g="blackjack"],[data-g="roulette"],[data-g="baccarat"],[data-g="coinflip"],[data-g="keno"],[data-g="hilo"],[data-g="frosted"]) .art img.tile{object-position:50% 43%}
.gc.v2:is([data-g="flight"],[data-g="limbo"],[data-g="blackjack"],[data-g="roulette"],[data-g="baccarat"],[data-g="coinflip"],[data-g="keno"],[data-g="hilo"],[data-g="frosted"]) .art .tfade{background:linear-gradient(transparent 65%,color-mix(in srgb,var(--cover-dark) 60%,transparent) 100%)}

.gs-game[data-search-game="flight"] .gs-art{border:2px solid #467eae;background:#071b2e}
.gs-game[data-search-game="limbo"] .gs-art{border:2px solid #b77b3e;background:#281608}
.gs-game[data-search-game="blackjack"] .gs-art{border:2px solid #965364;background:#270b18}
.gs-game[data-search-game="roulette"] .gs-art{border:2px solid #92714d;background:#21180f}
.gs-game[data-search-game="baccarat"] .gs-art{border:2px solid #418873;background:#09221b}
.gs-game[data-search-game="coinflip"] .gs-art{border:2px solid #557fac;background:#0a1b30}
.gs-game[data-search-game="keno"] .gs-art{border:2px solid #7360a6;background:#17112d}
.gs-game[data-search-game="hilo"] .gs-art{border:2px solid #408d94;background:#08282b}
.gs-game[data-search-game="frosted"] .gs-art{border:2px solid #526fa5;background:#101d38}

#site-tail{padding-bottom:42px;padding-top:18px}
@media(min-width:901px){#site-tail{zoom:calc(.81 / var(--ui-scale))}}

.pbanner.wd{--ac:#80cfb7;background:#102d32;container-type:inline-size}
.pbanner.wd .pb-h{font-size:clamp(21px,8.6cqw,40px)}