
:root{
  --gh-luxe-ring: rgba(138,255,176,.22);
  --gh-luxe-cyan: rgba(122,220,255,.22);
  --gh-luxe-gold: rgba(255,209,102,.22);
  --gh-luxe-violet: rgba(164,129,255,.20);
  --gh-luxe-shadow: 0 24px 60px rgba(0,0,0,.34);
  --gh-luxe-shadow-soft: 0 16px 34px rgba(0,0,0,.24);
}

body.gh-dashboard-luxe,
body.gh-profile-luxe,
body.gh-game-luxe{
  position:relative;
  isolation:isolate;
}
body.gh-dashboard-luxe::before,
body.gh-profile-luxe::before,
body.gh-game-luxe::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background:
    radial-gradient(circle at 8% 10%, rgba(138,255,176,.10), transparent 18%),
    radial-gradient(circle at 92% 6%, rgba(164,129,255,.10), transparent 18%),
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.07), transparent 16%),
    radial-gradient(circle at 50% 82%, rgba(122,220,255,.06), transparent 20%);
  filter: blur(6px);
}
body.gh-dashboard-luxe::after,
body.gh-profile-luxe::after,
body.gh-game-luxe::after{
  content:"";
  position:fixed;
  left:0;right:0;top:0;
  height:320px;
  pointer-events:none;
  z-index:-2;
  background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 68%);
}

.gh-dashboard-luxe .wrap,
.gh-profile-luxe .wrap,
.gh-game-luxe .wrap{max-width:1180px}
.gh-dashboard-luxe .card,
.gh-profile-luxe .card,
.gh-game-luxe .card,
.gh-game-luxe .panel{
  border-color: rgba(255,255,255,.11);
  box-shadow: var(--gh-luxe-shadow-soft), inset 0 1px 0 rgba(255,255,255,.05);
}
.gh-dashboard-luxe .card:hover,
.gh-profile-luxe .card:hover,
.gh-game-luxe .card:hover,
.gh-game-luxe .panel:hover{
  box-shadow: var(--gh-luxe-shadow), inset 0 1px 0 rgba(255,255,255,.07);
}

