*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#030303;background-image:radial-gradient(760px 420px at 8% -8%,rgba(20,80,48,.25),transparent 62%),linear-gradient(180deg,#050505 0%,#020202 60%,#000 100%);color:#fff;min-height:100vh}.page{max-width:1400px;margin:0 auto;padding:18px 20px 46px}.hero{text-align:center;margin-bottom:22px}.hero-banner{position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(100%,1180px);min-height:210px;text-decoration:none;color:#fff;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,rgba(20,70,45,.55),rgba(10,10,10,.9));border:1px solid rgba(255,214,102,.18)}.hero-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;filter:saturate(.85) brightness(.65)}.hero-banner span{position:relative;z-index:1;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(4rem,14vw,11rem);letter-spacing:.04em;color:rgba(255,255,255,.58);text-shadow:0 4px 0 rgba(0,0,0,.3),0 0 34px rgba(68,255,165,.22)}.hero p{color:rgba(255,255,255,.7);margin-top:12px}.session-alert{margin:0 auto 18px;max-width:980px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,178,31,.35);background:rgba(80,45,0,.28);color:#ffe7b8;font-size:.92rem;line-height:1.45}.session-alert strong{color:#fff4d8}.session-alert.offline{border-color:rgba(255,92,92,.35);background:rgba(80,12,12,.28);color:#ffd4d4}.status-bar{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:10px auto 24px;padding:10px 16px;width:max-content;max-width:100%;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(255,214,102,.24)}.status-item{font-size:.9rem;color:rgba(255,244,216,.88)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:7px;background:#18e38d;box-shadow:0 0 12px rgba(24,227,141,.75)}.status-dot.warn{background:#ffb21f;box-shadow:0 0 12px rgba(255,178,31,.75)}.status-dot.offline{background:#ff5c5c;box-shadow:0 0 12px rgba(255,92,92,.75)}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.controls input,.controls select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:12px 14px;min-height:44px}.controls input{flex:1 1 320px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}.game-card{display:block;text-decoration:none;color:inherit;position:relative;border-radius:22px;min-height:300px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 44px rgba(0,0,0,.34);transition:transform .18s,filter .18s}.game-card:hover{transform:translateY(-6px);filter:brightness(1.06)}.card-top{display:flex;justify-content:flex-end;align-items:center;min-height:30px}.id-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,214,102,.35);background:rgba(0,0,0,.42);font-size:.78rem;font-weight:800;color:#fff4d8}.game-title{font-size:1.22rem;font-weight:900;line-height:1.1;margin-top:18px;color:#fff4d8}.game-sub{margin-top:8px;color:rgba(255,255,255,.62);font-size:.86rem}.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.meta-chip{font-size:.76rem;border-radius:999px;padding:7px 9px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.75)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.metric{border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);padding:10px 8px;text-align:center}.metric span{display:block;font-size:.68rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em}.metric strong{display:block;margin-top:4px;font-size:1.08rem;color:#fff}.metric.good strong{color:#18e38d}.metric.warn strong{color:#ffb21f}.view-dashboard{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:10px 14px;border-radius:13px;background:linear-gradient(135deg,#104b31,#1f8a5a);border:1px solid rgba(68,255,165,.25);color:#fff;font-weight:800;font-size:.86rem;min-width:135px;max-width:56%}.note{margin-top:12px;color:rgba(255,255,255,.54);font-size:.78rem;line-height:1.35}.no-results{grid-column:1/-1;text-align:center;color:rgba(255,255,255,.6);padding:40px}footer{text-align:center;margin-top:38px;color:rgba(255,255,255,.45);font-size:.85rem}@media(max-width:520px){.page{padding:12px}.hero-banner{min-height:145px}.games-grid{grid-template-columns:1fr}.view-dashboard{max-width:60%;min-width:120px}.metrics{gap:6px}.metric{padding:8px 5px}.metric strong{font-size:.94rem}}


/* TenguBet dark surface override: remove green/blue cast from the hub shell. */
body.blackjack-hub{
  background:#020202!important;
  background-image:radial-gradient(760px 420px at 8% -8%,rgba(90,8,8,.24),transparent 62%),linear-gradient(180deg,#030303 0%,#020202 60%,#000 100%)!important;
}
body.blackjack-hub .view-dashboard{
  background:linear-gradient(135deg,#5d0707,#160505)!important;
  border-color:rgba(255,214,102,.24)!important;
}

/* Full-width header art: same treatment as roulette/baccarat hub banners. */
body.blackjack-hub .hero-banner{
  display:inline-block!important;
  width:min(100%,1180px)!important;
  min-height:0!important;
  border:none!important;
  border-radius:0!important;
  background:none!important;
  overflow:visible!important;
}
body.blackjack-hub .hero-banner img{
  position:static!important;
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:initial!important;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 24px 46px rgba(0,0,0,.48))!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.blackjack-hub .hero-banner span{
  display:none!important;
}