/* ============================================================
   LUCKROOM · base — токены, сброс, типографика, атомы UI
   Палитра: чёрно-сливовый войлок + золото (только деньги)
   + изумруд (действие) + рубин (риск). Не похоже на «тёмно-синий
   + жёлтый» RubUP: там холодный космос, здесь велюровая комната.
   ============================================================ */

:root{
  /* фоны */
  --bg:          #08060C;
  --bg-2:        #0C0910;
  --surface:     #15101C;
  --surface-2:   #1C1525;
  --surface-3:   #23192E;
  --felt:        #0A2118;      /* сукно казино */
  --felt-2:      #0E2B20;

  /* линии и тени */
  --line:        rgba(245,196,81,.13);
  --line-soft:   rgba(255,255,255,.06);
  --shadow-lg:   0 24px 60px rgba(0,0,0,.65);
  --shadow-md:   0 12px 30px rgba(0,0,0,.45);

  /* акценты */
  --gold:        #F5C451;
  --gold-hi:     #FFE7A8;
  --gold-deep:   #B8892A;
  --emerald:     #2BE38B;
  --emerald-hi:  #7CF7BE;
  --emerald-deep:#0E6B44;
  --ruby:        #FF2D55;
  --ruby-deep:   #8E0C26;
  --violet:      #B06BFF;
  --ice:         #7CD8FF;

  /* текст */
  --text:        #F4EFE7;
  --text-dim:    #C6BCCC;
  --muted:#B3A9BD;   /* было #918799: на изумрудных карточках давало 4.26:1 */

  /* геометрия */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 26px;
  --tab-h: 72px;

  --font-body: "Golos Text", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-disp: "Tektur", "Oswald", "Arial Narrow", Impact, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }

html,body{ margin:0; padding:0; height:100%; }

body{
  font-family:var(--font-body);
  color:var(--text);
  background:
    radial-gradient(1200px 700px at 50% -10%, #1A1030 0%, transparent 60%),
    radial-gradient(900px 600px at 90% 110%, #0B2A1F 0%, transparent 55%),
    var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overscroll-behavior:none;
}

button{ font:inherit; color:inherit; border:0; background:none; cursor:pointer; }
a{ color:inherit; text-decoration:none; }
img{ display:block; max-width:100%; }
::selection{ background:rgba(43,227,139,.3); }

/* ---------- типографика ---------- */
.h1,.h2,.h3,.num{ font-family:var(--font-disp); font-weight:600; letter-spacing:.01em; }
.h1{ font-size:32px; line-height:1.05; text-transform:uppercase; letter-spacing:.06em; }
.h2{ font-size:22px; line-height:1.15; text-transform:uppercase; letter-spacing:.08em; }
.h3{ font-size:17px; line-height:1.2; text-transform:uppercase; letter-spacing:.14em; }
.num{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; }

.eyebrow{
  font-family:var(--font-disp); font-size:12px; font-weight:500;
  letter-spacing:.24em; text-transform:uppercase; color:var(--gold);
  display:flex; align-items:center; gap:8px;
}
.eyebrow::after{ content:""; height:1px; flex:1; background:linear-gradient(90deg,var(--line),transparent); }

.muted{ color:var(--muted); }
.dim{ color:var(--text-dim); }
.gold{ color:var(--gold); }
.small{ font-size:13px; line-height:1.45; }

/* ---------- кнопки: казиношный хром ---------- */
.btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:52px; padding:0 22px; border-radius:var(--r-md);
  font-family:var(--font-disp); font-size:18px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase;
  isolation:isolate; overflow:hidden;
  transition:transform .13s ease, filter .18s ease, box-shadow .18s ease;
  will-change:transform;
}
.btn:active{ transform:translateY(2px) scale(.994); filter:brightness(.96); }
.btn[disabled]{ opacity:.42; pointer-events:none; filter:grayscale(.25); }

/* стеклянный блик сверху — общий для всех вариантов */
.btn::before{
  content:""; position:absolute; inset:1px 1px 54% 1px; border-radius:calc(var(--r-md) - 3px) calc(var(--r-md) - 3px) 26px 26px;
  background:linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,255,255,.10) 62%, rgba(255,255,255,0));
  pointer-events:none; z-index:1; opacity:.9;
}

