:root {
  --bg: #020202;
  --bg-2: #050505;
  --panel: rgba(2, 2, 2, .88);
  --panel-strong: rgba(0, 0, 0, .96);
  --line: rgba(245, 189, 47, .62);
  --line-soft: rgba(245, 189, 47, .24);
  --cyan: #f5bd2f;
  --cyan-2: #ffdf73;
  --blue: #f5bd2f;
  --green: #ffe087;
  --gold: #f5bd2f;
  --nova-secondary: #f5bd2f;
  --white: #fff7df;
  --muted: #cbbf9b;
  --radius: 8px;
  --shadow: 0 24px 70px rgba(0, 0, 0, .64);
  --glow: 0 0 30px rgba(245, 189, 47, .42);
}

body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% -10%, rgba(245, 189, 47, .18), transparent 28%),
    radial-gradient(circle at 85% 22%, rgba(255, 212, 91, .12), transparent 24%),
    linear-gradient(180deg, #020202 0%, #050505 46%, #010101 100%);
}

body::before {
  opacity: .16;
  background-image:
    radial-gradient(circle at 18% 10%, rgba(255, 213, 88, .18), transparent 20%),
    radial-gradient(circle at 82% 18%, rgba(255, 213, 88, .13), transparent 22%);
  background-size: auto;
  mask-image: none;
}

.site-bg {
  background:
    linear-gradient(180deg, rgba(0,0,0,.25), #020202 70%),
    #020202;
}

.app-shell {
  width: min(560px, 100%);
  padding: 18px 20px 126px;
}

.topbar {
  position: relative;
  top: auto;
  min-height: 180px;
  grid-template-columns: 84px minmax(0, 1fr) 84px;
  align-items: start;
  gap: 0;
  padding: 0;
  background: transparent;
  border-bottom: 0;
  backdrop-filter: none;
}

.menu-toggle {
  width: 70px;
  height: 70px;
  margin-top: 8px;
  border: 0;
  border-radius: 0;
  background: url("assets/fortunaplay/menu-button.png?v=20260613-prod") center / contain no-repeat;
  box-shadow: none;
}

.menu-toggle span {
  display: none;
}

.brand {
  justify-self: center;
  align-self: start;
  width: min(340px, 100%);
  margin-top: 0;
}

.brand img {
  width: 100%;
  max-height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(245, 189, 47, .58)) drop-shadow(0 18px 30px rgba(0,0,0,.85));
}

.main-menu,
.auth-actions {
  display: none;
}

.mobile-menu {
  border-color: var(--line);
  background: rgba(0, 0, 0, .96);
}

.fortuna-bonus,
.fortuna-account-strip {
  width: 100%;
  min-height: 72px;
  margin: 12px 0 0;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 21px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 26%, rgba(255,255,255,.18) 74%, transparent),
    linear-gradient(180deg, #ffdc5b, #9b6408 52%, #2c1700);
  color: #050505;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 0 28px rgba(245,189,47,.22);
  text-transform: uppercase;
}

.fortuna-bonus span {
  font-size: 31px;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.32));
}

.fortuna-bonus strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(17px, 4.35vw, 25px);
  font-weight: 1000;
  letter-spacing: 0;
}

.fortuna-bonus em {
  font-style: normal;
  font-size: 54px;
  line-height: 1;
  color: #ffd45a;
  text-shadow: 0 0 13px rgba(255,215,92,.65);
}

.fortuna-account-strip {
  grid-template-columns: 58px minmax(0, 1fr) auto 30px;
  min-height: 66px;
  padding: 0 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent),
    #020303;
  color: #fff6dc;
  text-align: left;
  text-transform: none;
}

.fortuna-user-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 2px solid var(--gold);
  border-radius: 999px;
  color: var(--gold);
  font-size: 19px;
  box-shadow: inset 0 0 18px rgba(245,189,47,.2), 0 0 18px rgba(245,189,47,.22);
}

.fortuna-account-strip strong,
.fortuna-account-strip em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  font-weight: 1000;
}

.fortuna-account-strip strong {
  font-size: clamp(17px, 4.8vw, 23px);
}

.fortuna-account-strip em {
  color: var(--gold);
  font-size: clamp(17px, 4.8vw, 22px);
}

