/* ===============================
   GLOBAL GAME FULLSCREEN MODE
   =============================== */

body.game-fs {
  overflow: hidden !important;
}

/* скрываем верхний HUD */
body.game-fs .topbar,
body.game-fs .topbar--chips {
  display: none !important;
}

/* скрываем нижний dock */
body.game-fs #bottomNav {
  display: none !important;
}

/* любая мини-игра = настоящий фулскрин */
body.game-fs .game-modal,
body.game-fs .mini-game,
body.game-fs .modal.game {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  z-index: 9999 !important;
}

/* =========================================================
   GAME FULLSCREEN MODE (auto-wrapper): делает gamePlayModal фуллскрин
   ВСТАВЬ В САМЫЙ КОНЕЦ styles.patch.css
   ========================================================= */

/* когда игра открыта — не скроллим фон */
body.game-fs{
  overflow: hidden !important;
}

/* прячем верхний HUD (чтобы не мешал игре) */
body.game-fs .topbar,
body.game-fs .topbar--chips{
  display: none !important;
}

/* прячем нижнее меню (подстрой селектор под свой, если отличается) */
body.game-fs #bottomNav,
body.game-fs .bottom-nav,
body.game-fs .dock,
body.game-fs .nav-bottom{
  display: none !important;
}

/* Модалка игры — на весь экран */
body.game-fs #gamePlayModal.game-play-modal{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 10050 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  background: rgba(0,0,0,0.70) !important;
}

/* Окно игры — тоже на весь экран */
body.game-fs #gamePlayModal .game-play-window{
  width: 100% !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;

  display: flex !important;
  flex-direction: column !important;

  /* твой фирменный фон рамки */
  background:
    url("assets/background_game.png") center/cover no-repeat,
    #004b6b !important;
}

/* Внутренняя бежёвая зона — растягивается и не вываливается */
body.game-fs #gamePlayModal .game-play-root{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: rgba(255, 247, 230, 0.50) !important;
}

/* Если у тебя TG fullscreen (html.tg-fs), учитываем верхнюю панель "Закрыть" */
html.tg-fs body.game-fs #gamePlayModal.game-play-modal{
  padding-top: var(--tg-fs-top, 0px) !important;
}
html.tg-fs body.game-fs #gamePlayModal .game-play-window{
  height: calc(100dvh - var(--tg-fs-top, 0px)) !important;
}

/* Лови еду (Мамонтёнок) */
.catch-hud{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:10px;
}

.catch-lives{
  display:flex;
  gap:6px;
}

.catch-heart{
  font-size:18px;
  line-height:1;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
.catch-heart.is-dead{
  opacity:.25;
  transform: scale(.92);
}

/* Лёгкая встряска при ошибке */
.catch-shake{
  animation: catchShake .18s linear 0s 2;
}
@keyframes catchShake{
  0%{ transform: translateX(0); }
  25%{ transform: translateX(-4px); }
  50%{ transform: translateX(4px); }
  75%{ transform: translateX(-3px); }
  100%{ transform: translateX(0); }
}

/* =========================================================
   Catch Food — FULLSCREEN layout polish
   ========================================================= */

body.game-fs #gamePlayModal .catch-ui-header{
  padding: 10px 14px !important;
  gap: 10px !important;
}

body.game-fs #gamePlayModal .catch-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight: 800;
}

body.game-fs #gamePlayModal .catch-hud{
  margin-left: auto;
  display:flex;
  align-items:center;
  gap:12px;
}

/* Красные сердечки (и чтобы не были "чёрными") */
body.game-fs #gamePlayModal .catch-heart{
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size: 18px;
  line-height: 1;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.25));
}
body.game-fs #gamePlayModal .catch-heart.is-dead{
  opacity:.25;
  transform: scale(.92);
}

/* BODY растягиваем на весь доступный экран */
body.game-fs #gamePlayModal .catch-ui-body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display:flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 12px 12px 18px !important;
}