/* Dashboard */
.gh-dashboard-luxe .topbar{
  background:
    linear-gradient(180deg, rgba(6,10,16,.90), rgba(8,12,18,.74)),
    linear-gradient(90deg, rgba(138,255,176,.04), rgba(122,220,255,.04));
}
.gh-dashboard-luxe .topbar::before{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 20% 0%, rgba(138,255,176,.12), transparent 24%), radial-gradient(circle at 80% 0%, rgba(122,220,255,.10), transparent 24%);
  pointer-events:none; opacity:.75;
}
.gh-dashboard-luxe .gh-start-hub,
.gh-dashboard-luxe #ghPassCard,
.gh-dashboard-luxe #economyCard,
.gh-dashboard-luxe #jackpotCard,
.gh-dashboard-luxe #ghRadioCard,
.gh-dashboard-luxe #ghBlazeSystemCard,
.gh-dashboard-luxe #ghMutationCard,
.gh-dashboard-luxe .gh-market-route,
.gh-dashboard-luxe .dashboard-tiles .tile{
  position:relative;
  overflow:hidden;
  border-color: rgba(255,255,255,.12);
  background:
    radial-gradient(circle at top right, rgba(138,255,176,.11), transparent 28%),
    radial-gradient(circle at top left, rgba(122,220,255,.10), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.gh-dashboard-luxe .gh-start-hub::after,
.gh-dashboard-luxe #ghPassCard::after,
.gh-dashboard-luxe #economyCard::after,
.gh-dashboard-luxe #jackpotCard::after,
.gh-dashboard-luxe #ghRadioCard::after,
.gh-dashboard-luxe #ghBlazeSystemCard::after,
.gh-dashboard-luxe #ghMutationCard::after,
.gh-dashboard-luxe .gh-market-route::after,
.gh-dashboard-luxe .dashboard-tiles .tile::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(115deg, transparent 22%, rgba(255,255,255,.07) 40%, transparent 54%);
  transform: translateX(-90%);
  transition: transform .75s ease;
  pointer-events:none;
}
.gh-dashboard-luxe .gh-start-hub:hover::after,
.gh-dashboard-luxe #ghPassCard:hover::after,
.gh-dashboard-luxe #economyCard:hover::after,
.gh-dashboard-luxe #jackpotCard:hover::after,
.gh-dashboard-luxe #ghRadioCard:hover::after,
.gh-dashboard-luxe #ghBlazeSystemCard:hover::after,
.gh-dashboard-luxe #ghMutationCard:hover::after,
.gh-dashboard-luxe .gh-market-route:hover::after,
.gh-dashboard-luxe .dashboard-tiles .tile:hover::after{transform:translateX(105%)}
.gh-dashboard-luxe .dashboard-tiles .tile{
  min-height: 168px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.gh-dashboard-luxe .dashboard-tiles .tile:hover{
  transform: translateY(-6px) scale(1.01);
  border-color: var(--gh-luxe-ring);
  box-shadow: 0 22px 48px rgba(0,0,0,.30), 0 0 0 1px rgba(138,255,176,.10);
}
.gh-dashboard-luxe .gh-market-route{
  border-radius: 22px;
  box-shadow: 0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.gh-dashboard-luxe .gh-market-route [class*="price"],
.gh-dashboard-luxe .gh-market-route [class*="liq"],
.gh-dashboard-luxe .gh-market-route [class*="vol"]{text-shadow:0 0 18px rgba(255,255,255,.08)}
.gh-dashboard-luxe .gh-ticker{
  border-color: rgba(138,255,176,.18);
  box-shadow: 0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
  background: linear-gradient(180deg, rgba(10,20,18,.86), rgba(8,14,18,.72));
}
.gh-dashboard-luxe .gh-tick-pill{
  background: linear-gradient(180deg, rgba(138,255,176,.14), rgba(122,220,255,.08));
  border-color: rgba(138,255,176,.18);
  box-shadow: 0 10px 22px rgba(0,0,0,.16);
}
.gh-dashboard-luxe #ghGlobalFeed .gh-feed-item,
.gh-dashboard-luxe #ghTourLeaders .gh-feed-item{
  border-radius:14px;
  padding:12px 12px 12px 14px;
  border:1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.028));
  margin-bottom:8px;
}
.gh-dashboard-luxe .gh-pass-badge,
.gh-dashboard-luxe .gh-pass-status-pill,
.gh-dashboard-luxe .badge,
.gh-dashboard-luxe .pill{backdrop-filter: blur(12px)}
.gh-dashboard-luxe .gh-nav-btn{box-shadow:0 12px 22px rgba(0,0,0,.16)}

/* Profile */
body.gh-profile-luxe{
  background:
    radial-gradient(circle at top left, rgba(138,255,176,.08), transparent 22%),
    radial-gradient(circle at top right, rgba(122,220,255,.08), transparent 20%),
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.05), transparent 24%),
    linear-gradient(180deg, #081017, #0f1722 48%, #131d2b);
}
.gh-profile-luxe .top{
  position:relative;
  overflow:hidden;
  margin-bottom:18px;
  padding:18px 20px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(138,255,176,.12), transparent 28%),
    radial-gradient(circle at top left, rgba(122,220,255,.10), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: 0 22px 52px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05);
}
.gh-profile-luxe .top::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(115deg, transparent 14%, rgba(255,255,255,.08) 34%, transparent 54%);
  transform:translateX(-70%);
  animation: ghProfileSweep 10s linear infinite;
  pointer-events:none;
}
@keyframes ghProfileSweep{to{transform:translateX(120%)}}
.gh-profile-luxe .title{font-size:clamp(30px, 5vw, 48px); letter-spacing:-.04em}
.gh-profile-luxe .sub{max-width:62ch}
.gh-profile-luxe .mmo-identity-hero,
.gh-profile-luxe #mmoProgressCard,
.gh-profile-luxe #mmoAchievementCard,
.gh-profile-luxe .species-card,
.gh-profile-luxe .mini-stat,
.gh-profile-luxe .mmo-rank-chip,
.gh-profile-luxe .mmo-achievement-card,
.gh-profile-luxe .mmo-highlight-card,
.gh-profile-luxe .note,
.gh-profile-luxe .companion-active-art-wrap,
.gh-profile-luxe .companion-poster-preview,
.gh-profile-luxe #ghProfileDailyLogin .glass{
  border-color: rgba(255,255,255,.11);
  box-shadow: 0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
