:root {
  color-scheme: dark;
  --bg: #080b12;
  --bg-2: #101722;
  --panel: rgba(20, 29, 42, .86);
  --panel-solid: #141d2a;
  --panel-2: #1d2b3d;
  --line: rgba(255,255,255,.10);
  --line-strong: rgba(255,255,255,.18);
  --red: #f01936;
  --red-dark: #8f1727;
  --green: #17a05d;
  --green-dark: #0d653d;
  --telegram: #2aa7ff;
  --telegram-dark: #1260e8;
  --gold: #f3c85b;
  --gold-2: #b9811e;
  --blue: #1d80a7;
  --text: #f7f8fb;
  --muted: #aab6c7;
  --shadow: 0 20px 50px rgba(0,0,0,.34);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  margin: 0;
  min-height: 100%;
  color: var(--text);
  font-family: Inter, Arial, system-ui, -apple-system, Segoe UI, sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 12% -8%, rgba(240,25,54,.28), transparent 34%),
    radial-gradient(circle at 90% 8%, rgba(29,128,167,.22), transparent 30%),
    linear-gradient(180deg, #151b27 0%, #111923 48%, #101923 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png"),
    url("assets/ac_milan_logo.png");
  background-repeat: no-repeat;
  background-size:
    260px auto,
    170px auto,
    220px auto,
    145px auto,
    250px auto,
    180px auto,
    130px auto,
    230px auto,
    155px auto,
    270px auto,
    190px auto,
    150px auto;
  background-position:
    -105px 4%,
    18% -45px,
    42% 12%,
    74% -20px,
    101% 8%,
    7% 34%,
    31% 42%,
    68% 36%,
    92% 52%,
    -120px 73%,
    48% 82%,
    84% 92%;
  opacity: .088;
  filter: grayscale(1) brightness(.68) contrast(1.28);
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(240,25,54,.13), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(42,167,255,.12), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(34,49,68,.26), transparent 48%),
    linear-gradient(180deg, rgba(8,11,18,.16), rgba(8,11,18,.42) 76%);
}
button, input { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
.app { width: min(1120px, 100%); margin: 0 auto; padding: 22px 18px 42px; position: relative; z-index: 1; }
.hero {
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(340px, .76fr);
  gap: 18px;
  align-items: stretch;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
  border: 1px solid var(--line);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}
.hero::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  right: -120px;
  top: -120px;
  background: radial-gradient(circle, rgba(240,25,54,.22), transparent 68%);
  pointer-events: none;
}
.hero-brand, .hero-panel { position: relative; z-index: 1; }
.hero-brand { display: grid; align-content: center; gap: 16px; min-height: 420px; padding: 8px 10px; }
.hero-panel { display: grid; align-content: start; gap: 12px; }
.crest {
  width: 108px;
  height: 108px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.20);
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  box-shadow: 0 22px 44px rgba(0,0,0,.35);
}
.crest-img { object-fit: contain; padding: 8px; }
.eyebrow {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  color: var(--gold);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(243,200,91,.40);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(243,200,91,.08);
}
h1 {
  margin: 0;
  max-width: 720px;
  font-size: clamp(44px, 8vw, 82px);
  line-height: .95;
  letter-spacing: 0;
}
h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); line-height: 1.02; }
p { margin: 0; color: rgba(247,248,251,.88); font-size: clamp(17px, 2.5vw, 24px); line-height: 1.38; max-width: 720px; }
.profile, .auth-box, .wallet, .item, .casino-card, .play-panel, .notice, .task, .leader-row {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(12px);
}
.profile { padding: 16px; display: grid; gap: 5px; }
.profile strong { font-size: 20px; }
.profile span, .item span, .casino-card small, .auth-copy span, .auth-message { color: var(--muted); font-size: 14px; line-height: 1.42; }
.auth-box { display: grid; gap: 12px; padding: 16px; background: linear-gradient(145deg, rgba(29,128,167,.18), rgba(20,29,42,.92)); }
.auth-copy { display: grid; gap: 5px; }
.auth-copy strong { color: var(--gold); font-size: 22px; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 4px; border-radius: 14px; background: rgba(0,0,0,.22); }
.auth-tab { border: 0; border-radius: 11px; min-height: 44px; padding: 10px; background: transparent; color: var(--muted); font: inherit; font-size: 15px; }
.auth-tab.active { position: relative; overflow: hidden; color: #fff; background: linear-gradient(135deg, #ff3150 0%, #e81434 48%, #7e0e1c 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -14px 26px rgba(90,0,12,.22), 0 14px 26px rgba(240,25,54,.26); }
.auth-form { display: grid; gap: 10px; }
.auth-input {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--line-strong);
  border-radius: 13px;
  background: rgba(5, 10, 16, .72);
  color: var(--text);
  padding: 0 15px;
  font: inherit;
  font-size: 15px;
  outline: none;
}
.auth-input:focus { border-color: rgba(243,200,91,.7); box-shadow: 0 0 0 3px rgba(243,200,91,.10); }
.auth-input::placeholder { color: rgba(170,182,199,.72); }
.actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.btn, .wallet-btn {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 16px;
  min-height: 58px;
  padding: 14px 18px;
  color: #fff;
  font: inherit;
  font-size: 16px;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -18px 32px rgba(0,0,0,.18), 0 16px 32px rgba(0,0,0,.30);
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
.btn::before, .wallet-btn::before, .auth-tab.active::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255,255,255,.38), rgba(255,255,255,0) 28%, rgba(255,255,255,.14) 52%, rgba(255,255,255,0) 72%);
  opacity: .82;
  pointer-events: none;
}
.btn:hover, .wallet-btn:hover, .casino-card:hover { filter: brightness(1.13) saturate(1.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -18px 32px rgba(0,0,0,.14), 0 20px 38px rgba(0,0,0,.36); }
.btn:active, .wallet-btn:active, .casino-card:active, .mine-cell:active, .stake-mine-cell:active { transform: translateY(1px) scale(.99); }
.btn:disabled { opacity: .48; cursor: default; transform: none; }
.btn.red { background: linear-gradient(135deg, #ff3150 0%, #e81434 42%, #7e0e1c 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -20px 34px rgba(90,0,12,.28), 0 18px 34px rgba(240,25,54,.28); }
.btn.green { background: linear-gradient(135deg, var(--telegram) 0%, #168bff 44%, var(--telegram-dark) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.36), inset 0 -20px 34px rgba(0,45,120,.26), 0 18px 34px rgba(42,167,255,.28); }
.btn.blue { background: linear-gradient(135deg, #5bd3ff 0%, #1f93ff 46%, #1551d3 100%); }
.btn.gold { background: linear-gradient(135deg, #ffe998 0%, #f0b931 45%, #a66d10 100%); color: #140d04; text-shadow: 0 1px 0 rgba(255,255,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -20px 34px rgba(100,58,0,.18), 0 18px 34px rgba(243,200,91,.25); }
.btn.dark { background: linear-gradient(135deg, #35465e, #111923); }
#telegramButton, .auth-box > .btn.green { background: linear-gradient(135deg, #6bd6ff 0%, #2aa7ff 38%, #1260e8 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -20px 34px rgba(0,42,120,.24), 0 18px 34px rgba(42,167,255,.32); }
#rewardButton { background: linear-gradient(135deg, #ff3150 0%, #e81434 42%, #801020 100%); }
.wallet { display: none !important; }
.notice {
  margin-top: 16px;
  padding: 16px 18px;
  display: grid;
  gap: 6px;
  background: linear-gradient(135deg, rgba(243,200,91,.13), rgba(20,29,42,.78));
  border-color: rgba(243,200,91,.25);
}
.notice strong { color: var(--gold); font-size: 20px; }
.notice span { color: rgba(247,248,251,.82); font-size: 15px; line-height: 1.45; }
.casino-games, .info, .game-screen { display: grid; gap: 14px; margin-top: 22px; }
.section-head { display: grid; gap: 10px; }
.game-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.casino-card {
  min-height: 190px;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 10px;
  text-align: left;
  padding: 22px;
  border: 1px solid var(--line);
  color: var(--text);
  font: inherit;
  overflow: hidden;
  position: relative;
  background: linear-gradient(145deg, rgba(34,49,68,.96), rgba(14,22,32,.96));
}
.casino-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 85% 20%, rgba(255,255,255,.13), transparent 30%);
  pointer-events: none;
}
.casino-card::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -36px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
}
.casino-card span, .casino-card strong, .casino-card small, .casino-card b { position: relative; z-index: 1; }
.casino-card span { font-size: 44px; line-height: 1; }
.casino-card strong { font-size: 28px; line-height: 1.05; }
.casino-card small { font-size: 15px; }
.casino-card b { color: var(--gold); font-size: 15px; align-self: end; }
.casino-card.blackjack { background: linear-gradient(145deg, #243348, #101722 64%); }
.casino-card.mines { background: linear-gradient(145deg, #126f82, #101722 66%); }
.casino-card.roulette { background: linear-gradient(145deg, #9f1b2d, #101722 66%); }
.play-panel { padding: 20px; display: grid; gap: 14px; background: linear-gradient(145deg, rgba(20,29,42,.92), rgba(8,11,18,.92)); }
.play-title { color: var(--gold); font-size: clamp(26px, 4vw, 36px); line-height: 1.05; }
.play-line { font-size: 18px; line-height: 1.38; color: rgba(247,248,251,.9); }
.choice-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }
.result-card { border-radius: 14px; padding: 14px; display: grid; gap: 5px; background: rgba(255,255,255,.06); border: 1px solid var(--line); }
.result-card.win { border-color: rgba(34,185,109,.5); background: rgba(34,185,109,.14); }
.result-card.loss { border-color: rgba(240,25,54,.5); background: rgba(240,25,54,.14); }
.result-card strong { font-size: 22px; }
.result-card span { color: var(--muted); }
.mini-dashboard { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 24px; }
.tasks-box, .leaderboard-box { display: grid; gap: 10px; margin-top: 12px; }
.task { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; text-align: left; color: var(--text); font: inherit; }
.task-main { display: grid; gap: 5px; min-width: 0; }
.task-go { border: 0; border-radius: 999px; padding: 10px 13px; color: #fff; background: linear-gradient(135deg, #6bd6ff 0%, #2aa7ff 42%, #1260e8 100%); font: inherit; font-size: 13px; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 10px 20px rgba(42,167,255,.22); }
.task-go.reward { color: #140d04; background: linear-gradient(135deg, #ffe998 0%, #f0b931 45%, #a66d10 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 20px rgba(243,200,91,.20); }
.task-done { color: var(--muted); font-size: 13px; white-space: nowrap; }
.task:disabled { cursor: default; opacity: .72; }
.task strong { font-size: 16px; }
.task-main span { color: var(--gold); font-size: 14px; white-space: nowrap; }
.leader-row { min-height: 56px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; }
.leader-row b, .leader-row strong { color: var(--gold); }
.leader-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info { grid-template-columns: repeat(3, 1fr); margin-bottom: 8px; }
.item { padding: 17px; display: grid; gap: 6px; }
.item strong { font-size: 18px; }
.admin-app { width: min(980px, 100%); }
.admin-form { display: grid; gap: 14px; margin-top: 16px; }
.admin-card { background: var(--panel-solid); border-radius: 14px; padding: 16px; display: grid; gap: 12px; border: 1px solid var(--line); }
.admin-card h2, .admin-row h3 { margin: 0; color: var(--gold); }
.admin-row { display: grid; gap: 10px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); }
.admin-field { display: grid; gap: 6px; }
.admin-field span, .admin-check span { color: var(--muted); font-size: 14px; }
.admin-input { width: 100%; border: 1px solid var(--line); border-radius: 10px; background: #0d1721; color: var(--text); padding: 12px; font: inherit; font-size: 15px; }
textarea.admin-input { min-height: 92px; resize: vertical; }
.admin-check { display: flex; align-items: center; gap: 8px; }
.admin-check input { width: 18px; height: 18px; }
.admin-actions { grid-column: 1 / -1; }
.tiny-danger { margin-left: 8px; border: 0; border-radius: 8px; padding: 6px 9px; background: var(--red); color: #fff; font: inherit; font-size: 13px; cursor: pointer; }

.table { display: grid; gap: 14px; padding: 14px; border-radius: 18px; background: linear-gradient(135deg, #0f5f39, #06351f); border: 1px solid var(--line); }
.table strong { display: block; margin-bottom: 9px; font-size: 18px; }
.cards-row { display: flex; gap: 9px; flex-wrap: wrap; }
.card { width: 64px; height: 88px; border-radius: 10px; display: grid; place-items: center; grid-template-rows: 1fr 1fr; background: #f7f4ec; color: #101010; font-size: 25px; font-weight: 900; border: 2px solid #111; box-shadow: 0 8px 14px rgba(0,0,0,.22); }
.card small { color: inherit; font-size: 24px; }
.card.red-card { color: #d51f31; }
.card.back { background: repeating-linear-gradient(45deg, #ed1b2f 0 8px, #111923 8px 16px); color: #fff; }
.casino-table-panel { background: radial-gradient(circle at 50% 12%, rgba(22,122,71,.38), rgba(20,29,42,.97) 48%, rgba(7,16,24,.98)); border: 1px solid rgba(243,200,91,.20); }
.bj-rule-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.bj-rule-strip span { border-radius: 999px; padding: 8px 10px; background: rgba(243,200,91,.11); border: 1px solid rgba(243,200,91,.25); color: var(--gold); text-align: center; font-size: 12px; }
.bj-status { border-radius: 14px; padding: 14px; display: grid; gap: 4px; background: rgba(255,255,255,.07); border: 1px solid var(--line); }
.bj-status strong { font-size: 20px; color: var(--text); }
.bj-status span { color: var(--muted); font-size: 14px; }
.bj-table { display: grid; gap: 14px; padding: 16px; border-radius: 22px; background: radial-gradient(circle at 50% 5%, #16804b, #0c5a35 42%, #07351f 100%); border: 2px solid rgba(243,200,91,.42); box-shadow: inset 0 0 32px rgba(0,0,0,.35), 0 18px 34px rgba(0,0,0,.25); }
.dealer-zone, .player-zone { display: grid; gap: 10px; }
.zone-title { width: max-content; max-width: 100%; border-radius: 999px; padding: 8px 12px; color: #1b1203; background: linear-gradient(135deg, #ffe08b, #c6922a); font-size: 14px; }
.bj-hand { display: grid; gap: 10px; padding: 12px; border-radius: 16px; background: rgba(7,16,24,.32); border: 1px solid rgba(255,255,255,.11); }
.bj-hand.active { border-color: rgba(243,200,91,.78); box-shadow: 0 0 0 2px rgba(243,200,91,.12), 0 0 24px rgba(243,200,91,.16); }
.bj-hand.done { opacity: .92; }
.bj-hand-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bj-hand-head strong { font-size: 16px; }
.bj-hand-head span { color: var(--gold); font-size: 13px; white-space: nowrap; }
.bj-hand-result { border-radius: 10px; padding: 9px 10px; background: rgba(243,200,91,.13); color: var(--gold); font-size: 14px; }
.bj-hand-result.loss { background: rgba(240,25,54,.17); color: #ffd7dc; }
.bj-actions { display: grid; grid-template-columns: repeat(5, 1fr); gap: 9px; }
.bj-actions .btn { min-height: 58px; padding: 12px 10px; font-size: 15px; }
.bj-rules { border-radius: 12px; padding: 12px 14px; background: rgba(255,255,255,.06); border: 1px solid var(--line); }
.bj-rules summary { cursor: pointer; color: var(--gold); font-size: 16px; }
.bj-rules p { margin-top: 9px; font-size: 14px; color: var(--muted); line-height: 1.45; }

.stake-mines-panel { background: #0f1722; border: 1px solid var(--line); padding: 14px; }
.stake-mines-layout { display: grid; grid-template-columns: 250px 1fr; gap: 14px; align-items: stretch; }
.stake-control-panel { display: grid; gap: 12px; align-content: start; padding: 14px; border-radius: 16px; background: #192434; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.stake-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; border-radius: 999px; background: #0d1622; }
.stake-tabs button { border: 0; border-radius: 999px; padding: 10px; color: var(--muted); background: transparent; font: inherit; font-size: 13px; }
.stake-tabs button.active { color: #fff; background: #2d3b4e; }
.stake-field { display: grid; gap: 7px; }
.stake-field span, .stake-stat-row span { color: var(--muted); font-size: 13px; }
.stake-field strong { border-radius: 10px; padding: 12px; background: #0d1622; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.mine-stepper { display: grid; grid-template-columns: 44px 1fr 44px; gap: 7px; }
.mine-stepper button, .mine-stepper strong { min-height: 44px; border: 0; border-radius: 10px; display: grid; place-items: center; background: #0d1622; color: #fff; font: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.mine-stepper button { cursor: pointer; background: #2c3a4d; }
.stake-stat-row { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-radius: 10px; padding: 10px 11px; background: rgba(255,255,255,.045); }
.stake-stat-row strong { color: var(--gold); }
.cashout-btn { min-height: 56px; }
.stake-board-wrap { display: grid; gap: 12px; padding: 14px; border-radius: 18px; background: radial-gradient(circle at 50% 0%, rgba(30,137,82,.22), #101923 42%, #0b121b); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.stake-board-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fff; }
.stake-board-head strong { font-size: 18px; }
.stake-board-head span { color: var(--muted); font-size: 13px; text-align: right; }
.stake-mine-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.stake-mine-cell { aspect-ratio: 1; min-height: 72px; border: 0; border-radius: 12px; background: linear-gradient(180deg, #314257, #223145); color: #fff; font: inherit; font-size: 28px; cursor: pointer; box-shadow: 0 7px 0 #162232, 0 12px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08); transform: translateY(0); transition: transform .12s ease, filter .12s ease, background .12s ease; }
.stake-mine-cell:hover:not(:disabled) { filter: brightness(1.12); transform: translateY(-2px); }
.stake-mine-cell:active:not(:disabled) { transform: translateY(4px); box-shadow: 0 3px 0 #162232, 0 8px 12px rgba(0,0,0,.25); }
.stake-mine-cell.revealed { cursor: default; background: #182433; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); transform: none; }
.stake-mine-cell.is-mine { background: #2a1822; }
.stake-mine-cell.exploded { background: linear-gradient(180deg, #d43245, #7d1828); box-shadow: 0 0 24px rgba(240,25,54,.38); }
.mine-cover { display: block; width: 34%; aspect-ratio: 1; margin: auto; border-radius: 8px; background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.04)); }
.mine-gem, .mine-bomb { display: grid; place-items: center; width: 100%; height: 100%; font-size: clamp(24px, 7vw, 42px); filter: drop-shadow(0 6px 10px rgba(0,0,0,.4)); animation: popGem .22s ease-out; }
@keyframes popGem { from { transform: scale(.55); opacity: .3; } to { transform: scale(1); opacity: 1; } }

@media (min-width: 760px) {
  .admin-card { grid-template-columns: 1fr 1fr; }
  .admin-card h2, .admin-card .wide, .admin-row { grid-column: 1 / -1; }
  .admin-row { grid-template-columns: repeat(3, 1fr); }
  .admin-row h3 { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; padding: 16px; }
  .hero-brand { min-height: auto; padding: 4px; }
  .mini-dashboard, .info { grid-template-columns: 1fr; }
  .stake-mines-layout { grid-template-columns: 1fr; }
  .stake-control-panel { order: 2; }
  .stake-board-wrap { order: 1; }
}
@media (max-width: 560px) {
  .app { padding: 12px 10px 30px; }
  .hero { border-radius: 18px; }
  .crest { width: 88px; height: 88px; border-radius: 20px; }
  h1 { font-size: 42px; }
  .actions, .game-grid, .choice-grid { grid-template-columns: 1fr; }
  .casino-card { min-height: 164px; padding: 18px; }
  .bj-rule-strip, .bj-actions { grid-template-columns: 1fr 1fr; }
  .bj-actions .btn:last-child { grid-column: 1 / -1; }
  .stake-mine-cell { min-height: 54px; }
  .stake-board-head { display: grid; }
  .stake-board-head span { text-align: left; }
  .card { width: 56px; height: 78px; }
}