/* Поле игры — крупнее и визуально приятнее */
body.game-fs #gamePlayModal .catch-board--fs{
  width: min(94vw, 720px);
}

body.game-fs #gamePlayModal #catchBoard{
  position: relative;
  width: 100%;
  height: 100%; 
  min-height: 100%;       /* ключевой параметр "идеальной" высоты */
  border-radius: 20px;
  background: rgba(255, 247, 230, 0.92);
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
  overflow: hidden;
}

/* Корзина — ниже и чуть больше */
body.game-fs #gamePlayModal #catchBasket{
  position: absolute;
  left: 0;
  bottom: 18px;
  height: 34px;
  border-radius: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Падающие предметы — крупнее */
body.game-fs #gamePlayModal .catch-fruit{
  position: absolute;
  font-size: 32px;
  line-height: 1;
  will-change: transform, top;
}

/* Лёгкая встряска при ошибке */
body.game-fs #gamePlayModal .catch-shake{
  animation: catchShake .18s linear 0s 2;
}
@keyframes catchShake{
  0%{ transform: translateX(0); }
  25%{ transform: translateX(-4px); }
  50%{ transform: translateX(4px); }
  75%{ transform: translateX(-3px); }
  100%{ transform: translateX(0); }
}

/* Мамонтенок спринт */
/* Runner full-screen layout */
.runner-body {
  position: relative;
  height: calc(100vh - 56px); /* если хедер ~56px, иначе подправь */
  min-height: 420px;
  overflow: hidden;
}

#runnerCanvas {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 16px;
}

/* HUD */
.runner-hdr {
  display: flex;
  align-items: center;
  gap: 10px;
}

.runner-hud {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
}

.runner-hearts {
  display: flex;
  gap: 6px;
  align-items: center;
}

.runner-heart {
  font-size: 20px;
  line-height: 1;
  transform: translateY(-1px);
  user-select: none;
}

.runner-heart.is-full { color: #ff2b2b; }
.runner-heart.is-empty { color: rgba(255, 43, 43, 0.25); }

.runner-meters {
  font-weight: 700;
  opacity: 0.95;
}

/* Help */
.runner-help {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.25);
  color: #fff;
  font-size: 14px;
  text-align: center;
  transition: opacity 250ms ease;
  pointer-events: none;
}

/* === FIX: Catch Food board height (иначе поле схлопывается) === */

body.game-fs #gamePlayModal .game-play-body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
}

body.game-fs #gamePlayModal .catch-board--fs{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;       /* можно оставить min(94vw,720px), но 100% проще */
  height: 100% !important;
  display: flex !important;
}

body.game-fs #gamePlayModal .catch-board-inner{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

/* === FIX #2: root должен быть flex-колонкой, иначе body не растягивается === */
body.game-fs #gamePlayModal .game-play-root{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

/* body (где поле игры) должно занимать всё оставшееся */
body.game-fs #gamePlayModal .catch-ui-body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* контейнер поля тоже растягиваем по высоте */
body.game-fs #gamePlayModal .catch-board{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

/* Runner full-screen layout */
.runner-body {
  position: relative;
  height: calc(100vh - 56px);
  min-height: 420px;
  overflow: hidden;
}

#runnerCanvas {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 16px;
}

/* HUD */
.runner-hdr {
  display: flex;
  align-items: center;
  gap: 10px;
}

.runner-hud {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

.runner-hearts {
  display: flex;
  gap: 6px;
  align-items: center;
}

.runner-heart {
  font-size: 20px;
  line-height: 1;
  transform: translateY(-1px);
  user-select: none;
}

.runner-heart.is-full { color: #ff2b2b; }
.runner-heart.is-empty { color: rgba(255, 43, 43, 0.25); }

.runner-meters { font-weight: 800; opacity: 0.95; }
.runner-coins { font-weight: 800; opacity: 0.95; }

/* Help */
.runner-help {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.25);
  color: #fff;
  font-size: 14px;
  text-align: center;
  transition: opacity 250ms ease;
  pointer-events: none;
}

/* Game over overlay */
.runner-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,0.35);
}
.runner-overlay-card{
  width:min(92%,420px);
  background: rgba(20,30,40,0.92);
  color:#fff;
  border-radius:18px;
  padding:16px;
  text-align:center;
}
.runner-overlay-title{
  font-size:18px;
  font-weight:900;
  margin-bottom:8px;
}
.runner-overlay-sub{
  opacity:0.9;
  margin-bottom:12px;
}
.runner-overlay-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* === Continue for Ad overlay === */