.gh-profile-luxe .mmo-identity-hero{
  background: linear-gradient(135deg, rgba(138,255,176,.14), rgba(255,255,255,.03), rgba(164,129,255,.10));
}
.gh-profile-luxe .companion-active-art-wrap,
.gh-profile-luxe .companion-poster-preview{
  background:
    radial-gradient(circle at top, rgba(255,209,102,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
}
.gh-profile-luxe .species-card{
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.gh-profile-luxe .species-card:hover,
.gh-profile-luxe .mini-stat:hover,
.gh-profile-luxe .mmo-achievement-card:hover,
.gh-profile-luxe .mmo-rank-chip:hover,
.gh-profile-luxe .mmo-highlight-card:hover{
  transform: translateY(-4px);
  border-color: var(--gh-luxe-cyan);
  box-shadow: var(--gh-luxe-shadow);
}
.gh-profile-luxe .companion-title,
.gh-profile-luxe .mmo-identity-headline,
.gh-profile-luxe #profileHeadline{text-shadow:0 0 24px rgba(255,255,255,.08)}
.gh-profile-luxe .stats .stat{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

/* Games */
body.gh-game-luxe{
  background:
    radial-gradient(circle at top left, rgba(122,220,255,.10), transparent 20%),
    radial-gradient(circle at top right, rgba(138,255,176,.08), transparent 22%),
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.06), transparent 18%),
    linear-gradient(180deg, #061018, #0c1722 42%, #111b28);
}
.gh-game-luxe .topbar{
  box-shadow: 0 18px 34px rgba(0,0,0,.28);
}
.gh-game-luxe .topbar::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(122,220,255,.05), transparent 36%, rgba(255,209,102,.05));
  pointer-events:none;
}
.gh-game-luxe .panel,
.gh-game-luxe .bingo-panel,
.gh-game-luxe .rps-shell,
.gh-game-luxe .rps-side,
.gh-game-luxe .rps-center,
.gh-game-luxe .tile,
.gh-game-luxe .card{
  position:relative;
  overflow:hidden;
  border-color: rgba(255,255,255,.11);
  background:
    radial-gradient(circle at top right, rgba(122,220,255,.09), transparent 24%),
    radial-gradient(circle at top left, rgba(138,255,176,.08), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
.gh-game-luxe .panel::after,
.gh-game-luxe .bingo-panel::after,
.gh-game-luxe .rps-shell::after,
.gh-game-luxe .rps-side::after,
.gh-game-luxe .rps-center::after,
.gh-game-luxe .card::after{
  content:"";
  position:absolute; inset:auto 0 0 0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
  opacity:.55;
}
.gh-game-luxe .panel:hover,
.gh-game-luxe .bingo-panel:hover,
.gh-game-luxe .rps-shell:hover,
.gh-game-luxe .rps-side:hover,
.gh-game-luxe .rps-center:hover,
.gh-game-luxe .card:hover{
  transform: translateY(-4px);
  border-color: rgba(122,220,255,.22);
}
.gh-game-luxe #reels .reel-cell,
.gh-game-luxe #dealerCards > *,
.gh-game-luxe #playerCards > *,
.gh-game-luxe #cards > *,
.gh-game-luxe .bingo-cell,
.gh-game-luxe .bingo-call-chip,
.gh-game-luxe .rps-stat,
.gh-game-luxe .bingo-stat,
.gh-game-luxe .bingo-history-row,
.gh-game-luxe .rps-history-row,
.gh-game-luxe .bingo-room-row{
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: 0 12px 22px rgba(0,0,0,.16);
}
.gh-game-luxe .rps-choice,
.gh-game-luxe #btnDrop,
.gh-game-luxe #btnDeal,
.gh-game-luxe #btnDraw,
.gh-game-luxe #btnSpin,
.gh-game-luxe #btnCommit,
.gh-game-luxe #btnHit,
.gh-game-luxe #btnStand,
.gh-game-luxe #btnDouble,
.gh-game-luxe #btnSplit,
.gh-game-luxe #btnInsurance,
.gh-game-luxe #btnSkipInsurance,
.gh-game-luxe #btnNextHand,
.gh-game-luxe #btnBingoClaim{
  box-shadow: 0 14px 30px rgba(0,0,0,.22), 0 0 0 1px rgba(122,220,255,.08);
}
.gh-game-luxe .rps-result,
.gh-game-luxe #bingoLatestCall,
.gh-game-luxe #lastRoll,
.gh-game-luxe #tier,
.gh-game-luxe #mult,
.gh-game-luxe #payout{
  text-shadow: 0 0 20px rgba(255,255,255,.12);
}
.gh-game-luxe canvas{
  border:1px solid rgba(122,220,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 32px rgba(0,0,0,.22);
  background: radial-gradient(circle at top, rgba(122,220,255,.06), transparent 34%), rgba(0,0,0,.18);
}
.gh-game-luxe pre,
.gh-game-luxe #proof,
.gh-game-luxe #rpsVerifyBox,
.gh-game-luxe #history,
.gh-game-luxe #recent{
  border-color: rgba(255,255,255,.11);
  background: linear-gradient(180deg, rgba(0,0,0,.32), rgba(0,0,0,.22));
}
.gh-game-luxe .badge,
.gh-game-luxe .pill{background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04))}