.fortuna-chevron {
  color: var(--gold);
  font-size: 28px;
  line-height: 1;
}

.hero {
  display: block;
  min-height: 0;
  aspect-ratio: 2655 / 3003;
  margin-top: 18px;
  padding: 0;
  border: 1px solid rgba(245,189,47,.34);
  border-radius: 22px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.05)),
    url("assets/fortunaplay/hero-card.png?v=20260613-prod") center / cover no-repeat;
  box-shadow: 0 24px 64px rgba(0,0,0,.62), 0 0 30px rgba(245,189,47,.18);
}

.hero::after,
.hero-copy,
.hero-visual {
  display: none !important;
}

.quick-actions {
  margin-top: 18px;
}

.action-card,
.category-card,
.game-card,
.content-section,
.sports-panel,
.support-card,
.checkout-status {
  border-color: var(--line-soft);
  background: rgba(4, 4, 4, .88);
  box-shadow: 0 18px 52px rgba(0,0,0,.4), 0 0 22px rgba(245,189,47,.1);
}

.btn-primary,
.menu-primary,
.link-button,
.wallet-quick button,
.odds button,
.game-frame-status .btn-primary {
  color: #070500 !important;
  background: linear-gradient(180deg, #ffe789, #f5bd2f 48%, #99610a) !important;
  box-shadow: 0 14px 30px rgba(245,189,47,.22);
}

.section-title h2,
.support-card h2,
.jackpot strong,
.form-message[data-tone="ok"] {
  color: var(--gold);
}

.bottom-nav {
  width: min(524px, calc(100% - 20px));
  min-height: 86px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), transparent),
    rgba(2,2,2,.96);
  box-shadow: 0 -18px 50px rgba(0,0,0,.66), 0 0 26px rgba(245,189,47,.2);
  backdrop-filter: blur(18px);
}

.bottom-nav button {
  min-height: 72px;
  gap: 3px;
  color: #c8c2b4;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  font-size: .74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.bottom-nav span {
  font-size: 1.28rem;
  color: currentColor;
  text-shadow: 0 0 12px currentColor;
}

.bottom-nav button.active {
  color: var(--gold);
  border-color: rgba(245,189,47,.52);
  background: linear-gradient(180deg, rgba(245,189,47,.18), rgba(0,0,0,.55));
  box-shadow: inset 0 0 18px rgba(245,189,47,.16), 0 0 18px rgba(245,189,47,.18);
}

.modal-card,
.game-toolbar,
.game-frame-shell {
  border-color: var(--line);
  background: rgba(0, 0, 0, .96);
}

.overlay-brand img,
.frame-logo-badge,
#gameFrameStatus img {
  max-width: 210px;
  object-fit: contain;
}

@media (max-width: 520px) {
  .app-shell {
    padding: 14px 14px 116px;
  }

  .topbar {
    min-height: 148px;
    grid-template-columns: 64px minmax(0, 1fr) 64px;
  }

  .menu-toggle {
    width: 58px;
    height: 58px;
  }

  .brand {
    width: min(282px, 100%);
  }

  .fortuna-bonus {
    min-height: 60px;
    grid-template-columns: 48px minmax(0, 1fr) 30px;
    border-radius: 18px;
  }

  .fortuna-bonus span {
    font-size: 24px;
  }

  .fortuna-bonus em {
    font-size: 40px;
  }

  .fortuna-account-strip {
    min-height: 60px;
    grid-template-columns: 46px minmax(0, 1fr) auto 22px;
    padding: 0 12px;
    border-radius: 18px;
  }

  .fortuna-user-icon {
    width: 36px;
    height: 36px;
  }

  .hero {
    margin-top: 14px;
    border-radius: 18px;
  }

  .bottom-nav {
    min-height: 72px;
    border-radius: 18px;
  }

  .bottom-nav button {
    min-height: 60px;
    font-size: .59rem;
    border-radius: 14px;
  }

  .bottom-nav span {
    font-size: 1rem;
  }
}

/* FortunaPlay production: sports preview block removed from the home. */
.sports-panel,
[data-section="sports"],
[data-section-jump="sports"] {
  display: none !important;
}