/* Continue for Ad overlay (Catch Food) */
#catchBoard .catch-continue-overlay{
  position:absolute;
  inset:0;
  z-index:50;
  background: rgba(0,0,0,.55);
  display:flex;
  align-items:center;
  justify-content:center;
}

#catchBoard .catch-continue-box{
  background:#fff;
  border-radius:18px;
  padding:18px 18px;
  text-align:center;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  width:min(320px, 86vw);
}

#catchBoard .catch-continue-box .title{
  font-size:18px;
  font-weight:800;
  margin-bottom:12px;
}

#catchBoard .catch-continue-box button{
  width:100%;
  margin-top:10px;
}

/* =========================
   Mammoth Catch — FULLSCREEN FIX
   ========================= */
body.game-fs #gamePlayModal .mammoth-catch-game{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 14px 14px 18px;
  gap: 10px;
}

/* Хедер: заголовок + скорость + выход в одну линию */
body.game-fs #gamePlayModal .mammoth-catch-game .game-play-header{
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

body.game-fs #gamePlayModal .mammoth-catch-game .game-play-title{
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
}

body.game-fs #gamePlayModal .mammoth-catch-game .game-play-timer{
  margin-left: auto;
  font-weight: 800;
  opacity: .95;
}

/* ВАЖНО: убираем “странные” absolute/float наследования */
body.game-fs #gamePlayModal .mammoth-catch-game .game-play-help,
body.game-fs #gamePlayModal .mammoth-catch-game .game-play-score{
  position: static !important;
  float: none !important;
  text-align: center;
  margin: 0;
}

/* Игровое поле: по центру и занимает всё доступное место */
body.game-fs #gamePlayModal .mammoth-catch-game .mammoth-grid{
  flex: 1 1 auto;
  min-height: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;

  place-content: center;
  width: min(92vw, 520px);
  margin: 0 auto;
}

/* Клетки: одинаковые, “кнопка-плитка” */
body.game-fs #gamePlayModal .mammoth-catch-game .mammoth-cell{
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.20);
  overflow: hidden;
  display: grid;
  place-items: center;
}

body.game-fs #gamePlayModal .mammoth-catch-game .mammoth-icon{
  width: 70%;
  height: 70%;
  object-fit: contain;
}

/* Подсветка активного мамонтёнка */
body.game-fs #gamePlayModal .mammoth-catch-game .mammoth-cell.is-active{
  box-shadow: 0 0 0 3px rgba(255,60,60,.85), 0 12px 28px rgba(0,0,0,.18);
  transform: translateY(-1px);
}

/* =========================
   Mammoth Catch — nice UI
   ========================= */

.mammoth-catch-game{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 14px 14px 18px;
  gap: 10px;
}

.mc-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

.mc-title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.mc-right{
  display:flex;
  align-items:center;
  gap: 8px;
}

.mc-pill{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight: 800;
  font-size: 13px;
}

.mc-exit{
  border-radius: 14px !important;
  padding: 8px 12px !important;
  font-weight: 900 !important;
}

.mc-hud{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.mc-hearts{
  display:flex;
  gap: 6px;
  font-size: 18px;
  user-select:none;
}

.mc-heart{
  filter: drop-shadow(0 3px 10px rgba(0,0,0,.25));
  opacity: 1;
  transition: opacity .15s ease, transform .15s ease;
}
.mc-heart.is-off{
  opacity: .18;
  transform: scale(.98);
}

.mammoth-grid{
  flex: 1 1 auto;
  min-height: 0;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;

  place-content: center;
  width: min(92vw, 520px);
  margin: 0 auto;
}

.mammoth-cell{
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.18);
  overflow: hidden;
  display: grid;
  place-items: center;
  transition: transform .08s ease;
}