/* Underworld */
body.uw-target-luxe{
  background:
    radial-gradient(circle at 12% 0%, rgba(164,129,255,.10), transparent 22%),
    radial-gradient(circle at 88% 4%, rgba(122,220,255,.08), transparent 20%),
    radial-gradient(circle at 50% 0%, rgba(255,209,102,.06), transparent 18%),
    linear-gradient(180deg, #06080d, #0c111a 46%, #111824);
}
body.uw-target-luxe .uw-wrap{max-width:1380px}
body.uw-target-luxe .uw-topbar{
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  padding:24px;
  box-shadow: 0 24px 52px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
body.uw-target-luxe .uw-topbar::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(120deg, transparent 16%, rgba(255,255,255,.08) 34%, transparent 54%);
  transform:translateX(-72%);
  animation: uwSweep 12s linear infinite;
  pointer-events:none;
}
@keyframes uwSweep{to{transform:translateX(118%)}}
body.uw-target-luxe .uw-title{font-size:clamp(32px, 5vw, 52px); text-shadow:0 0 28px rgba(255,255,255,.08)}
body.uw-target-luxe .uw-stats{gap:14px}
body.uw-target-luxe .uw-stat,
body.uw-target-luxe .uw-card,
body.uw-target-luxe .uw-item,
body.uw-target-luxe .uw-title-chip-row,
body.uw-target-luxe .uw-achievement-card,
body.uw-target-luxe .uw-highlight-card{
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
body.uw-target-luxe .uw-stat{
  background:
    radial-gradient(circle at top right, rgba(122,220,255,.10), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
body.uw-target-luxe .uw-card{
  background:
    radial-gradient(circle at top right, rgba(164,129,255,.12), transparent 30%),
    radial-gradient(circle at top left, rgba(122,220,255,.08), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}
body.uw-target-luxe .uw-card:hover,
body.uw-target-luxe .uw-stat:hover,
body.uw-target-luxe .uw-item:hover,
body.uw-target-luxe .uw-title-chip-row:hover,
body.uw-target-luxe .uw-achievement-card:hover,
body.uw-target-luxe .uw-highlight-card:hover{transform:translateY(-4px)}
body.uw-target-luxe .uw-btn{
  box-shadow: 0 14px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(164,129,255,.08);
}
body.uw-target-luxe .uw-result{
  background: linear-gradient(180deg, rgba(12,17,28,.92), rgba(10,14,22,.78));
  border:1px solid rgba(255,255,255,.09);
}
body.uw-target-luxe .uw-feed::-webkit-scrollbar{width:10px}
body.uw-target-luxe .uw-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}

@media (max-width: 860px){
  .gh-dashboard-luxe .dashboard-tiles .tile:hover,
  .gh-profile-luxe .species-card:hover,
  .gh-profile-luxe .mini-stat:hover,
  .gh-profile-luxe .mmo-achievement-card:hover,
  .gh-profile-luxe .mmo-rank-chip:hover,
  .gh-profile-luxe .mmo-highlight-card:hover,
  .gh-game-luxe .panel:hover,
  .gh-game-luxe .bingo-panel:hover,
  .gh-game-luxe .rps-shell:hover,
  .gh-game-luxe .rps-side:hover,
  .gh-game-luxe .rps-center:hover,
  .gh-game-luxe .card:hover,
  body.uw-target-luxe .uw-card:hover,
  body.uw-target-luxe .uw-stat:hover,
  body.uw-target-luxe .uw-item:hover,
  body.uw-target-luxe .uw-title-chip-row:hover,
  body.uw-target-luxe .uw-achievement-card:hover,
  body.uw-target-luxe .uw-highlight-card:hover{transform:none}
}
