/** Shopify CDN: Minification failed

Line 364:13 Expected ":"

**/
/* NUVAH Game — desktop-first (mobile shell placeholder) */

:root {
  --nuvah-bg: #1f0f2e;
  --nuvah-bg-deep: #160820;
  --nuvah-pink: #E23D76;
  --nuvah-pink-hover: #E23D76;
  --nuvah-purple: #4c0362;
  --nuvah-purple-dark: #3a024c;
  --nuvah-text: #ffffff;
  --nuvah-muted: rgba(255, 255, 255, 0.55);
  --nuvah-card: #ffffff;
  --nuvah-radius: 20px;
  --nuvah-board-size: min(52vw, 520px);
  --journey-width: 46%;
  --panel-width: 54%;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --light-purple: #3C1F4C;
}

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

body.game--section,
.game--section {
  margin: 0;
  background: var(--nuvah-bg);
  color: var(--nuvah-text);
  font-family: var(--font);
  min-height: 100vh;
  overflow-x: hidden;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.hidden,
[hidden] {
  display: none !important;
}

/* —— Shell —— */
.nuvah-game {
  position: relative;
  min-height: 100vh;
  isolation: isolate;
}

.nuvah-mobile {
  display: none;
}

/* Full-page journey map background — pans per step so flags in art stay visible */
.nuvah-journey-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  background-color: var(--nuvah-bg-deep);
  background-image: var(--journey-map);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 38% 82%;
  transition: background-position 0.9s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.nuvah-game[data-journey-step="1"] .nuvah-journey-bg {
  background-position: 36% 86%;
}

.nuvah-game[data-journey-step="2"] .nuvah-journey-bg {
  background-position: 54% 56%;
}

.nuvah-game[data-journey-step="3"] .nuvah-journey-bg {
  background-position: 32% 36%;
}

.nuvah-game[data-journey-step="4"] .nuvah-journey-bg {
  background-position: 50% 10%;
}

.nuvah-settings-trigger {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 150;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  background: rgba(30, 15, 45, 0.85);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

.nuvah-settings-trigger:hover {
  background: rgba(76, 3, 98, 0.9);
  transform: scale(1.05);
}

.nuvah-settings-panel__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 200;
}

.nuvah-settings-panel__sheet {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 201;
  width: min(360px, 92vw);
  height: 100%;
  background: #fff;
  color: #1f2937;
  padding: 24px 22px 32px;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.25);
  animation: slideInRight 0.28s ease;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

.nuvah-settings-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.nuvah-settings-panel__head h2 {
  margin: 0;
  font-size: 22px;
  color: var(--nuvah-purple);
}

.nuvah-settings-close {
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--light-purple);
}

.nuvah-settings-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nuvah-settings-list li {
  border-bottom: 1px solid #f3f4f6;
}

.nuvah-settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  cursor: pointer;
  font-weight: 600;
}

.nuvah-settings-link {
  display: block;
  width: 100%;
  padding: 16px 0;
  border: 0;
  background: none;
  text-align: left;
  font-size: 15px;
  font-weight: 600;
  color: var(--nuvah-purple);
  cursor: pointer;
  text-decoration: none;
}

.nuvah-settings-note {
  margin-top: 24px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--light-purple);
}

/* —— Desktop layout —— */
.nuvah-desktop {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: var(--journey-width) var(--panel-width);
  min-height: 100vh;
}

/* Left: transparent — full map shows through from fixed background */
.nuvah-journey-stage {
  min-height: 100vh;
  pointer-events: none;
}

/* —— Right panel —— */
.nuvah-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 40px 40px;
  min-height: 100vh;
}