.mammoth-cell:active{
  transform: scale(.98);
}

.mammoth-icon{
  width: 70%;
  height: 70%;
  object-fit: contain;
  opacity: .95;
}

/* подсветка активного — ЯВНАЯ */
.mammoth-cell.is-active{
  background: rgba(255, 60, 60, .35) !important;
  box-shadow: 0 0 0 3px rgba(255, 60, 60, .85), 0 18px 40px rgba(0,0,0,.25) !important;
}

/* "+mult" всплывашка */
.mc-toast{
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom, 0px) + 120px);
  transform: translateX(-50%) translateY(10px);
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  color: #fff;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
  z-index: 999999;
}
.mc-toast.show{
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* fallback result */
.mc-fallback{
  position:absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
  display:grid;
  place-items:center;
}
.mc-fallback-card{
  width: min(420px, 92vw);
  border-radius: 18px;
  background: rgba(15, 20, 30, .92);
  border: 1px solid rgba(255,255,255,.12);
  padding: 16px;
  color:#fff;
}
.mc-fallback-title{
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 10px;
}
.mc-fallback-row{
  opacity: .92;
  margin: 6px 0;
}
.mc-fallback-actions{
  margin-top: 12px;
  display:flex;
  justify-content: flex-end;
}
.mc-fallback-exit{
  border-radius: 14px !important;
  font-weight: 900 !important;
}

/* =========================
   Mammoth Jump — visuals
   ========================= */

.mammoth-jump-game .jump-board{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* platform base */
.jump-platform{
  height: 10px;
  border-radius: 8px;
  background: #C9A574;
  box-shadow: 0 2px 0 rgba(0,0,0,0.12);
  will-change: transform, left, top;
  opacity: 1 !important;
}

/* moving hint */
.jump-platform.is-moving{
  filter: saturate(1.05);
}

/* spring platform accent */
.jump-platform.is-spring{
  background: #A0DCFF;
}

/* breakable platform */
.jump-platform.is-break{
  background: #F0C878;
}
.jump-platform.is-cracked{
  box-shadow: 0 2px 0 rgba(0,0,0,0.12), inset 0 0 0 2px rgba(120,60,10,0.18);
}

/* breaking anim */
.jump-platform.is-breaking{
  animation: jumpBreak 0.22s ease-out forwards;
}
@keyframes jumpBreak{
  to{
    transform: translateY(18px) scaleX(0.85);
  }
}

/* spring icon */
.jump-spring{
  width: 22px;
  height: 12px;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background: rgba(255, 210, 90, 0.95);
  box-shadow: 0 2px 0 rgba(0,0,0,0.15);
  pointer-events: none;
}

/* little pop feedback */
.jump-platform.spring-pop{
  animation: springPop 0.18s ease-out;
}
@keyframes springPop{
  0%{ transform: scaleY(1); }
  50%{ transform: scaleY(0.75); }
  100%{ transform: scaleY(1); }
}

/* jetpack pickup */
.jump-jetpack{
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background: rgba(255,255,255,0.85);
  box-shadow: 0 10px 18px rgba(0,0,0,0.15);
  pointer-events: none;
}
.jump-jetpack::before{
  content: "🚀";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 16px;
}

/* mammoth jetpack effect */
.jump-mammoth.has-jetpack{
  filter: drop-shadow(0 10px 14px rgba(90,170,255,0.35));
}

/* dust */
.jump-dust{
  position: absolute;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  box-shadow: 0 6px 14px rgba(0,0,0,0.10);
  animation: dustPuff 0.40s ease-out forwards;
  pointer-events: none;
}
@keyframes dustPuff{
  from{ opacity: .55; transform: translate(-50%,-50%) scale(0.8); }
  to{ opacity: 0; transform: translate(-50%,-60%) scale(1.25); }
}

/* =========================
   Mammoth Jump — FULLSCREEN FIX (чтобы поле не схлопывалось)
   ========================= */
body.game-fs #gamePlayModal .mammoth-jump-game{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 14px 14px 18px;
  gap: 10px;
}

body.game-fs #gamePlayModal .mammoth-jump-game .catch-board{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}

body.game-fs #gamePlayModal .mammoth-jump-game .catch-board-inner{
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

body.game-fs #gamePlayModal .mammoth-jump-game .jump-board{
  height: 100%;
}

