.casino-theme {
  --bg:#0b110e;
  --surface:#14231b;
  --line:#514731;
  --ink:#fff3dc;
  --text:#fff3dc;
  --muted:#d2c7b2;
  --lime:#f3cc7b;
  --gold:#f3cc7b;
  --felt:#174f39;
  --display:Georgia,'Times New Roman',serif;
  color:var(--text);
  background:radial-gradient(ellipse at 77% 0%,#1c392b 0%,transparent 49rem),var(--bg);
}
.casino-theme :focus-visible { outline-color:var(--gold); }
.casino-theme .top,.casino-theme header { background:#0b1410; border-color:#56482c; }
.casino-theme .logo,.casino-theme .brand { letter-spacing:.12em; }
.casino-theme .logo-mark,.casino-theme .brand span { background:linear-gradient(155deg,#ffe5a8,#c3893d); color:#20150b; border-radius:50%; }
.casino-theme .top nav { flex-wrap:wrap; }
.casino-theme .top nav a,.casino-theme .back { color:#e8dac3; min-height:44px; display:inline-flex; align-items:center; }
.casino-theme .account { border-color:#796443; color:#f3d99f; }
.casino-theme .kicker { padding:0; border:0; background:transparent; color:#ffda91; }
.casino-theme .hero h1,.casino-theme h2 { font-family:var(--display); letter-spacing:-.035em; }
.casino-theme .hero h1 { font-weight:700; }
.casino-theme .hero h1 em { color:var(--gold); }
.casino-theme .primary { color:#24160a; background:linear-gradient(175deg,#ffe2a0,#d6a252); border-color:#f5d497; box-shadow:0 5px 16px #0005; }
.casino-theme .primary:hover { background:#ffe4a9; }
.casino-theme .ghost,.casino-theme .button:not(.primary) { border-color:#84704d; background:#192a21; color:#fff1d8; }
.casino-theme .section-top>p,.casino-theme .facts { color:#d1c3a9; }
.casino-theme .home-art {
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:330px;
  aspect-ratio:1.25;
  border:1px solid #aa804b;
  border-radius:clamp(20px,6vw,58px);
  background:radial-gradient(ellipse at 50% 29%,#318663,#16523b 43%,#092a20 76%);
  box-shadow:inset 0 0 0 7px #36281c,inset 0 0 0 9px #b88a52,inset 0 0 0 12px #22190e,0 24px 38px #0008;
}
.home-art::before {
  content:'';
  position:absolute;
  inset:7%;
  z-index:-1;
  border:1px solid #ffdd8a70;
  border-radius:48%;
  background:repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 4px);
}
.art-deck { width:57%; aspect-ratio:1.4; position:relative; display:grid; place-items:center; }
.art-card {
  width:41%;
  aspect-ratio:.68;
  display:grid;
  place-items:center;
  position:absolute;
  border:1px solid #f9e1ac;
  border-radius:9%;
  background:linear-gradient(150deg,#fff7df,#d6b782);
  color:#12332a;
  font:700 clamp(2.2rem,7vw,5rem)/1 Georgia,serif;
  box-shadow:0 8px 19px #0008,inset 0 0 0 5px #fff4d67d;
}
.art-card::before,.art-card::after { content:attr(data-rank); position:absolute; font-size:.34em; }
.art-card::before { top:8%; left:12%; }
.art-card::after { bottom:8%; right:12%; transform:rotate(180deg); }
.art-card:first-child { transform:translate(-45%,2%) rotate(-24deg); }
.art-card:nth-child(2) { transform:translate(1%,-10%) rotate(-5deg); color:#9e262f; }
.art-card:nth-child(3) { transform:translate(49%,4%) rotate(19deg); }
.art-chip {
  position:absolute;
  bottom:14%;
  left:15%;
  width:16%;
  aspect-ratio:1;
  border-radius:50%;
  border:clamp(3px,.6vw,7px) dashed #e7c58f;
  background:#802d35;
  box-shadow:0 6px 0 #421b20,0 10px 12px #0008,inset 0 0 0 3px #5c2229;
}
.art-chip::after { content:'♦'; position:absolute; inset:17%; border:1px solid #e7c58f; border-radius:50%; display:grid; place-items:center; color:#f5da9c; }
.art-chip:last-child { left:auto; right:13%; bottom:20%; background:#292920; box-shadow:0 6px 0 #131810,0 10px 12px #0008; }
.casino-theme .card-art { background:radial-gradient(ellipse at center,#286148,#142a21); }
.casino-theme .game-card.violet .card-art { background:radial-gradient(ellipse at center,#713941,#301d21); }
.casino-theme .game-card.cyan .card-art { background:radial-gradient(ellipse at center,#205558,#142b30); }
.casino-theme .classic-hero { background:radial-gradient(ellipse at 78% 10%,#20563e,transparent 70%); border-bottom:1px solid #433a28; margin-bottom:1.3rem; }
.casino-theme .hero-board { padding:4px; gap:2px; border:1px solid #b78a50; border-radius:16px; background:#203a2d; box-shadow:0 12px 24px #0008; }
.casino-theme .hero-board span { background:#edd3a1; color:#12392a; border-radius:6px; }
.casino-theme .hero-board span:nth-child(2),.casino-theme .hero-board span:nth-child(3) { background:#782e37; color:#ffe2af; }
.casino-theme .game-menu { gap:10px; }
.casino-theme .game-menu .game-card { background:linear-gradient(125deg,#1b3829,#15271e); border-color:#6b583b; }
.casino-theme .game-menu .game-card[aria-pressed=true],.casino-theme .game-menu .game-card:hover { border-color:#e5bd72; background:#244936; }
.casino-theme .game-menu .game-card span { color:#ffdb8c; }
.casino-theme .classic-hero .intro { max-width:44ch; }
.casino-theme .sponsor { background:#2c241b; border-color:#8e7047; }
@media(max-width:650px) {
  .casino-theme .home-art { min-height:0; aspect-ratio:1.55; }
  .casino-theme .top nav { gap:5px 15px; }
}