.nuvah-brand {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.nuvah-brand__logo {
  max-width: 180px;
  height: auto;
}

.nuvah-brand__text {
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.35em;
  text-decoration: none;
  font-weight: 300;
}

.nuvah-screens {
  flex: 1;
  width: 100%;
  max-width: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nuvah-screen {
  width: 100%;
  display: none;
  animation: fadeUp 0.35s ease;
}

.nuvah-screen.is-active {
  display: block;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* —— Bouquet splash (desktop + mobile shared) —— */
.nuvah-bouquet-splash {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background: #2e0854;
  padding: 0 20px 6vh;
  min-height: min(78vh, 820px);
}

.nuvah-bouquet-splash__img {
  width: min(100%, 440px);
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

/* Desktop: full-viewport bouquet step (Figma) */
.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-journey-bg,
.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-journey-stage {
  display: none;
}

.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-journey-bg {
  background-image: none !important;
  background-color: #2e0854 !important;
}

.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-desktop {
  grid-template-columns: 1fr;
}

.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-panel {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0;
}

.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-brand {
  display: none;
}

.nuvah-game:has(#screenIntroSplash.is-active) .nuvah-screens {
  max-width: none;
  width: 100%;
  flex: 1;
  align-items: stretch;
}

.nuvah-desktop .nuvah-screen[data-screen="intro-splash"].is-active {
  position: fixed;
  inset: 0;
  z-index: 100;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex !important;
  flex-direction: column;
}

.nuvah-desktop .nuvah-screen[data-screen="intro-splash"] .nuvah-bouquet-splash {
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0;
  min-width: 100%;
}

.nuvah-desktop .nuvah-screen[data-screen="intro-splash"] .nuvah-bouquet-splash__img {
  width: 100%;
  max-height: 100vh;
  /* object-fit: cover; */
  object-fitL contain;
  background-color: #2a103d;
}

/* —— Welcome —— */
.nuvah-welcome {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.nuvah-welcome__htp-title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 700;
}

.nuvah-welcome__htp-body {
  font-size: 15px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

.nuvah-welcome__htp-body ul {
  margin: 0;
  padding-left: 18px;
}

.nuvah-welcome__htp-body li {
  margin-bottom: 8px;
}

.nuvah-welcome__bouquet {
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  display: block;
  border-radius: 12px;
}

.nuvah-auth-hint {
  margin: 12px 0 0;
  font-size: 14px;
  color: #86efac;
}

/* —— Buttons —— */
.nuvah-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter 0.2s, transform 0.15s;
  padding: 14px 28px;
  width: 100%;
  max-width: 280px;
}

.nuvah-btn:active {
  transform: scale(0.98);
}

.nuvah-btn--primary {
  background: var(--nuvah-pink);
  color: #fff;
}

.nuvah-btn--primary:hover {
  filter: brightness(1.08);
}

.nuvah-btn--dark {
  background: var(--nuvah-purple);
  color: #fff;
  max-width: 100%;
}

.nuvah-btn--dark:hover {
  background: var(--nuvah-purple-dark);
}

.nuvah-btn--full {
  max-width: 100%;
  width: 100%;
}

.nuvah-btn--play {
  max-width: 100%;
  width: 100%;
  padding: 16px 32px;
  font-size: 16px;
}

.nuvah-btn--ghost {
  margin-top: 12px;
  background: transparent;
  color: var(--nuvah-purple);
  border: 1px solid rgba(76, 3, 98, 0.25);
  max-width: 100%;
  width: 100%;
  text-transform: none;
  font-weight: 600;
}

.nuvah-btn--link {
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  text-transform: unset;
  color: var(--light-purple);
}

/* —— Cards —— */
.nuvah-card {
  background: var(--nuvah-card);
  border-radius: var(--nuvah-radius);
  padding: 36px 32px 32px;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  text-align: center;
  color: #1f2937;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.nuvah-card__title {
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  color: var(--nuvah-purple);
  line-height: 1.25;
  margin-bottom: 6px;
}

.nuvah-card__subtitle {
  margin: 8px 0 24px;
  font-size: 15px;
  color: var(--light-purple);
}

.nuvah-card__subtitle--reward {
  margin: 4px 0 0;
  font-size: 15px;
  color: var(--light-purple);
}

.nuvah-input {
  width: 100%;
  height: 52px;
  border: 1px solid #f0c4d8;
  border-radius: 10px;
  padding: 0 16px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.nuvah-input:focus {
  border-color: var(--nuvah-pink);
  box-shadow: 0 0 0 3px rgba(233, 69, 122, 0.15);
}

.nuvah-field {
  margin-bottom: 20px;
}

.nuvah-status {
  min-height: 20px;
  margin: 0 0 16px;
  font-size: 14px;
  color: #dc2626;
}

.nuvah-status--ok {
  color: #16a34a;
}

/* —— OTP —— */
.nuvah-otp {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 8px;
}

.nuvah-otp__box {
  width: 48px;
  height: 52px;
  border: 1px solid #e5b8cc;
  border-radius: 10px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: var(--nuvah-purple);
  outline: none;
}

.nuvah-otp__box:focus {
  border-color: var(--nuvah-pink);
  box-shadow: 0 0 0 3px rgba(233, 69, 122, 0.12);
}

.nuvah-otp-hint {
  margin: 0 0 20px;
  font-size: 12px;
  color: var(--light-purple);
}

/* —— Game board —— */
.nuvah-play-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.nuvah-board {
  width: var(--nuvah-board-size);
  height: var(--nuvah-board-size);
  max-width: 100%;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3);
  position: relative;
}

.nuvah-board .image_container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  touch-action: manipulation;
  background-color: #fff;
  background-repeat: repeat;
  background-size: 280px;
}

/* Shared game board (desktop + mobile) */
.nuvah-board .image_container img,
.nuvah-m-board .image_container img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* width: clamp(100px, 22%, 160px); */
  width: 160px;
  -webkit-user-drag: none;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.nuvah-board .i_img,
.nuvah-m-board .i_img {
  bottom: 12%;
  top: auto;
}

.nuvah-board .o_img,
.nuvah-m-board .o_img {
  top: 0;
}

.nuvah-results-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: rgba(255, 255, 255, 0.92); */
  background-size: cover;
}

.nuvah-results-card {
  text-align: center;
  padding: 24px;
  border: 1px solid #000;
  border-radius: 10px;
  min-width: 268px;
}

.nuvah-results-line {
  margin: 0;
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
}

.nuvah-results-scored {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000;
}

.nuvah-results-replay {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}

.nuvah-results-card .nuvah-results-replay {
  margin-top: 12px;
}

.nuvah-results-line--hit {
  color: var(--nuvah-purple);
  color: #000;
}

.nuvah-results-line--miss {
  margin-top: 8px;
  color: var(--nuvah-pink);
  color: #000;
}


.divider-line {
    display: block;
    background-color: var(--nuvah-pink);
    height: 1px;
    width: 150px;
    margin: 10px auto;
    position: relative;
}

.divider-line::before,
.divider-line::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--nuvah-pink);
    display: block;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    position: absolute;
}