/* =========================
   Mammoth Builder (Block Buster) — FIX: фон и пустота снизу
   ========================= */

/* Уплотняем фон игры (убираем ощущение "полупрозрачной пустоты") */
body.game-fs #gamePlayModal .bb{
  position: relative;
  height: 100%;
  padding: 12px 12px calc(env(safe-area-inset-bottom, 0px) + 14px) !important;
  background: radial-gradient(140% 120% at 50% 0%,
    rgba(70, 110, 210, 0.45),
    rgba(8, 14, 36, 0.92)
  ) !important;
  overflow: hidden;
}

/* Доп. слой затемнения, чтобы мамонт сзади НЕ мешал (самое важное) */
body.game-fs #gamePlayModal .bb::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(6, 10, 24, 0.55);
  backdrop-filter: blur(2px);
  pointer-events:none;
  z-index:0;
}

/* Поднимаем контент над затемняющим слоем */
body.game-fs #gamePlayModal .bb > *{
  position: relative;
  z-index: 1;
}

/* Убираем пустоту снизу: центрируем и распределяем место */
body.game-fs #gamePlayModal .bb .bb-center{
  flex: 1 1 auto;
  min-height: 0;
  justify-content: center !important; /* было flex-start */
  padding-top: 6px !important;
  gap: 12px;
}

/* Доска — чуть крупнее и читабельнее */
body.game-fs #gamePlayModal .bb .bb-board{
  width: min(92vmin, 420px) !important;
  max-height: 66vh !important;
  aspect-ratio: 1/1;
  background: radial-gradient(120% 120% at 30% 10%,
    rgba(70,110,210,.70),
    rgba(10,18,45,.98)
  ) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.10);
}

/* Блоки снизу — чуть ближе к доске и не "висят" */
body.game-fs #gamePlayModal .bb .bb-pieces{
  width: min(92vmin, 420px) !important;
  margin-top: 2px;
}

/* Если фон игры у окна тоже полупрозрачный — уплотняем именно на время игры */
body.game-fs #gamePlayModal .game-play-root{
  background: transparent !important; /* чтобы не было молочной простыни поверх */
}

/* =========================
   RESULT — НОРМАЛЬНЫЙ OVERLAY + CARD
   ========================= */

/* Overlay */
body.game-fs #gamePlayModal #gamePlayRoot .game-result{
  position: fixed;
  inset: 0;
  z-index: 99999;

  display: grid;
  place-items: center;

  background: rgba(5,10,25,0.55);
  backdrop-filter: blur(6px);
}

/* Карточка */
body.game-fs #gamePlayModal #gamePlayRoot .result-card{
  width: min(420px, 92vw);
  padding: 18px 16px 16px;
  border-radius: 22px;

  background: linear-gradient(
    180deg,
    rgba(20,30,60,0.96),
    rgba(10,15,35,0.96)
  );

  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 20px 60px rgba(0,0,0,0.55);

  text-align: center;
  color: #fff;
}

/* Заголовок */
.result-card h3{
  margin: 6px 0 14px;
  font-size: 20px;
  font-weight: 900;
}

/* Текст */
.result-card p{
  margin: 8px 0;
  font-size: 15px;
  opacity: .95;
}

/* Кнопка */
.result-card button{
  width: 100%;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 16px;

  font-size: 16px;
  font-weight: 900;

  background: linear-gradient(135deg, #ffb84a, #ff8a2a);
  color: #1b1200;
  border: none;
  box-shadow: 0 14px 26px rgba(0,0,0,0.28);
}
