:root {
  --ink: #f7f3e8;
  --muted: #aaa89f;
  --faint: #77766f;
  --night: #0f0f0d;
  --panel: #171714;
  --panel-2: #1e1e1a;
  --line: rgba(255, 255, 255, .085);
  --cream: #ffe5ad;
  --mint: #73f2b5;
  --coral: #ff6b63;
  --gold: #ffc85a;
  --radius: 18px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--night);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
[hidden] { display: none !important; }

.topbar {
  height: 76px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(15, 15, 13, .92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
  position: relative;
  z-index: 50;
}
.brand { display: flex; align-items: center; gap: 10px; min-width: 214px; }
.brand-mark { width: 48px; height: 48px; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(255, 200, 90, .12)); }
.brand-word { font-size: 19px; font-weight: 950; letter-spacing: .16em; }
.brand-chip { color: #181814; background: var(--cream); border-radius: 99px; padding: 2px 7px; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.top-link { color: var(--muted); font-size: 13px; padding: 8px 10px; }
.top-link:hover { color: var(--ink); }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  border: 0; border-radius: 10px; padding: 10px 17px; font-weight: 800;
  cursor: pointer; transition: .2s transform, .2s background, .2s border-color, .2s opacity;
}
.button:hover { transform: translateY(-1px); }
.button-primary { color: #19150d; background: var(--cream); box-shadow: inset 0 -2px rgba(77, 51, 12, .18); }
.button-primary:hover { background: #fff0cd; }
.button-ghost { border: 1px solid var(--line); background: transparent; color: var(--ink); }
.button-soft { background: rgba(255, 255, 255, .07); border: 1px solid var(--line); }
.button-wide { width: 100%; }
.button-large { min-height: 48px; padding: 13px 21px; }
.balance-button {
  border: 1px solid var(--line); background: var(--panel); border-radius: 11px; padding: 7px 11px 7px 13px;
  display: grid; grid-template-columns: auto auto; column-gap: 8px; text-align: left; cursor: pointer;
}
.balance-label { grid-column: 1 / -1; color: var(--faint); font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.balance-button strong { font-size: 14px; }
.coin-dot { color: var(--mint); font-size: 10px; align-self: center; }
.avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #302a20; color: var(--cream); border: 1px solid rgba(255,229,173,.18); font-weight: 900; }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); cursor: pointer; }
.chat-toggle { display: none; }

.app-shell { height: calc(100vh - 76px); display: grid; grid-template-columns: 222px minmax(0, 1fr) 302px; }
.side-nav { padding: 22px 14px 16px; border-right: 1px solid var(--line); background: #121210; display: flex; flex-direction: column; overflow-y: auto; }
.nav-label { margin: 0 12px 9px; color: #64635d; font-size: 9px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.account-label { margin-top: 27px; }
.nav-item { width: 100%; display: flex; align-items: center; gap: 13px; border-radius: 10px; color: #a5a39b; padding: 10px 12px; margin: 2px 0; font-size: 13px; font-weight: 700; }
.nav-item > span { width: 20px; color: #77766e; text-align: center; font-size: 16px; }
.nav-item:hover { color: var(--ink); background: rgba(255,255,255,.04); }
.nav-item.active { color: var(--cream); background: rgba(255, 229, 173, .075); }
.nav-item.active > span { color: var(--cream); }
.nav-button { border: 0; background: none; cursor: pointer; text-align: left; }
.side-promo { margin-top: auto; background: linear-gradient(150deg, #292318, #191713); padding: 16px; border: 1px solid rgba(255,229,173,.12); border-radius: 14px; }
.side-promo .promo-icon { width: 30px; height: 30px; display: grid; place-items: center; color: #1b160e; background: var(--cream); border-radius: 9px; margin-bottom: 11px; }
.side-promo strong { font-size: 13px; }
.side-promo p { margin: 6px 0 12px; color: #8f8a80; font-size: 11px; line-height: 1.45; }
.side-promo a { color: var(--cream); font-size: 11px; font-weight: 800; }

.main-content { min-width: 0; padding: 24px clamp(18px, 3vw, 42px) 0; overflow-y: auto; overscroll-behavior: contain; background: radial-gradient(circle at 50% -20%, rgba(255, 205, 104, .055), transparent 35%), var(--night); }
.main-content > * { max-width: 1220px; margin-left: auto; margin-right: auto; }
.flash { padding: 12px 15px; border-radius: 10px; margin-bottom: 16px; border: 1px solid var(--line); }
.flash-error { color: #ffaaa5; background: rgba(255, 107, 99, .08); border-color: rgba(255, 107, 99, .2); }
.chat-panel { min-width: 0; border-left: 1px solid var(--line); background: #121210; display: flex; flex-direction: column; }
.chat-head { min-height: 58px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.chat-head > div { display: flex; align-items: center; gap: 8px; }
.chat-head strong { font-size: 12px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.online-count { color: var(--faint); font-size: 10px; }
.online-count b { color: var(--muted); }
.chat-messages { flex: 1; padding: 15px; overflow-y: auto; overscroll-behavior: contain; }
.chat-empty { color: var(--faint); text-align: center; font-size: 11px; padding: 40px 12px; }
.chat-message { display: grid; grid-template-columns: 30px 1fr; gap: 9px; margin-bottom: 15px; }
.chat-avatar { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: #29271f; color: var(--cream); font-size: 11px; font-weight: 900; }
.chat-copy { min-width: 0; }
.chat-meta { display: flex; align-items: baseline; gap: 6px; }
.chat-meta strong { font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.chat-meta small { color: #5d5c56; font-size: 8px; }
.role-pill { padding: 1px 4px; border-radius: 3px; background: rgba(115,242,181,.1); color: var(--mint); font-size: 7px; font-weight: 900; text-transform: uppercase; }
.chat-copy p { margin: 2px 0 0; color: #aaa89f; line-height: 1.45; font-size: 11px; overflow-wrap: anywhere; }
.chat-form { margin: 12px; display: flex; align-items: center; background: #1a1a17; border: 1px solid var(--line); border-radius: 11px; padding: 5px; }
.chat-form input { min-width: 0; flex: 1; color: var(--ink); background: transparent; border: 0; outline: 0; padding: 7px 8px; font-size: 11px; }
.chat-form button { width: 30px; height: 30px; border: 0; border-radius: 8px; background: var(--cream); color: #18140c; font-weight: 900; cursor: pointer; }
.chat-signin { margin: 12px; padding: 10px; border-radius: 9px; background: rgba(255,229,173,.08); color: var(--cream); text-align: center; font-size: 11px; font-weight: 800; }

.hero-card { min-height: 410px; display: grid; grid-template-columns: 1.1fr .9fr; overflow: hidden; position: relative; border: 1px solid rgba(255,229,173,.13); border-radius: 24px; background: linear-gradient(120deg, #262015 0%, #181612 55%, #171713 100%); }
.hero-card:before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg, black, transparent 80%); }
.hero-copy { padding: clamp(34px, 5vw, 68px); position: relative; z-index: 2; }
.eyebrow { color: var(--cream); letter-spacing: .17em; font-size: 10px; font-weight: 900; }
.eyebrow i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--mint); margin-right: 6px; box-shadow: 0 0 10px rgba(115,242,181,.6); }
.eyebrow.small { font-size: 8px; }
.hero-copy h1, .info-hero h1, .referral-hero h1 { margin: 15px 0 14px; font-size: clamp(46px, 5vw, 75px); line-height: .96; letter-spacing: -.065em; font-weight: 950; }
em { color: var(--cream); font-style: normal; }
.hero-copy > p { max-width: 580px; color: #aaa69b; font-size: 15px; line-height: 1.7; }
.hero-actions { display: flex; gap: 10px; margin-top: 25px; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 26px; color: #78766e; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.hero-art { position: relative; display: grid; place-items: center; min-height: 390px; }
.hero-art img { width: min(390px, 80%); position: relative; z-index: 2; transform: rotate(8deg); filter: drop-shadow(0 35px 50px rgba(0,0,0,.5)); }
.hero-glow { width: 320px; height: 320px; position: absolute; border-radius: 50%; background: rgba(255,198,83,.13); filter: blur(35px); }
.jackpot-pill { position: absolute; left: 2%; top: 15%; z-index: 4; display: flex; flex-direction: column; background: rgba(17,17,14,.86); border: 1px solid rgba(255,229,173,.18); padding: 9px 13px; border-radius: 10px; transform: rotate(-5deg); box-shadow: var(--shadow); }
.jackpot-pill span { color: #858078; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.jackpot-pill strong { color: var(--mint); font-size: 18px; }
.hero-chip { position: absolute; z-index: 3; width: 58px; height: 58px; display: grid; place-items: center; border: 5px dashed rgba(255,255,255,.45); border-radius: 50%; background: #f0645d; font-weight: 950; font-size: 18px; box-shadow: 0 15px 30px rgba(0,0,0,.35); }
.chip-one { right: 10%; top: 12%; transform: rotate(17deg); }
.chip-two { left: 10%; bottom: 10%; background: #34b983; transform: rotate(-20deg); }
.floating-sprinkle { position: absolute; width: 8px; height: 30px; border-radius: 8px; background: var(--mint); }
.sprinkle-one { right: 13%; bottom: 14%; transform: rotate(40deg); }
.sprinkle-two { right: 3%; top: 48%; height: 20px; background: var(--coral); transform: rotate(-25deg); }
.sprinkle-three { left: 17%; top: 13%; height: 17px; background: var(--cream); transform: rotate(70deg); }

.content-section { margin-top: 40px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 17px; }
.section-heading h2 { margin: 5px 0 0; font-size: 27px; letter-spacing: -.04em; }
.section-heading > a { color: var(--muted); font-size: 11px; border-bottom: 1px solid #4b4a44; padding-bottom: 3px; }
.section-heading.compact { margin-bottom: 14px; }
.game-count { color: var(--faint); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.featured-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 13px; }
.feature-card { min-height: 265px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); overflow: hidden; position: relative; transition: transform .2s, border-color .2s; }
.feature-card:hover, .game-card:hover { transform: translateY(-3px); border-color: rgba(255,229,173,.25); }
.feature-meta { position: absolute; inset: 13px 13px auto; z-index: 3; display: flex; justify-content: space-between; }
.game-badge, .status-badge { padding: 4px 7px; border-radius: 5px; background: rgba(12,12,10,.72); border: 1px solid rgba(255,255,255,.09); color: #b1aea5; font-size: 7px; letter-spacing: .12em; font-weight: 900; }
.status-badge i { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: var(--mint); margin-right: 4px; }
.feature-visual { height: 167px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.feature-visual:before { content: ""; width: 190px; height: 190px; position: absolute; border-radius: 50%; filter: blur(1px); background: rgba(255,255,255,.04); }
.cards-visual { background: radial-gradient(circle, rgba(255,229,173,.15), transparent 58%), #292218; }
.cards-visual b { width: 86px; height: 120px; display: flex; padding: 12px; border-radius: 10px; background: #f3e9d4; color: #201b14; font: 950 28px Georgia, serif; box-shadow: 0 16px 30px rgba(0,0,0,.3); position: relative; z-index: 2; transform: rotate(-10deg); }
.cards-visual b:nth-child(2) { color: #d44b45; transform: translateX(-18px) rotate(9deg); }
.cards-visual span { position: absolute; z-index: 3; font-size: 28px; margin: 50px 0 0 50px; color: #d44b45; }
.slot-visual { background: radial-gradient(circle, rgba(255,229,173,.11), transparent 62%), #211d17; gap: 8px; }
.slot-visual > span { font-size: 80px; z-index: 2; filter: drop-shadow(0 14px 20px rgba(0,0,0,.3)); }
.slot-visual i { width: 42px; height: 60px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.07); color: var(--cream); font-style: normal; font-size: 20px; z-index: 1; }
.feature-copy { padding: 14px 16px 16px; }
.feature-copy h3 { margin: 0; font-size: 16px; }
.feature-copy p { margin: 3px 0 8px; color: #7e7c75; font-size: 10px; }
.feature-copy > span { color: var(--cream); font-size: 10px; font-weight: 800; }
.game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.game-card { border: 1px solid var(--line); border-radius: 15px; overflow: hidden; background: var(--panel); transition: transform .2s, border-color .2s; }
.game-cover { aspect-ratio: 1.35; display: grid; place-items: center; position: relative; overflow: hidden; background: radial-gradient(circle at 50% 48%, var(--tone-glow, rgba(255,229,173,.15)), transparent 50%), linear-gradient(140deg, #28251e, #171713); }
.game-cover:after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.11) 1px, transparent 1px); background-size: 16px 16px; opacity: .15; }
.cover-icon { font-size: clamp(48px, 5vw, 75px); z-index: 2; filter: drop-shadow(0 15px 15px rgba(0,0,0,.4)); transition: transform .2s; }
.game-card:hover .cover-icon { transform: scale(1.07) rotate(2deg); }
.volatility { position: absolute; left: 10px; top: 10px; z-index: 2; background: rgba(10,10,8,.72); padding: 3px 6px; border-radius: 4px; color: #aaa79f; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.play-orb { position: absolute; right: 10px; bottom: 10px; z-index: 2; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #18140c; background: var(--cream); font-size: 9px; opacity: 0; transform: scale(.8); transition: .2s; }
.game-card:hover .play-orb { opacity: 1; transform: scale(1); }
.cover-spark { position: absolute; z-index: 2; color: var(--cream); opacity: .6; }.spark-a { left: 18%; bottom: 20%; }.spark-b { right: 22%; top: 23%; font-size: 30px; }
.game-info { min-height: 60px; padding: 11px 13px; display: flex; align-items: center; justify-content: space-between; }
.game-info > div { display: flex; flex-direction: column; min-width: 0; }
.game-info strong { font-size: 12px; }
.game-info small, .game-info span { color: #686760; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tone-mint { --tone-glow: rgba(75, 239, 158, .22); }.tone-ember { --tone-glow: rgba(255, 88, 45, .25); }.tone-violet { --tone-glow: rgba(157, 89, 255, .24); }.tone-honey { --tone-glow: rgba(255, 187, 51, .24); }.tone-aqua { --tone-glow: rgba(41, 190, 239, .22); }.tone-redstone { --tone-glow: rgba(255, 54, 69, .22); }.tone-royal { --tone-glow: rgba(133, 92, 255, .23); }.tone-blossom { --tone-glow: rgba(255, 123, 181, .23); }.tone-lunar { --tone-glow: rgba(81, 114, 255, .24); }.tone-lime { --tone-glow: rgba(91, 234, 82, .21); }.tone-frost { --tone-glow: rgba(116, 212, 255, .24); }.tone-crypt { --tone-glow: rgba(200, 137, 42, .3); }
.game-card.tone-crypt .game-cover,.feature-card.tone-crypt .slot-visual{background-image:linear-gradient(rgba(10,7,3,.28),rgba(10,7,3,.62)),url("assets/crypt-of-crumbs-bg.png");background-position:center 72%;background-size:cover}
.live-table { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; }
.live-row { min-height: 43px; padding: 0 15px; display: grid; grid-template-columns: 1.6fr 1.2fr .9fr .8fr .9fr; align-items: center; border-top: 1px solid rgba(255,255,255,.055); color: #8d8b84; font-size: 10px; }
.live-row:first-child { border-top: 0; }
.live-row > span:first-child { color: #c4c1b8; display: flex; align-items: center; gap: 7px; }
.live-header { min-height: 36px; background: #151512; color: #5f5e58; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.live-header > span:first-child { color: #5f5e58; }
.mini-game-icon { width: 20px; height: 20px; border-radius: 5px; display: inline-grid; place-items: center; background: rgba(255,229,173,.08); color: var(--cream); font-style: normal; font-size: 9px; }
.positive { color: var(--mint) !important; }
.empty-table, .empty-cell { padding: 28px; color: var(--faint); text-align: center; }
.site-footer { margin-top: 55px; padding: 24px 0 30px; display: flex; justify-content: space-between; gap: 25px; border-top: 1px solid var(--line); color: #5f5e58; font-size: 9px; }
.site-footer > div { display: flex; gap: 12px; }.site-footer strong { color: #9a978f; letter-spacing: .13em; }.site-footer p { margin: 0; }

/* Game pages */
.game-page { min-height: calc(100vh - 125px); }
.game-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; color: #77756e; font-size: 10px; }
.game-topline > div { display: flex; align-items: center; gap: 8px; }
.mini-link { color: #99978f; background: none; border: 0; cursor: pointer; font-size: 10px; }
.slot-layout { min-height: 620px; display: grid; grid-template-columns: 230px minmax(360px, 1fr) 220px; border: 1px solid var(--line); border-radius: 21px; overflow: hidden; background: #151512; }
.bet-panel { padding: 28px 22px; background: #191916; border-right: 1px solid var(--line); }
.bet-panel h1 { margin: 7px 0 4px; font-size: 28px; letter-spacing: -.05em; }.bet-panel > p { margin: 0 0 32px; color: #77756e; font-size: 11px; }
.field-label { display: block; margin: 14px 0 7px; color: #8c8981; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.amount-input { height: 46px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #d6d0c0; border-radius: 9px; background: #f5f0e4; color: #222018; }
.amount-input.dark { background: #121210; border-color: var(--line); color: var(--ink); }
.amount-input span { color: var(--mint); font-size: 9px; }.amount-input input { min-width: 0; width: 100%; border: 0; outline: 0; color: inherit; background: transparent; font-weight: 850; }
.quick-bets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin: 7px 0 18px; }.quick-bets button { padding: 6px 3px; border: 1px solid var(--line); border-radius: 6px; background: #22221e; color: #8c8981; font-size: 9px; font-weight: 800; cursor: pointer; }
.spin-button { width: 100%; min-height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 0; border-radius: 12px; background: var(--cream); color: #1a160e; cursor: pointer; box-shadow: inset 0 -4px rgba(79,55,17,.18), 0 12px 25px rgba(255,200,90,.08); }.spin-button span { font-weight: 950; letter-spacing: .13em; }.spin-button small { font-size: 7px; font-weight: 900; opacity: .55; }.spin-button:disabled { opacity: .55; cursor: wait; }.link-spin { text-decoration: none; }
.last-win { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; color: #79776f; font-size: 10px; }.last-win strong { color: var(--mint); }
.bonus-banner { position: absolute; z-index: 8; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-3deg); min-width: 230px; padding: 18px 24px; display: flex; flex-direction: column; align-items: center; border: 2px solid var(--cream); border-radius: 16px; background: radial-gradient(circle at top, #4d3820, #17130e 72%); box-shadow: 0 0 0 999px rgba(4,4,3,.48), 0 24px 60px rgba(0,0,0,.6), 0 0 35px rgba(255,200,90,.24); animation: bonusPop .35s cubic-bezier(.2,.9,.2,1.15); }
.bonus-banner small { color: var(--mint); font-size: 8px; font-weight: 950; letter-spacing: .2em; }.bonus-banner strong { color: var(--cream); font-size: 27px; letter-spacing: -.03em; }.bonus-banner span { color: #9b9284; font-size: 10px; }
@keyframes bonusPop { from { transform: translate(-50%,-50%) scale(.5) rotate(6deg); opacity: 0; } }
.machine-stage { padding: clamp(25px, 4vw, 48px); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; background: radial-gradient(circle at center, var(--tone-glow), transparent 55%), #11110f; }
.machine-header { align-self: center; min-width: min(90%, 480px); padding: 13px 20px; display: flex; justify-content: space-between; align-items: center; border: 2px solid #4d4130; border-bottom: 0; border-radius: 20px 20px 0 0; background: linear-gradient(#3a3021,#241e16); color: var(--cream); }.machine-header > span { font-size: 24px; }.machine-header div { text-align: center; }.machine-header small { display: block; color: #8b7f6c; font-size: 7px; letter-spacing: .2em; }.machine-header strong { font-size: clamp(15px,2vw,24px); letter-spacing: .08em; }
.reel-case { padding: 17px; position: relative; background: linear-gradient(140deg,#493d2c,#271f17); border: 2px solid #574731; border-radius: 18px; box-shadow: 0 25px 45px rgba(0,0,0,.4), inset 0 0 0 5px #17130f; }
.reel-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; padding: 7px; background: #0b0b09; border-radius: 11px; }
.reel-cell { min-width: 0; aspect-ratio: 1.08; display: grid; place-items: center; border: 1px solid #d8d0ba; border-radius: 7px; background: radial-gradient(circle,#fffdf4,#eae1ce); box-shadow: inset 0 8px 18px rgba(98,70,24,.09); transition: .25s transform, .25s filter, .25s box-shadow; }.reel-cell span { font-size: clamp(30px,4vw,57px); filter: drop-shadow(0 6px 5px rgba(50,30,5,.16)); }.reel-cell.spinning { animation: reelPulse .34s infinite alternate; filter: blur(1px); }.reel-cell.winner { box-shadow: 0 0 0 3px var(--mint), 0 0 25px rgba(115,242,181,.5); transform: scale(.96); }
@keyframes reelPulse { to { transform: translateY(4px); filter: blur(3px); } }
.payline-marker { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--coral); font-size: 8px; font-weight: 900; }.marker-left { left: -11px; }.marker-right { right: -11px; }
.machine-message { min-height: 44px; padding: 14px; color: #9b978c; text-align: center; font-size: 11px; }.machine-message.win { color: var(--mint); font-weight: 850; }
.machine-lights { display: flex; justify-content: space-around; }.machine-lights i { width: 5px; height: 5px; border-radius: 50%; background: #685940; box-shadow: 0 0 6px #b79760; }.machine-lights i:nth-child(3n) { background: var(--cream); }
.paytable-panel { padding: 28px 20px; border-left: 1px solid var(--line); background: #171714; }.paytable-panel h3 { margin: 5px 0 18px; font-size: 16px; }.paytable-list > div { min-height: 48px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.055); }.symbol-pair { letter-spacing: 2px; }.paytable-list strong { color: #aaa69c; font-size: 9px; }.paytable-panel > p { color: #6f6d67; font-size: 9px; line-height: 1.6; }.paytable-panel > a { color: var(--cream); font-size: 9px; font-weight: 800; }
.bonus-rule { margin-top: 15px; padding: 10px; display: flex; gap: 9px; align-items: center; border: 1px solid rgba(255,229,173,.12); border-radius: 9px; background: rgba(255,229,173,.04); }.bonus-rule > span { color: var(--mint); font-size: 20px; }.bonus-rule div { display: flex; flex-direction: column; }.bonus-rule strong { color: var(--cream); font-size: 10px; }.bonus-rule small { color: #716f68; font-size: 8px; line-height: 1.45; }
.round-proof { margin-top: 10px; padding: 12px 15px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 13px; align-items: center; border: 1px solid var(--line); border-radius: 9px; color: #6e6c65; font-size: 8px; }.round-proof code { overflow: hidden; text-overflow: ellipsis; color: #97948b; }

/* Crypt of Crumbs */
.crypt-layout{min-height:680px;display:grid;grid-template-columns:205px minmax(430px,1fr)225px;border:1px solid rgba(213,157,69,.18);border-radius:21px;overflow:hidden;background:#100c08;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.crypt-bet-panel{z-index:4;border-color:rgba(213,157,69,.14);background:linear-gradient(165deg,#1d1811,#11100d)}.crypt-bet-panel h1{color:#f5d79e}.crypt-rule-pills{display:flex;flex-wrap:wrap;gap:4px;margin:-19px 0 22px}.crypt-rule-pills span{padding:4px 5px;border:1px solid rgba(209,153,66,.18);border-radius:4px;background:rgba(209,153,66,.04);color:#88765d;font-size:6px;font-weight:900;letter-spacing:.08em}.crypt-spin-button{background:linear-gradient(#f7d693,#c88b31);box-shadow:inset 0 -5px rgba(75,42,10,.2),0 12px 30px rgba(213,151,54,.13)}.crypt-feature-note{margin-top:18px;padding:11px;border:1px solid rgba(91,181,135,.18);border-radius:9px;background:rgba(44,109,77,.08);display:flex;flex-direction:column;gap:3px}.crypt-feature-note b{color:#82d7ad;font-size:7px;letter-spacing:.1em}.crypt-feature-note span{color:#706b60;font-size:7px;line-height:1.45}
.crypt-stage{min-width:0;min-height:680px;padding:34px 25px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-color:#120d08;background-image:linear-gradient(rgba(5,4,2,.12),rgba(5,4,2,.45)),url("assets/crypt-of-crumbs-bg.png");background-position:center;background-size:cover}.crypt-stage-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(8,5,2,.36) 82%),linear-gradient(90deg,rgba(8,5,2,.18),transparent 20%,transparent 80%,rgba(8,5,2,.18));pointer-events:none}.crypt-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 68%,rgba(74,188,132,.14),transparent 25%);opacity:0;transition:opacity .4s}.crypt-stage.feature-active:before{opacity:1;animation:cryptAura 1.7s infinite alternate}
.crypt-machine-header{z-index:2;width:min(560px,94%);padding:10px 16px 12px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(224,170,83,.38);border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgba(43,29,14,.96),rgba(19,13,8,.96));box-shadow:0 -8px 28px rgba(0,0,0,.4);text-align:center}.crypt-machine-header>span{color:#8b7049;font-size:6px;font-weight:900;letter-spacing:.24em}.crypt-machine-header strong{color:#f2cf8d;font:950 clamp(18px,2.4vw,29px) Georgia,serif;letter-spacing:.08em;text-shadow:0 2px #4d2e0e}.crypt-machine-header strong i{color:#709b7e;font-size:.5em;font-style:normal}.crypt-machine-header small{color:#6f6658;font-size:6px;font-weight:900;letter-spacing:.13em}
.crypt-reel-frame{z-index:2;width:min(620px,100%);padding:12px 23px;position:relative;border:2px solid #6f4a20;border-radius:12px;background:linear-gradient(135deg,#8f632d,#2b1a0c 16%,#21160d 84%,#8e622c);box-shadow:0 24px 50px rgba(0,0,0,.58),inset 0 0 0 3px #120b05,0 0 25px rgba(205,142,43,.12)}.crypt-reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;border:1px solid #9b7136;border-radius:6px;background:#070706;box-shadow:inset 0 0 22px #000}.crypt-cell{min-width:0;aspect-ratio:.86;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(206,167,102,.35);border-radius:4px;background:radial-gradient(circle at 50% 35%,#f3dfb6,#c59e62 55%,#68471f);box-shadow:inset 0 7px 14px rgba(255,244,202,.22),inset 0 -8px 17px rgba(57,30,5,.26);transition:filter .2s,box-shadow .2s,transform .2s}.crypt-cell:after{content:"";position:absolute;inset:3px;border:1px solid rgba(61,37,12,.2);border-radius:3px;pointer-events:none}.crypt-cell span{z-index:1;font:950 clamp(24px,3.2vw,49px) Georgia,serif;color:#3e270e;filter:drop-shadow(0 5px 4px rgba(44,23,4,.28))}.crypt-cell small{z-index:1;position:absolute;left:2px;right:2px;bottom:3px;overflow:hidden;color:rgba(55,31,8,.67);font-size:5px;font-weight:950;letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.crypt-cell[data-symbol="wild"]{background:radial-gradient(circle,#fff2b0,#dda336 60%,#784413);box-shadow:inset 0 0 20px rgba(255,251,190,.48),0 0 12px rgba(255,188,58,.3)}.crypt-cell[data-symbol="scatter"]{background:radial-gradient(circle,#b1e3ca,#3c8765 62%,#153c2d)}.crypt-cell[data-symbol="scatter"] span{color:#e8c887}.crypt-cell.spinning{animation:cryptReel .25s infinite alternate;filter:blur(2px) brightness(.72)}.crypt-cell.winner{z-index:2;transform:scale(.96);border-color:#fff2bb;box-shadow:inset 0 0 20px rgba(255,251,190,.42),0 0 0 2px #ffd67c,0 0 24px rgba(255,194,69,.7)}.crypt-cell.scatter-hit{animation:cryptScatter .65s infinite alternate;box-shadow:inset 0 0 24px rgba(135,255,194,.45),0 0 0 2px #6ee1a6,0 0 28px rgba(73,218,143,.6)}.crypt-cell.expanded{border-color:#70dba5;background:radial-gradient(circle,#e9f2c3,#78af73 62%,#264f3a)}
.crypt-payline-rail{position:absolute;z-index:4;top:15px;bottom:15px;display:flex;flex-direction:column;justify-content:space-around}.crypt-payline-rail i{width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(255,215,143,.34);border-radius:50%;background:#38230f;color:#d9a956;font-size:6px;font-style:normal;font-weight:900}.rail-left{left:3px}.rail-right{right:3px}.crypt-message{z-index:2;min-height:43px;margin-top:9px;padding:10px 15px;border:1px solid rgba(222,169,82,.14);border-radius:99px;background:rgba(7,5,3,.76);color:#a3947f;font-size:9px;text-align:center;backdrop-filter:blur(8px)}.crypt-message.win{color:#f3cf88;border-color:rgba(243,207,136,.32);font-weight:900}
.crypt-feature-overlay{z-index:8;position:absolute;left:50%;top:50%;width:min(350px,82%);padding:25px;transform:translate(-50%,-50%);border:2px solid #d6a04e;border-radius:18px;background:radial-gradient(circle at top,rgba(83,151,112,.36),transparent 45%),linear-gradient(#24180d,#0d0a07);box-shadow:0 0 0 999px rgba(4,3,2,.7),0 28px 65px #000,0 0 45px rgba(215,155,65,.28);text-align:center;animation:cryptReveal .4s cubic-bezier(.2,.85,.2,1.2)}.crypt-feature-overlay>small{color:#7ed5a7;font-size:7px;font-weight:950;letter-spacing:.18em}.crypt-feature-overlay>strong{display:block;color:#f6d58e;font:950 29px Georgia,serif}.crypt-mystery{margin-top:14px;padding:10px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(255,226,164,.12);border-radius:10px;background:rgba(255,255,255,.035);text-align:left}.crypt-mystery>span{font-size:35px}.crypt-mystery p{margin:0;display:flex;flex-direction:column}.crypt-mystery b{color:#e7d2ab;font-size:10px}.crypt-mystery small{color:#777065;font-size:7px}.crypt-feature-total{z-index:5;position:absolute;right:17px;bottom:17px;padding:8px 11px;display:flex;flex-direction:column;border:1px solid rgba(126,213,167,.28);border-radius:8px;background:rgba(7,18,12,.82);backdrop-filter:blur(7px)}.crypt-feature-total span{color:#5e9277;font-size:6px;font-weight:900;letter-spacing:.13em}.crypt-feature-total strong{color:#7fe1ad;font-size:14px}
.crypt-paytable{z-index:4;padding:25px 16px;border-left:1px solid rgba(213,157,69,.13);background:linear-gradient(165deg,#17130e,#0e0d0b)}.crypt-paytable h3{margin:4px 0 13px;color:#d2b77f;font-size:15px}.crypt-pay-head{padding:0 4px 6px;display:flex;justify-content:space-between;color:#5e5548;font-size:6px;font-weight:900;letter-spacing:.12em}.crypt-pay-list>div{min-height:42px;padding:5px 2px;display:flex;align-items:center;justify-content:space-between;gap:4px;border-top:1px solid rgba(255,255,255,.045)}.crypt-pay-list>div>span{min-width:0;display:flex;align-items:center;gap:6px;color:#8a8174;font-size:7px}.crypt-pay-list b{width:24px;color:#e2bd75;font:900 17px Georgia,serif;text-align:center}.crypt-pay-list strong{flex:none;color:#b59a68;font-size:6px}.crypt-scatter-rule{margin-top:10px;padding:9px;display:flex;gap:8px;align-items:center;border:1px solid rgba(104,210,157,.17);border-radius:8px;background:rgba(52,122,87,.07)}.crypt-scatter-rule>b{color:#7dd7a8;font-size:22px}.crypt-scatter-rule>div{display:flex;flex-direction:column}.crypt-scatter-rule strong{color:#b5d3c1;font-size:8px}.crypt-scatter-rule span{color:#65766c;font-size:6px;line-height:1.45}.crypt-paytable>p{color:#625d54;font-size:7px;line-height:1.55}.crypt-paytable>a{color:#d7b775;font-size:7px;font-weight:850}
@keyframes cryptReel{to{transform:translateY(7px) scaleY(.92)}}@keyframes cryptScatter{to{filter:brightness(1.25);transform:scale(.96)}}@keyframes cryptReveal{from{transform:translate(-50%,-50%) scale(.65);opacity:0}}@keyframes cryptAura{to{opacity:.58}}

.table-switcher { margin-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }.table-switcher a { min-width:0;padding:10px 13px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;border:1px solid var(--line);border-radius:10px;background:#151512;color:#77746d;transition:border-color .18s,background .18s; }.table-switcher a:hover { border-color:rgba(255,229,173,.24); }.table-switcher a.active { border-color:rgba(115,242,181,.3);background:linear-gradient(120deg,rgba(115,242,181,.08),#171714); }.table-switcher span { grid-column:1/-1;color:#5e5c56;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }.table-switcher strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbb6aa;font-size:11px; }.table-switcher small { grid-column:1;color:#68655f;font-size:7px; }.table-switcher i { grid-column:2;grid-row:2/4;align-self:center;color:var(--mint);font-size:7px;font-style:normal; }
.blackjack-layout { min-height: 760px; display: grid; grid-template-columns: 235px minmax(480px, 1fr); border: 1px solid var(--line); border-radius: 21px; overflow: hidden; background: #12120f; }
.rule-pills { display: flex; flex-wrap: wrap; gap: 5px; margin: -18px 0 22px; }.rule-pills span { padding: 4px 6px; border: 1px solid var(--line); border-radius: 4px; color: #76746d; font-size: 7px; font-weight: 800; }
.blackjack-bet-panel .button { margin-top: 5px; }
.chip-picker { margin: -6px 0 5px; padding: 10px; border: 1px solid rgba(255,229,173,.12); border-radius: 11px; background: linear-gradient(145deg,#211d17,#11110f); }
.chip-picker-heading { display: flex; justify-content: space-between; align-items: center; color: var(--cream); font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.chip-picker-heading small { color: #66625b; font-size: 7px; }
.chip-rack { margin-top: 9px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px 4px; justify-items: center; }
.casino-chip { --chip:#e8d5aa; --chip-text:#282217; width: 40px; height: 40px; padding: 0; position: relative; display: grid; place-items: center; border: 0; border-radius: 50%; background: repeating-conic-gradient(from 5deg,#f4ead4 0deg 8deg,var(--chip) 8deg 38deg,#f4ead4 38deg 46deg); color: var(--chip-text); box-shadow: 0 0 0 2px var(--chip),0 4px 8px rgba(0,0,0,.34),inset 0 0 0 2px rgba(0,0,0,.22); cursor: grab; touch-action: none; transition: transform .16s,filter .16s,box-shadow .16s; }.casino-chip:before { content:""; position:absolute; inset:7px; border:1px dashed rgba(255,255,255,.55); border-radius:50%; background:var(--chip); box-shadow:inset 0 0 0 2px rgba(0,0,0,.13); }.casino-chip span { z-index:1; font-size:7px; font-weight:950; letter-spacing:-.02em; }.casino-chip:hover,.casino-chip.selected { transform:translateY(-4px) scale(1.07); filter:brightness(1.1); box-shadow:0 0 0 2px var(--chip),0 8px 14px rgba(0,0,0,.46),0 0 0 4px rgba(255,229,173,.16); }.casino-chip.dragging { opacity:.45; cursor:grabbing; }.casino-chip:disabled { opacity:.32; cursor:not-allowed; transform:none; }
.chip-cream { --chip:#e6c986; }.chip-coral { --chip:#d95c54;--chip-text:#fff; }.chip-blue { --chip:#397bc3;--chip-text:#fff; }.chip-mint { --chip:#329b70;--chip-text:#fff; }.chip-violet { --chip:#7651b2;--chip-text:#fff; }.chip-charcoal { --chip:#272724;--chip-text:#fff; }.chip-gold { --chip:#d59427;--chip-text:#21190c; }
.chip-picker-help { margin:8px 0 0;color:#68655e;font-size:7px;line-height:1.4;text-align:center; }.chip-drag-ghost { position:fixed;z-index:300;left:0;top:0;transform:translate(-50%,-50%) scale(1.16);pointer-events:none;opacity:.92;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5)); }
.side-bet-box { margin: 8px 0 13px; padding: 10px; border: 1px solid rgba(255,229,173,.12); border-radius: 10px; background: #141411; }
.side-bet-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; color: var(--cream); font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.side-bet-heading small { color: #5f5d57; font-size: 7px; }
.side-bet-option { display: block; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.05); }.side-bet-option > span:first-child { display: flex; flex-direction: column; gap: 2px; }.side-bet-option b { color: #aaa69c; font-size: 9px; }.side-bet-option small { color: #66635d; font-size: 7px; line-height: 1.4; }
.side-bet-input { height: 29px; margin-top: 5px; padding-left: 8px; display: flex; align-items: center; gap: 5px; border: 1px solid var(--line); border-radius: 6px; background: #10100e; }.side-bet-input i { color: var(--mint); font-size: 7px; font-style: normal; }.side-bet-input input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 10px; font-weight: 850; }.side-bet-input button { align-self: stretch; padding: 0 7px; border: 0; border-left: 1px solid var(--line); background: #22221e; color: #77746d; font-size: 7px; font-weight: 900; cursor: pointer; }
.blackjack-table { min-height: 760px; position: relative; padding: 22px 24px 45px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; overflow: hidden; background: radial-gradient(ellipse at center, #245642, #163b30 68%, #0e251e); border-left: 9px solid #382e20; box-shadow: inset 0 0 0 2px rgba(255,229,173,.16), inset 0 0 80px rgba(0,0,0,.35); }
.blackjack-table:after { content: ""; position: absolute; inset: 15% 9%; border: 1px solid rgba(255,229,173,.17); border-radius: 45%; pointer-events: none; }
.table-brand { display: flex; align-items: center; gap: 5px; color: rgba(255,229,173,.22); font-size: 8px; letter-spacing: .18em; font-weight: 900; }.table-brand img { width: 24px; height: 24px; opacity: .3; }
.hand { z-index: 2; text-align: center; }.hand-label { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 7px; color: rgba(255,255,255,.58); font-size: 10px; }.hand-label b { min-width: 22px; padding: 2px 5px; border-radius: 5px; background: rgba(0,0,0,.22); color: var(--cream); }
.cards { min-height: 125px; display: flex; align-items: center; justify-content: center; padding-left: 18px; }.playing-card { width: 86px; height: 120px; margin-left: -18px; padding: 8px; position: relative; border-radius: 8px; background: #f6f1e6; color: #1c1a16; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 9px 20px rgba(0,0,0,.25); text-align: left; font: 850 19px Georgia, serif; animation: dealCard .25s both; }.playing-card.red { color: #d0443e; }.playing-card .suit-center { position: absolute; inset: 0; display: grid; place-items: center; font-size: 42px; }.playing-card.card-back { background: repeating-linear-gradient(45deg,#262019,#262019 5px,#f1d59b 5px,#f1d59b 7px); border: 5px solid #eee5d2; }.playing-card.empty-card { background: rgba(255,255,255,.025); border: 1px dashed rgba(255,255,255,.14); box-shadow: none; }
@keyframes dealCard { from { transform: translateY(-20px) rotate(-5deg); opacity: 0; } }
.table-message { z-index: 3; min-width: 210px; padding: 8px 14px; border-radius: 99px; color: rgba(255,255,255,.68); background: rgba(0,0,0,.22); text-align: center; font-size: 10px; }.table-message.win { background: var(--cream); color: #1b160e; font-weight: 900; }.table-message.loss { background: rgba(255,107,99,.85); color: white; font-weight: 900; }
.side-bet-results { z-index: 3; display: flex; gap: 6px; margin: -7px 0; }.side-bet-results[hidden],.side-bet-results > div[hidden] { display: none; }.side-bet-results > div { min-width: 135px; padding: 6px 9px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(0,0,0,.25); text-align: center; }.side-bet-results strong { color: #c7c1b4; font-size: 8px; }.side-bet-results span { margin-top: 2px; color: #8e8a81; font-size: 7px; }.side-bet-results .won { border-color: rgba(115,242,181,.35); background: rgba(47,118,84,.3); }.side-bet-results .won span { color: var(--mint); }.side-bet-results .lost span { color: #d28b84; }
.betting-spots { z-index:3;width:min(520px,96%);display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:10px;align-items:center; }
.bet-spot { min-width:0;min-height:86px;position:relative;display:grid;place-items:center;border:2px dashed rgba(255,229,173,.3);border-radius:50%;background:rgba(6,27,20,.17);color:rgba(255,229,173,.55);cursor:copy;outline:0;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s; }.bet-spot:focus-visible { box-shadow:0 0 0 3px rgba(255,229,173,.3); }.bet-spot.main-spot { min-height:99px;border-color:rgba(255,229,173,.5);background:rgba(255,229,173,.035); }.bet-spot-title { position:absolute;top:7px;left:23px;right:23px;text-align:center;font:700 8px Georgia,serif;letter-spacing:.08em; }.bet-spot-title small { display:block;margin-top:1px;color:rgba(255,229,173,.28);font:6px Arial,sans-serif;letter-spacing:.04em; }.bet-spot-empty { margin-top:22px;color:rgba(255,229,173,.28);font-size:7px;font-weight:900;letter-spacing:.09em; }.bet-spot > button { width:18px;height:18px;position:absolute;right:6px;bottom:6px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(0,0,0,.2);color:rgba(255,255,255,.45);font-size:12px;line-height:1;cursor:pointer; }.bet-spot > button:disabled { opacity:0; }
.table-chip { --table-chip:#e5c77f;width:48px;height:48px;margin-top:17px;position:relative;display:grid;place-items:center;border-radius:50%;background:repeating-conic-gradient(from 5deg,#f5ead2 0deg 9deg,var(--table-chip) 9deg 38deg,#f5ead2 38deg 47deg);box-shadow:0 0 0 2px var(--table-chip),0 7px 10px rgba(0,0,0,.35),inset 0 0 0 2px rgba(0,0,0,.18);color:#211b11; }.table-chip[hidden] { display:none; }.table-chip:before { content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.6);border-radius:50%;background:var(--table-chip); }.table-chip b { z-index:1;max-width:36px;overflow:hidden;text-overflow:ellipsis;font-size:8px; }.bet-spot[data-bet-spot="pair"] .table-chip { --table-chip:#d75f56;color:#fff; }.bet-spot[data-bet-spot="trio"] .table-chip { --table-chip:#7451ad;color:#fff; }
.bet-spot.drop-ready { transform:scale(1.05);border-style:solid;border-color:var(--cream);background:rgba(255,229,173,.12);box-shadow:0 0 28px rgba(255,219,145,.2),inset 0 0 18px rgba(255,229,173,.08); }.bet-spot.betting-locked { cursor:not-allowed; }.bet-spot.invalid { border-color:rgba(255,107,99,.6); }.bet-spot.bet-won { border-style:solid;border-color:rgba(115,242,181,.72);box-shadow:0 0 22px rgba(115,242,181,.14); }.bet-spot.bet-lost { border-color:rgba(255,107,99,.42);filter:saturate(.7); }.bet-spot.bet-push { border-style:solid;border-color:rgba(255,229,173,.54); }.bet-spot.chip-landed .table-chip { animation:chipLand .28s cubic-bezier(.2,.9,.2,1.25); }@keyframes chipLand{from{transform:translateY(-28px) scale(.75);opacity:.2}to{transform:none;opacity:1}}
.multiplayer-seats { z-index:3;width:100%;display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:6px;overflow-x:auto;padding:5px 1px 8px;scrollbar-width:thin; }.player-seat { min-width:0;padding:7px 6px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(5,20,15,.34);text-align:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s; }.player-seat header { min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px; }.player-seat header span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.62);font-size:7px;font-weight:850; }.player-seat header b { flex:none;padding:2px 3px;border-radius:3px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.34);font-size:5px;letter-spacing:.05em; }.seat-cards { min-height:62px;margin:6px 0 3px;padding-left:10px;display:flex;align-items:center;justify-content:center; }.player-seat .playing-card { width:43px;height:60px;margin-left:-10px;padding:4px;border-radius:5px;font-size:9px;box-shadow:0 5px 9px rgba(0,0,0,.22); }.player-seat .playing-card .suit-center { font-size:20px; }.player-seat .playing-card.card-back { border-width:3px; }.player-seat footer { display:flex;align-items:center;justify-content:space-between;gap:4px; }.player-seat footer strong { min-width:18px;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.2);color:var(--cream);font-size:8px; }.player-seat footer small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.3);font-size:6px; }.player-seat.empty { border-style:dashed;opacity:.5; }.player-seat.your-seat { border-color:rgba(255,229,173,.55);background:rgba(255,229,173,.06); }.player-seat.active-turn { transform:translateY(-3px);border-color:var(--mint);background:rgba(115,242,181,.09);box-shadow:0 0 22px rgba(115,242,181,.18); }.player-seat.active-turn header b { background:var(--mint);color:#10251b; }.player-seat.outcome-win,.player-seat.outcome-blackjack { border-color:rgba(115,242,181,.52); }.player-seat.outcome-loss { border-color:rgba(255,107,99,.34); }.player-seat.outcome-push { border-color:rgba(255,229,173,.4); }
.table-actions { z-index: 3; display: flex; gap: 8px; }.table-actions button { min-width: 86px; padding: 10px 15px; border: 1px solid rgba(255,229,173,.28); border-radius: 9px; background: rgba(10,20,16,.55); color: var(--cream); font-weight: 850; cursor: pointer; }.table-actions button:hover { background: rgba(255,229,173,.14); }.table-actions button:disabled { opacity: .35; }
.felt-copy { z-index: 2; color: rgba(255,229,173,.22); font: 8px Georgia,serif; letter-spacing: .18em; }

/* Auth and informational pages */
.auth-shell { min-height: calc(100vh - 145px); display: grid; grid-template-columns: minmax(350px, 520px) 1fr; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.auth-card { padding: clamp(35px, 6vw, 75px); background: #171714; }.auth-card h1 { margin: 9px 0; font-size: 38px; line-height: 1.05; letter-spacing: -.055em; }.auth-card > p { margin: 0 0 28px; color: #817f77; }
.form-stack { display: flex; flex-direction: column; gap: 15px; }.form-stack label span { display: flex; justify-content: space-between; margin-bottom: 6px; color: #9a978f; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.form-stack label small { color: #5f5d57; }.form-stack input { width: 100%; height: 47px; padding: 0 13px; border: 1px solid var(--line); border-radius: 9px; outline: 0; background: #10100e; color: var(--ink); }.form-stack input:focus { border-color: rgba(255,229,173,.45); }
.auth-switch { margin-top: 19px; color: #77756e; font-size: 10px; text-align: center; }.auth-switch a { color: var(--cream); font-weight: 800; }
.auth-art { padding: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; background: radial-gradient(circle, rgba(255,202,91,.18), transparent 50%), #211b13; }.auth-art img { width: min(330px,75%); filter: drop-shadow(0 30px 35px rgba(0,0,0,.4)); }.auth-art h2 { margin: 0; font-size: clamp(30px,4vw,55px); line-height: 1; letter-spacing: -.055em; text-align: center; }.register-art { align-items: flex-start; background: radial-gradient(circle at 70% 30%, rgba(115,242,181,.14), transparent 45%), #151b17; }.register-art h2 { text-align: left; font-size: clamp(45px,5vw,70px); }.register-art p { color: #737b74; }.giant-number { color: var(--mint); font-size: 120px; line-height: 1; opacity: .12; font-weight: 950; }
.verify-shell { min-height: calc(100vh - 145px); display: grid; place-items: center; }.verify-card { width: min(620px,100%); padding: clamp(28px,6vw,58px); border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 100% 0, rgba(255,229,173,.07), transparent 35%), var(--panel); box-shadow: var(--shadow); }.step-orb { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255,229,173,.2); border-radius: 12px; background: #2b251b; color: var(--cream); font-weight: 950; margin-bottom: 25px; }.verify-card h1 { margin: 9px 0; font-size: 34px; letter-spacing: -.05em; }.verify-card > p { color: #85827a; }.verify-command { margin: 24px 0; padding: 9px 10px 9px 16px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px solid rgba(255,229,173,.2); border-radius: 11px; background: #0f0f0d; }.verify-command code { color: var(--cream); font-size: clamp(13px,2vw,18px); font-weight: 800; }.verify-command button { border: 0; border-radius: 7px; padding: 8px 12px; background: var(--cream); color: #1c170f; font-size: 9px; font-weight: 900; cursor: pointer; }.waiting-line { display: flex; align-items: center; gap: 12px; color: #b4b1a8; }.waiting-line div { display: flex; flex-direction: column; }.waiting-line small { color: #62615b; }.spinner { width: 22px; height: 22px; border: 2px solid #35342f; border-top-color: var(--mint); border-radius: 50%; animation: spin 1s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}.verify-actions { display: flex; align-items: center; gap: 15px; margin: 25px 0 5px; }.text-button { border: 0; background: none; color: #848179; cursor: pointer; font-size: 10px; }.verify-note { padding-top: 16px; border-top: 1px solid var(--line); font-size: 9px; }
.empty-page { min-height: 70vh; display: grid; place-content: center; justify-items: center; text-align: center; }.empty-page > span { color: var(--cream); font-size: 70px; font-weight: 950; opacity: .15; }.empty-page h1 { margin: -20px 0 0; font-size: 36px; }.empty-page p { color: var(--muted); }
.info-hero { padding: 55px 6%; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 80% 10%, rgba(115,242,181,.1), transparent 30%), #171714; }.info-hero h1 { max-width: 700px; }.info-hero p { max-width: 760px; color: #96938a; font-size: 15px; line-height: 1.7; }.fair-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 13px; margin-top: 15px; }.fair-card { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }.fair-card > span { color: var(--cream); font-size: 11px; font-weight: 900; }.fair-card h2 { margin: 24px 0 8px; font-size: 18px; }.fair-card p { color: #817e77; font-size: 11px; line-height: 1.65; }.fair-hash code { display: block; padding: 10px; overflow-wrap: anywhere; border-radius: 7px; background: #10100e; color: var(--mint); font-size: 9px; }.fair-hash button { margin-top: 10px; border: 0; background: none; color: var(--cream); font-size: 9px; cursor: pointer; }.inline-code { color: var(--mint); }.explainer-card { margin-top: 13px; padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border: 1px solid var(--line); border-radius: 16px; }.explainer-card h2 { margin: 5px 0; font-size: 25px; }.explainer-card > p { color: #827f77; font-size: 11px; line-height: 1.7; }

/* Profile, referrals, admin */
.profile-head { padding: 25px; display: flex; align-items: center; gap: 17px; border: 1px solid var(--line); border-radius: 17px; background: var(--panel); }.profile-avatar { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 15px; background: #322b20; color: var(--cream); font-size: 26px; font-weight: 950; }.profile-head > div:nth-child(2) { flex:1; }.profile-head h1 { margin: 2px 0; font-size: 27px; }.profile-head p { margin: 0; color: #76746d; font-size: 10px; }.verified-text { color: var(--mint); }
.stats-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.stats-grid article { min-height: 118px; padding: 20px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); border-radius: 14px; background: #171714; }.stats-grid article > span { color: #73716a; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }.stats-grid article strong { margin: 4px 0 -3px; font-size: 25px; letter-spacing: -.04em; }.stats-grid article small { color: #5e5d57; font-size: 8px; }
.profile-columns { margin-top: 13px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.data-card { border: 1px solid var(--line); border-radius: 15px; background: #151512; overflow: hidden; }.card-title { min-height: 66px; padding: 16px 19px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }.card-title h2 { margin: 0; font-size: 16px; }.card-title > span { color: #696760; font-size: 8px; text-transform: uppercase; letter-spacing: .1em; }.data-list > div { min-height: 57px; padding: 9px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.05); }.data-list > div:last-child { border-bottom: 0; }.data-list > div > span { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items:center; }.data-list > div > span:last-child { text-align: right; }.data-list b { font-size: 10px; }.data-list small { color: #62605a; font-size: 8px; grid-column: 2; }.data-list > div > span:last-child small { grid-column: 1 / -1; }.transaction-icon { width: 20px; height: 20px; grid-row: 1 / 3; display:grid;place-items:center;border-radius:5px;background:rgba(255,107,99,.08);color:var(--coral);font-style:normal;}.transaction-icon.credit{color:var(--mint);background:rgba(115,242,181,.08)}.empty-inline { padding: 25px; color: var(--faint); text-align: center; }
.wager-progress-card { margin-top: 13px; padding: 19px 22px; display: grid; grid-template-columns: minmax(210px,.7fr) 1.3fr; gap: 8px 24px; align-items: center; border: 1px solid rgba(115,242,181,.18); border-radius: 14px; background: linear-gradient(110deg,rgba(115,242,181,.06),#151512); }.wager-progress-card > div:first-child { display: flex; flex-direction: column; }.wager-progress-card strong { margin-top: 4px; font-size: 16px; }.wager-progress-card progress { width: 100%; height: 9px; border: 0; border-radius: 99px; overflow: hidden; background: #0c0c0a; }.wager-progress-card progress::-webkit-progress-bar { background: #0c0c0a; }.wager-progress-card progress::-webkit-progress-value { background: linear-gradient(90deg,var(--mint),var(--cream)); }.wager-progress-card progress::-moz-progress-bar { background: linear-gradient(90deg,var(--mint),var(--cream)); }.wager-progress-card > small { grid-column: 2; color: #706e67; font-size: 8px; }
.referral-hero { padding: 48px; display: grid; grid-template-columns: 1fr 230px; gap: 40px; align-items: center; border: 1px solid rgba(255,229,173,.13); border-radius: 21px; background: radial-gradient(circle at 85% 50%, rgba(255,200,90,.13), transparent 24%), #211c14; }.referral-hero h1 { font-size: clamp(42px,5vw,68px); }.referral-hero p { max-width: 650px; color: #918d83; }.referral-total { aspect-ratio: 1; padding: 25px; display: flex; flex-direction: column; align-items:center;justify-content:center;border:1px dashed rgba(255,229,173,.28);border-radius:50%;background:rgba(0,0,0,.14)}.referral-total span,.referral-total small{color:#888278;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.referral-total strong{font-size:38px;color:var(--mint)}.referral-link-card{margin-top:13px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.referral-link-card>span{color:#817e76;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.referral-link-card>div{margin-top:7px;display:flex;gap:8px}.referral-link-card code{min-width:0;flex:1;padding:13px;border-radius:8px;background:#0e0e0c;color:var(--cream);overflow:hidden;text-overflow:ellipsis}.referral-link-card button{border:0;border-radius:8px;padding:0 17px;background:var(--cream);color:#1b170f;font-weight:900;cursor:pointer}.referral-link-card p{margin:9px 0 0;color:#66645e;font-size:9px}.referral-list{margin-top:13px}.referral-row{grid-template-columns:1.3fr .8fr 1.5fr 1fr}
.admin-head{display:flex;align-items:center;justify-content:space-between;padding:25px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(110deg,#201c16,#161613)}.admin-head h1{margin:2px 0;font-size:27px}.admin-head p{margin:0;color:#716f69;font-size:10px}.admin-lock{padding:8px 10px;border:1px solid rgba(255,229,173,.15);border-radius:7px;color:var(--cream);font-size:8px;font-weight:900;letter-spacing:.1em}.admin-section{margin-top:13px;border:1px solid var(--line);border-radius:15px;background:#151512;overflow:hidden}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:10px}.admin-table th{height:37px;padding:0 13px;color:#64625c;background:#11110f;text-align:left;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.admin-table td{height:50px;padding:7px 13px;border-top:1px solid rgba(255,255,255,.05);color:#9d9a92;white-space:nowrap}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#5f5d57;font-size:8px}.admin-table code{color:#c3bda9;font-size:9px}.admin-table select,.table-search{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#0f0f0d;color:#aaa89f;font-size:9px}.table-search{width:190px}.row-actions{display:flex;gap:4px}.row-actions button,.adjust-button{padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:#22221e;color:#aaa79e;font-size:8px;cursor:pointer}.verify-button{padding:5px 7px;border:1px solid rgba(115,242,181,.22);border-radius:5px;background:rgba(115,242,181,.07);color:var(--mint);font-size:8px;font-weight:850;cursor:pointer}.verify-button:disabled{opacity:.45;cursor:wait}.verified-text{color:var(--mint);font-size:8px;font-weight:850}.row-actions button:nth-child(2){color:var(--mint)}.row-actions button.danger{color:#ff8f88}.status-label{padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.05);font-size:7px;text-transform:uppercase;font-weight:900}.status-pending{color:var(--gold)}.status-processing{color:#8ecbff}.status-paid{color:var(--mint)}.status-rejected{color:#ff8f88}.adjust-modal{max-width:430px}.adjust-modal textarea{width:100%;min-height:90px;padding:10px;border:1px solid #d6d0c0;border-radius:8px;background:#f5f0e4;color:#222018;resize:vertical}.adjust-modal .button{margin-top:16px}

/* Modals and toast */
.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(3,3,3,.72); backdrop-filter: blur(8px); }
.modal { width: min(520px,100%); max-height: min(720px,90vh); overflow-y: auto; position: relative; padding: 29px; border-radius: 18px; background: #f2ecdd; color: #26231c; box-shadow: 0 35px 90px rgba(0,0,0,.55); }
.modal-close { position:absolute;right:13px;top:13px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.06);color:#302d25;font-size:19px;cursor:pointer}.modal-kicker{color:#888174;font-size:8px;font-weight:900;letter-spacing:.15em}.modal h2{margin:6px 0 20px;font-size:27px;letter-spacing:-.045em}.wallet-total{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#28251e;color:#eee7d7}.wallet-total>span{color:#a9a294;font-size:9px}.wallet-total strong{font-size:20px;color:var(--mint)}.wallet-total small{font-size:8px;color:#938c7f;text-transform:uppercase}.tab-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:17px 0 20px;padding:4px;border-radius:9px;background:rgba(0,0,0,.055)}.tab{padding:8px;border:0;border-radius:6px;background:transparent;color:#8d8679;font-size:9px;font-weight:850;cursor:pointer}.tab.active{background:white;color:#28241d;box-shadow:0 2px 8px rgba(0,0,0,.08)}.wallet-pane{display:none}.wallet-pane.active{display:block}.field-help{color:#746e62;font-size:10px;line-height:1.55}.command-result,.wallet-notice{margin-top:13px;padding:14px;border-radius:9px;background:#25231d;color:#e9e2d4}.command-result>span{display:block;color:#908a7f;font-size:8px;text-transform:uppercase}.command-result code{display:block;margin:5px 0;color:var(--mint);font-size:15px;overflow-wrap:anywhere}.command-result button{border:0;background:none;color:var(--cream);padding:0;font-size:9px;font-weight:900;cursor:pointer}.command-result p{margin:7px 0 0;color:#7c786e;font-size:8px}.transaction-list{max-height:300px;overflow:auto}.transaction-item{padding:10px 4px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.09)}.transaction-item div{display:flex;flex-direction:column}.transaction-item strong{font-size:10px}.transaction-item small{color:#837d71;font-size:8px}.transaction-item>strong.credit{color:#16875b}.transaction-item>strong.debit{color:#b4413c}.muted{color:#777166}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:7px}.toast{min-width:230px;max-width:360px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#24231e;color:#eee9de;box-shadow:var(--shadow);font-size:10px;animation:toastIn .2s}.toast.error{border-color:rgba(255,107,99,.3);color:#ffb0ab}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}
.wallet-bonus { margin-top: 7px; padding: 9px 12px; border: 1px solid rgba(31,115,77,.18); border-radius: 8px; background: rgba(64,177,122,.08); color: #4d5f54; font-size: 8px; }.wallet-bonus span { display: block; color: #247451; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }.wallet-bonus strong { color: #176541; font-size: 12px; }

@media (max-width: 1180px) {
  .app-shell { grid-template-columns: 76px minmax(0,1fr) 275px; }
  .brand { min-width: auto; }.nav-label,.nav-item:not(.nav-button){font-size:0}.nav-item{justify-content:center;padding:11px}.nav-item>span{font-size:17px}.nav-button{font-size:0}.side-promo{display:none}.account-label{margin-top:20px}.featured-grid{grid-template-columns:1.1fr 1fr}.feature-card:nth-child(3){display:none}.game-grid{grid-template-columns:repeat(3,1fr)}.slot-layout{grid-template-columns:200px minmax(350px,1fr)}.paytable-panel{display:none}.blackjack-layout{grid-template-columns:210px minmax(430px,1fr)}
}
@media (max-width: 900px) {
  body{overflow:auto}.topbar{position:sticky;top:0}.app-shell{height:auto;min-height:calc(100vh - 76px);grid-template-columns:1fr}.side-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;height:61px;padding:6px 8px;border:0;border-top:1px solid var(--line);overflow:hidden}.side-nav nav{display:grid;grid-template-columns:repeat(5,1fr)}.nav-label,.account-label,.side-promo,.nav-item:nth-of-type(n+6){display:none}.nav-item,.nav-item:not(.nav-button),.nav-button{margin:0;padding:4px;display:flex;flex-direction:column;gap:1px;font-size:7px}.nav-item>span{font-size:15px}.main-content{padding:16px 16px 80px;overflow:visible}.chat-panel{position:fixed;z-index:70;right:0;top:76px;bottom:0;width:min(340px,92vw);transform:translateX(105%);transition:.25s transform;box-shadow:-25px 0 70px rgba(0,0,0,.5)}.chat-panel.open{transform:translateX(0)}.chat-toggle{display:block}.hero-card{grid-template-columns:1fr;min-height:0}.hero-art{display:none}.featured-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:repeat(3,1fr)}.slot-layout{display:flex;flex-direction:column}.bet-panel{order:2;border-right:0;border-top:1px solid var(--line)}.machine-stage{order:1;min-height:500px}.blackjack-layout{display:flex;flex-direction:column}.blackjack-bet-panel{order:2;border:0;border-top:1px solid var(--line)}.blackjack-table{order:1;border-left:0;min-height:580px}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.fair-grid{grid-template-columns:1fr 1fr}.fair-card:last-child{grid-column:1/-1}.profile-columns{grid-template-columns:1fr}.referral-hero{grid-template-columns:1fr 180px}.chat-toggle{font-size:0}.chat-toggle:after{content:'CHAT';font-size:7px;font-weight:900}.site-footer{margin-bottom:20px}
}
@media (max-width: 620px) {
  .topbar{height:66px;padding:0 12px}.brand-mark{width:40px;height:40px}.brand-word{font-size:15px}.brand-chip,.hide-mobile,.balance-label{display:none}.balance-button{display:flex;gap:5px;padding:8px}.app-shell{min-height:calc(100vh - 66px)}.chat-panel{top:66px}.hero-copy{padding:30px 22px}.hero-copy h1{font-size:46px}.hero-actions{flex-direction:column}.hero-trust{display:grid;gap:5px}.section-heading h2{font-size:23px}.section-heading>a{display:none}.featured-grid{display:block}.feature-card{display:block;margin-bottom:10px}.feature-card:nth-child(3){display:block}.game-grid{grid-template-columns:1fr 1fr}.live-row{grid-template-columns:1.5fr 1fr .8fr}.live-row>span:nth-child(3),.live-row>span:nth-child(4){display:none}.slot-layout{min-height:0}.machine-stage{min-height:410px;padding:25px 18px}.machine-header{min-width:95%}.reel-case{padding:12px}.reel-cell span{font-size:37px}.round-proof{grid-template-columns:1fr}.blackjack-table{min-height:530px;padding:18px 12px 35px}.playing-card{width:70px;height:100px}.cards{min-height:104px}.table-actions button{min-width:70px;padding:8px}.auth-shell{min-height:calc(100vh - 110px)}.auth-card{padding:34px 22px}.verify-actions{align-items:stretch;flex-direction:column}.verify-command{align-items:stretch;flex-direction:column}.info-hero{padding:35px 23px}.info-hero h1{font-size:43px}.fair-grid{grid-template-columns:1fr}.fair-card:last-child{grid-column:auto}.explainer-card{grid-template-columns:1fr}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .button{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.referral-hero{padding:30px 22px;grid-template-columns:1fr}.referral-total{width:160px}.referral-link-card>div{flex-direction:column}.referral-link-card button{padding:10px}.referral-row{grid-template-columns:1.3fr 1fr}.referral-row>span:nth-child(2),.referral-row>span:nth-child(4){display:none}.admin-head{align-items:flex-start;gap:15px;flex-direction:column}.admin-stats{grid-template-columns:1fr 1fr}.card-title{gap:10px}.table-search{width:130px}.site-footer{flex-direction:column}.modal{padding:24px 18px}.toast-stack{left:12px;right:12px;bottom:75px}.toast{max-width:none}.brand{gap:6px}
  .wager-progress-card { grid-template-columns: 1fr; }.wager-progress-card > small { grid-column: 1; }
}

.bet-spot[data-amount="0"] > button { opacity:0;pointer-events:none; }
@media (max-width:1180px) and (min-width:901px) { .chip-rack{grid-template-columns:repeat(3,1fr)} }
@media (max-width:900px) { .blackjack-table{min-height:760px}.chip-rack{grid-template-columns:repeat(7,1fr)} }
@media (max-width:620px) {
  .table-switcher{display:flex;overflow-x:auto}.table-switcher a{min-width:180px}.blackjack-table{min-height:700px}.chip-rack{grid-template-columns:repeat(4,1fr)}.betting-spots{width:100%;gap:4px}.bet-spot{min-height:72px}.bet-spot.main-spot{min-height:82px}.bet-spot-title{left:13px;right:13px;font-size:7px}.table-chip{width:41px;height:41px}.side-bet-results{width:100%;gap:4px}.side-bet-results>div{min-width:0;flex:1;padding:5px}.multiplayer-seats{grid-template-columns:repeat(5,92px)}.felt-copy{font-size:6px;letter-spacing:.1em}
}
@media (max-width:1180px){.crypt-layout{grid-template-columns:200px minmax(430px,1fr)}.crypt-paytable{display:none}}
@media (max-width:900px){.crypt-layout{display:flex;flex-direction:column}.crypt-stage{order:1;min-height:610px}.crypt-bet-panel{order:2;border-right:0;border-top:1px solid rgba(213,157,69,.14)}}
@media (max-width:620px){.crypt-stage{min-height:510px;padding:28px 8px}.crypt-reel-frame{padding:9px 19px}.crypt-reels{gap:2px;padding:3px}.crypt-cell small{display:none}.crypt-payline-rail{top:11px;bottom:11px}.crypt-payline-rail i{width:14px;height:14px;font-size:5px}.crypt-feature-overlay{padding:20px 15px}}
@media (prefers-reduced-motion:reduce){.crypt-cell.spinning,.crypt-cell.scatter-hit,.crypt-stage.feature-active:before,.crypt-feature-overlay{animation:none}}