.divider-line::before {left: 0;}
.divider-line::after {right: 0px;}

.image_container:has(.nuvah-results-overlay:not([hidden])) > img {
    display: none;
}

.step-info {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    gap: 2px;
}

.info-head {
    font-weight: 800;
    font-size: 18px;
}

.info-body {
    font-size: 12px;
    color: rgba(255,255,255,0.8);
}

.nuvah-results-card .nuvah-btn {
  margin-top: 24px;
}

.nuvah-rounds {
  width: 100%;
  max-width: var(--nuvah-board-size);
  text-align: center;
  background: #fff;
  color: #000;
  padding: 10px;
  border-radius: 10px;
}

.nuvah-rounds__label {
  margin: 0 0 10px;
  font-size: 14px;
}

.nuvah-rounds__tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.nuvah-rounds__tabs .tab {
  min-width: 36px;
  height: 30px;
  border-radius: 4px;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.15);
  color: rgba(0, 0, 0, 0.9);
  border: 1px solid #d1d1d1;
}

.nuvah-rounds__tabs .tab.pass {
  background: var(--nuvah-pink);
  color: #fff;
}

.nuvah-rounds__tabs .tab.fail {
  background: #000;
  color: #fff;
}

.nuvah-rounds__tabs .tab.is-current {
  box-shadow: 0 0 0 2px #fff;
}

/* —— Scratch (in-panel) —— */
.nuvah-scratch-host {
  width: 100%;
  display: flex;
  justify-content: center;
}

.nuvah-scratch-host .scratch_wrapper {
  width: 100%;
  padding: 0;
}

.nuvah-scratch-host .scratch_card {
  width: 100%;
  max-width: 340px;
  aspect-ratio: 1 / 1;
  height: auto;
  min-height: 320px;
  max-height: min(72vh, 420px);
}

/* —— Reward card (in-panel) —— */
.nuvah-card--reward,
.nuvah-card .reward_inner {
  max-width: 400px;
}

.nuvah-reward-pct {
  font-size: clamp(48px, 10vw, 60px);
  font-weight: 800;
  color: var(--nuvah-pink);
  margin: 4px 0 24px;
  line-height: 1;
}

.nuvah-card--reward .nuvah-card__title {
  margin-bottom: 4px;
}

.nuvah-coupon {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 16px 0 24px;
}

.nuvah-coupon__code {
  flex: 1;
  font-size: 16px;
  font-weight: 800;
  word-break: break-all;
  text-align: left;
  color: #374151;
}