/* пробегающий блик */
.btn::after{
  content:""; position:absolute; top:-70%; bottom:-70%; left:-60%; width:36%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-18deg); opacity:0; pointer-events:none; z-index:2;
}
.btn:hover::after{ animation:sheen .8s ease; }
.btn:active::after{ animation:sheen .55s ease; }
@keyframes sheen{
  0%{ left:-60%; opacity:0; }
  25%{ opacity:.85; }
  100%{ left:118%; opacity:0; }
}

/* изумрудный CTA */
.btn--go{
  color:#04170E;
  background:linear-gradient(180deg,#7CFFC0 0%, #2BE38B 34%, #12BC72 70%, #0A8F56 100%);
  border:1px solid rgba(190,255,224,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    inset 0 -3px 0 rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 12px 26px rgba(19,200,120,.35),
    0 2px 0 #065E3A;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.btn--go::after{ animation:shineIdle 5.2s ease-in-out infinite; }

/* золото */
.btn--gold{
  color:#1B1204;
  background:linear-gradient(180deg,#FFF2CC 0%, #FFD877 28%, #F5C451 58%, #D2971F 100%);
  border:1px solid rgba(255,231,168,.8);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -3px 0 rgba(0,0,0,.22),
    0 12px 26px rgba(245,196,81,.3),
    0 2px 0 #8A5C10;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.btn--gold::after{ animation:shineIdle 6.4s ease-in-out infinite; }

/* рубин */
.btn--ruby{
  color:#FFF;
  background:linear-gradient(180deg,#FF8B9F 0%, #FF3D62 36%, #E01844 70%, #A90226 100%);
  border:1px solid rgba(255,150,170,.5);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -3px 0 rgba(0,0,0,.32),
    0 12px 26px rgba(255,45,85,.32),
    0 2px 0 #6E0018;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

/* лаковая вторичная */
.btn--ghost{
  color:var(--text);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
  border:1px solid rgba(245,196,81,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 0 rgba(0,0,0,.35),
    0 6px 16px rgba(0,0,0,.35);
}
.btn--ghost::before{ opacity:.35; }
.btn--ghost:hover{ border-color:rgba(245,196,81,.55); }

@keyframes shineIdle{
  0%, 62%{ left:-60%; opacity:0; }
  72%{ opacity:.55; }
  100%{ left:118%; opacity:0; }
}

.btn--wide{ width:100%; }
.btn--sm{ height:42px; font-size:15px; padding:0 16px; }
.btn--flat{ height:44px; border-radius:12px; font-size:15px; }
.btn--flat::before{ border-radius:10px 10px 20px 20px; }

/* мелкие чипы: золотая окантовка */
.case-tab, .filters button, .filters__btn, .up-chip{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 2px 0 rgba(0,0,0,.35);
}
.case-tab.is-active, .filters button.is-on, .filters__btn.is-on{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), inset 0 -2px 0 rgba(0,0,0,.2), 0 6px 14px rgba(245,196,81,.28);
}

/* ---------- мелкие элементы ---------- */
.pill{
  display:inline-flex; align-items:center; gap:6px;
  height:26px; padding:0 10px; border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line-soft);
  font-size:12px; font-weight:600; letter-spacing:.04em; color:var(--text-dim);
}
.pill--live{ color:#8FF7C4; border-color:rgba(43,227,139,.34); background:rgba(43,227,139,.1); }
/* тёмная подложка: золотой текст на золотой плашке давал 4.08:1 */
.pill--gold{ color:var(--gold); border-color:rgba(245,196,81,.38); background:rgba(10,7,14,.55); }

.dot{ width:6px; height:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 10px var(--emerald); }

.card{
  border-radius:var(--r-lg);
  background:linear-gradient(180deg, rgba(30,22,38,.92), rgba(16,12,22,.96));
  border:1px solid var(--line-soft);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), var(--shadow-md);
}
.card--felt{
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(43,227,139,.09), transparent 60%),
    linear-gradient(180deg, var(--felt-2), var(--felt));
  border-color:rgba(43,227,139,.16);
}

.row{ display:flex; align-items:center; gap:10px; }
.row--between{ justify-content:space-between; }
.col{ display:flex; flex-direction:column; }
.grow{ flex:1; min-width:0; }
.stack{ display:flex; flex-direction:column; gap:14px; }
.stack--tight{ gap:8px; }

/* ---------- шторка (bottom sheet) ---------- */
.sheet-root{ position:fixed; inset:0; z-index:60; pointer-events:none; }
.sheet-root.is-open{ pointer-events:auto; }

.sheet-backdrop{
  position:absolute; inset:0; background:rgba(4,3,8,.72);
  opacity:0; transition:opacity .24s ease; backdrop-filter:blur(3px);
}
.sheet-root.is-open .sheet-backdrop{ opacity:1; }

.sheet{
  position:absolute; left:50%; bottom:0; transform:translate(-50%,102%);
  width:min(430px,100vw); max-height:88%;
  display:flex; flex-direction:column;
  background:linear-gradient(180deg,#191222,#0E0A14);
  border-radius:24px 24px 0 0;
  border-top:1px solid rgba(245,196,81,.2);
  box-shadow:0 -24px 60px rgba(0,0,0,.7);
  transition:transform .3s cubic-bezier(.22,1,.36,1);
  padding:10px 16px calc(18px + env(safe-area-inset-bottom));
  overflow-y:auto;
}
.sheet-root.is-open .sheet{ transform:translate(-50%,0); }
.sheet::before{
  content:""; display:block; width:44px; height:4px; border-radius:99px;
  background:rgba(255,255,255,.16); margin:0 auto 14px;
}
.sheet__title{ font-family:var(--font-disp); text-transform:uppercase; letter-spacing:.1em; font-size:20px; margin-bottom:4px; }
.sheet__sub{ color:var(--muted); font-size:13.5px; line-height:1.5; margin-bottom:14px; }

/* ---------- тосты ---------- */
.toast-root{
  /* ниже шапки: иначе сообщение накрывает баланс и кнопку пополнения */
  position:fixed; left:50%; top:calc(18px + 74px); transform:translateX(-50%);
  z-index:80; display:flex; flex-direction:column; gap:8px; align-items:center;
  pointer-events:none; width:min(430px,100vw); padding:0 14px;
}
.toast{
  max-width:100%; padding:11px 16px; border-radius:14px;
  background:rgba(20,15,27,.96); border:1px solid var(--line);
  box-shadow:var(--shadow-lg); font-size:14px; font-weight:600;
  animation:toastIn .28s cubic-bezier(.22,1,.36,1) both;
}
.toast--win{ border-color:rgba(43,227,139,.45); color:#B9FFDA; }
.toast--lose{ border-color:rgba(255,45,85,.4); color:#FFC0CD; }

/* победа и проигрыш — карточка с иллюстрацией, а не строка зелёного текста */
.toast--art{
  display:flex; align-items:center; gap:10px; max-width:min(360px, calc(100vw - 32px));
  padding:8px 14px 9px 8px; border-radius:16px; min-height:58px;
  background:
    linear-gradient(100deg, rgba(245,196,81,.20), rgba(16,11,24,.96) 46%),
    rgba(16,11,24,.96);
  border:1px solid rgba(245,196,81,.42);
  box-shadow:0 12px 30px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}
.toast--lose.toast--art{
  background:
    linear-gradient(100deg, rgba(255,45,85,.18), rgba(16,11,24,.96) 46%),
    rgba(16,11,24,.96);
  border-color:rgba(255,45,85,.38);
}
.toast__art{
  flex:0 0 auto; width:46px; height:46px; border-radius:12px; object-fit:cover;
  box-shadow:0 6px 14px rgba(0,0,0,.5);
  -webkit-mask-image:radial-gradient(72% 72% at 50% 50%, #000 62%, rgba(0,0,0,0) 96%);
  mask-image:radial-gradient(72% 72% at 50% 50%, #000 62%, rgba(0,0,0,0) 96%);
}
.toast--art .toast__body{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.toast__title{
  font-family:var(--font-disp); font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold-hi);
}
.toast--lose .toast__title{ color:#FF8CA0; }
.toast__text{
  font-size:14px; line-height:1.3; color:#FFF6E2; font-weight:600;
}
/* обрезаем в одну строку только карточки с артом; обычный тост переносится —
   иначе нечитаемыми оказывались длинные сообщения (например, ссылка на копирование) */
.toast--art .toast__text{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:250px;
}
.toast--lose .toast__text{ color:#FFD9E1; }
@keyframes toastIn{ from{ opacity:0; transform:translateY(-10px) } to{ opacity:1; transform:none } }

/* ---------- скролл ---------- */
.no-bar{ scrollbar-width:none; -ms-overflow-style:none; }
.no-bar::-webkit-scrollbar{ display:none; }

/* ---------- служебное ---------- */
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* ---------- видимый фокус для клавиатуры ---------- */
:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  /* без border-radius: глобальное скругление ломало форму кнопок и «пилюль» при фокусе */
}
button:focus-visible, a:focus-visible, input:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(245,196,81,.18);
}
/* у инпутов рамка уже есть — подсвечиваем мягче, чтобы не двоилось */
.stepper__field:focus-within{ border-color:rgba(245,196,81,.55); box-shadow:0 0 0 3px rgba(245,196,81,.15); }
.stepper__input:focus-visible{ outline:none; box-shadow:none; }

/* ============================================================
   ГРАФИКА 2.0 — глубина и свет
   Замер до правок: карточка (28,24,34) от фона (15,11,22) отличалась
   всего на 0.6% яркости — слои не читались, всё выглядело плоско.
   Здесь вводим шкалу поверхностей и «освещённый» верхний край.
   ============================================================ */
:root{
  /* шкала поверхностей: от фона к внутренним плашкам */
  --l0:#08060C;
  --l1:#0E0A15;
  --l2:#161020;
  --l3:#1E1729;
  --l4:#281E35;

  /* свет: край, тень, глубина */
  --edge-hi: inset 0 1px 0 rgba(255,255,255,.12);
  --edge-lo: inset 0 -1px 0 rgba(0,0,0,.5);
  --depth-1: 0 2px 5px rgba(0,0,0,.36), 0 10px 26px rgba(0,0,0,.42);
  --depth-2: 0 4px 10px rgba(0,0,0,.40), 0 18px 44px rgba(0,0,0,.52);
  --hairline: 1px solid rgba(255,255,255,.07);
}

/* карточки: тёплый верх, тёмный низ, чёткий освещённый край */
.card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.014) 44%, rgba(0,0,0,.22)),
    linear-gradient(180deg, var(--l3), var(--l2));
  border:var(--hairline);
  box-shadow:var(--edge-hi), var(--edge-lo), var(--depth-2);
}
.card--felt{
  box-shadow:var(--edge-hi), var(--edge-lo), var(--depth-2),
             0 0 0 1px rgba(43,227,139,.10), 0 24px 50px rgba(8,40,28,.55);
}

/* строки-плашки: та же логика, но мельче */
.row-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.012) 55%, rgba(0,0,0,.18)),
    var(--l3);
  border:var(--hairline);
  box-shadow:var(--edge-hi), 0 6px 16px rgba(0,0,0,.32);
}

/* заголовок раздела: золотая линия и мягкое свечение */
.eyebrow{ color:var(--gold-hi); }
.eyebrow::before{
  content:""; width:3px; height:12px; border-radius:2px;
  background:linear-gradient(180deg, var(--gold-hi), var(--gold-deep));
  box-shadow:0 0 10px rgba(245,196,81,.55);
}

/* полосатая подсветка под шапкой страницы */
.page-head{ position:relative; }
.page-head::after{
  content:""; position:absolute; left:-16px; right:-16px; top:-14px; height:120px;
  background:radial-gradient(60% 100% at 20% 0%, rgba(245,196,81,.10), transparent 70%);
  pointer-events:none; z-index:-1;
}

/* плитки игр: свет сверху, тень снизу, свечение акцента глубже */
.tile{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.5), var(--depth-2);
}
.tile__glow{ opacity:1; filter:saturate(1.15); }

/* витрина кейса: тёплое свечение за артом */
.case-hero{
  background:
    radial-gradient(70% 60% at 50% 30%, rgba(245,196,81,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 70%);
}

/* ячейки пула: предмет крупнее и с контактной тенью */
.pool__cell img{ width:54px; filter:drop-shadow(0 6px 12px rgba(0,0,0,.65)); }
.pool__cell{
  background:
    radial-gradient(90% 90% at 50% 15%, color-mix(in srgb, var(--rc) 26%, transparent), rgba(10,7,14,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 6px 14px rgba(0,0,0,.4);
}

/* деньги — золотой градиент, а не плоский цвет */
.num.gold, .wallet__sum{
  background:linear-gradient(180deg, var(--gold-hi), var(--gold));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.45));
}

/* золотая кнопка: купол — свет сверху, тень снизу */
.btn--gold{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.95),
    inset 0 -4px 0 rgba(120,80,0,.35),
    inset 0 -14px 22px rgba(140,95,0,.28),
    0 10px 24px rgba(245,196,81,.28),
    0 3px 0 rgba(90,60,0,.55);
}
.btn--go{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.85),
    inset 0 -4px 0 rgba(0,80,45,.4),
    inset 0 -14px 22px rgba(0,95,55,.3),
    0 10px 24px rgba(43,227,139,.24),
    0 3px 0 rgba(0,70,40,.6);
}

/* ============================================================
   Доработки после ревью
   ============================================================ */

/* .h1 висел на настоящем <h1> — UA-отступ 0.67em давал лишние 20px под заголовком */
.h1{ margin:0; }

/* уважаем настройку «меньше движения»: гасим бегущую строку, блики и тряску */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .ticker__track, .btn--gold::after, .btn--go::after{ animation:none !important; }
}

.toast-root{
  /* ниже шапки: иначе сообщение накрывает баланс и кнопку пополнения
     (правило стоит последним — более раннее перебивалось этим же файлом) */
  top:calc(92px + env(safe-area-inset-top, 0px));
}

/* ---------- попап крупного выигрыша ----------
   Блок идёт последним в файле: специфичность у .sheet--bigwin та же, что у .sheet,
   поэтому выше по файлу его перебивал базовый padding шторки. */
/* ---------- попап крупного выигрыша ---------- */
.sheet--bigwin{
  padding:0; padding-bottom:env(safe-area-inset-bottom);
  /* art сверху, но содержимое должно прокручиваться: на низком экране
     overflow:hidden обрезал кнопки и делал их недоступными */
  overflow-x:hidden; overflow-y:auto;
  /* шторка прижата к низу: скругляем только верх, иначе снизу висит «поплавок» */
  border-radius:var(--r-xl) var(--r-xl) 0 0;
}
/* заголовок скрыт визуально, но остаётся доступным именем диалога */
.sheet--bigwin .sheet__title, .sheet--bigwin .sheet__sub{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.bigwin{ display:flex; flex-direction:column; }
.bigwin__art{ position:relative; height:232px; overflow:hidden; }
.bigwin__art img{ width:100%; height:100%; object-fit:cover; object-position:50% 62%; display:block; }
.bigwin__art::after{           /* арт растворяется в панели, без резкой кромки */
  content:""; position:absolute; inset:auto 0 0 0; height:96px; pointer-events:none;
  background:linear-gradient(180deg, rgba(16,11,24,0) 0%, rgba(16,11,24,.72) 62%, var(--surface, #15101C) 100%);
}
.bigwin__rays{                 /* медленные золотые лучи поверх арта */
  position:absolute; inset:-40% -20% auto -20%; height:150%; pointer-events:none;
  background:conic-gradient(from 0deg, rgba(245,196,81,.16) 0 6deg, transparent 6deg 22deg,
    rgba(245,196,81,.12) 22deg 26deg, transparent 26deg 44deg);
  mix-blend-mode:screen; opacity:.55;
  animation:bigwinRays 18s linear infinite;
}
@keyframes bigwinRays{ to{ transform:rotate(360deg); } }
.bigwin__body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:8px; margin-top:-18px; position:relative; z-index:1; }
.bigwin__kicker{
  font-family:var(--font-disp); font-size:12px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold);
}
.bigwin__sum{
  font-family:var(--font-disp); font-size:40px; line-height:1; letter-spacing:.02em;
  background:linear-gradient(180deg, #FFF6DD, #F5C451 62%, #B8892A);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 14px rgba(245,196,81,.35));
}
.bigwin__metrics{ display:flex; gap:8px; flex-wrap:wrap; }
.bigwin__metrics span{
  font-size:12px; padding:3px 8px; border-radius:99px; color:#9FE7C4;
  background:rgba(43,227,139,.12); border:1px solid rgba(43,227,139,.26);
}
.bigwin__lead{ font-size:14px; line-height:1.5; color:var(--text-dim); }
.bigwin__prize{
  display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:12px;
  font-size:14px; color:#0B2018; font-weight:700;
  background:linear-gradient(180deg, var(--emerald-hi), var(--emerald));
  box-shadow:0 8px 22px rgba(43,227,139,.28);
}
.bigwin__prize.is-off{ color:var(--text-dim); background:rgba(255,255,255,.06); box-shadow:none; font-weight:400; }
.bigwin__ticket{ font-size:18px; }
.sheet--bigwin .verdict__actions{ padding:0 16px 16px; margin-top:0; }
.sheet--bigwin::before{ display:none; }

@media (prefers-reduced-motion: reduce){
  .toast, .toast--art{ animation:none !important; }
}