.nuvah-coupon .copy_code_btn,
.nuvah-copy-sm {
  flex-shrink: 0;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: var(--nuvah-purple);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* —— Refer —— */
.nuvah-refer-offer {
  font-size: 14px;
  color: var(--light-purple);
  margin: 0 0 4px;
}

.nuvah-refer-pct {
  font-size: 48px;
  font-weight: 900;
  color: var(--nuvah-pink);
  margin: 0 0 20px;
}

.nuvah-refer-label {
  font-size: 13px;
  color: var(--light-purple);
  margin: 0 0 8px;
  text-align: center;
}

/* —— Heel story —— */
.nuvah-heel {
  width: 100%;
  max-width: 520px;
  text-align: center;
}

.nuvah-heel__title {
  margin: 0 0 16px;
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 800;
  line-height: 1.2;
}

.nuvah-heel__lead,
.nuvah-heel__sub {
  margin: 0 0 10px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.45;
}

.nuvah-recorder {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 28px 0 16px;
  background: #fff;
  border-radius: 14px;
  padding: 10px 12px;
  justify-content: space-between;
}

.nuvah-recorder__wave {
  flex: 0 0 auto;
  height: 40px;
}

.nuvah-recorder__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 12px;
  background: var(--nuvah-purple);
  color: #fff;
  padding: 12px 18px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

.nuvah-recorder__btn.is-recording {
  background: #dc2626;
}

.nuvah-heel__submit {
  margin-top: 8px;
}

.nuvah-heel__wa-hint {
  margin-top: 16px;
  font-size: 13px;
  color: var(--nuvah-muted);
}

/* —— Shared reward / referral blocks (from JS) —— */
.referral_share_box,
.voice_bonus_box {
  margin: 12px 0;
  padding: 12px;
  border-radius: 12px;
  background: rgba(76, 3, 98, 0.06);
  text-align: left;
}

.referral_title,
.voice_bonus_title {
  font-size: 15px;
  font-weight: 700;
  color: var(--nuvah-purple);
  margin: 0 0 8px;
}

.referral_meta,
.voice_bonus_meta,
.nuvah-card__info {
  font-size: 13px;
  color: var(--light-purple);
  margin: 0 0 10px;
}

.referral_link_input {
  width: 100%;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.referral_hint,
.voice_bonus_hint {
  font-size: 12px;
  color: var(--light-purple);
  margin: 8px 0 0;
}

.voice_whatsapp_btn {
  display: inline-block;
  margin-top: 6px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.referral_bonus_tag {
  font-size: 13px;
  color: #16a34a;
  font-weight: 600;
  margin-top: 8px;
}

.discount_applied_msg {
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: #ecfdf5;
  border: 1px solid #86efac;
}

/* —— Scratch internals —— */
.scratch_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

.scratch_card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background: #f3d1ea;
  /* border: 3px solid #1a0b2e; */
  /* box-shadow:
    0 0 0 2px rgba(94, 184, 255, 0.45),
    0 0 28px rgba(94, 184, 255, 0.25),
    0 16px 48px rgba(0, 0, 0, 0.35); */
  animation: popupIn 0.4s ease;
}

.scratch_card--fail {
  height: auto;
  min-height: 0;
  padding: 32px 24px;
  background: #fff;
  border: 1px solid var(--nuvah-pink);
  max-width: 380px;
}

.scratch_fail_title {
  margin: 0 0 12px;
  font-size: 28px;
  font-weight: 900;
  color: var(--nuvah-purple);
}

.scratch_fail_text {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

.scratch_fail_btn {
  padding: 14px 28px;
  border: 0;
  border-radius: 12px;
  background: var(--nuvah-purple);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.scratch_reward {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 28px 20px;
  background: #fff;
}

.scratch_reward__logo {
  padding: 10px 4px;
  width: 180px;
  height: auto;
  margin-bottom: 12px;
  object-fit: contain;
  border-radius: 10px;
  background: var(--nuvah-purple);
}

.scratch_reward__logo-text {
  color: var(--nuvah-pink);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}

.scratch_reward_brand {
  color: var(--nuvah-pink);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin-bottom: 12px;
}

.scratch_reward_title {
  font-size: 28px;
  font-weight: 900;
  color: #111827;
}

.scratch_reward_you {
  margin: 14px 0 0;
  font-size: 18px;
  color: var(--light-purple);
}

.scratch_reward_pct {
  margin-top: 6px;
  font-size: 64px;
  font-weight: 900;
  color: var(--nuvah-pink);
  line-height: 1;
}

#scratchCanvas,
[data-scratch-canvas] {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  touch-action: none;
  cursor: grab;
}

@keyframes popupIn {
  from {
    transform: scale(0.92);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.final_box {
  display: none !important;
}

.discount_loading {
  color: #fff;
  font-weight: 600;
  animation: pulse 1s infinite;
}

.nuvah-btn--loading {
  position: relative;
  pointer-events: none;
  opacity: 0.75;
}

.nuvah-btn--loading::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  vertical-align: -2px;
  animation: nuvah-spin 0.7s linear infinite;
}

@keyframes nuvah-spin {
  to {
    transform: rotate(360deg);
  }
}

[data-screen="queue"] .nuvah-card {
  background: transparent;
  border-radius: 0;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  box-shadow: none;
}

[data-screen="queue"] .nuvah-card__title,
[data-screen="queue"] .nuvah-card__info {
  color: #fff;
  font-size: 14px;
}

#queueShopBtn {
    margin-top: 16px;
}


@keyframes pulse {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

/* Mobile layout: game-mobile.css */


.shopify-block.shopify-app-block {
    display: none;
}

/* Richtext setting wrappers — keep inner <p> flush with old plain-text styling */
.nuvah-rte p {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.nuvah-rte p:last-child {
  margin-bottom: 0;
}

.nuvah-rte ul,
.nuvah-rte ol {
  margin: 0 0 8px;
  padding-left: 20px;
  text-align: left;
}