/* ══════════════════════════════════════════════════════════════════
   GoSpin detail — professional glass layout (v3)
   One cohesive card, wallpaper provides atmosphere, crimson = CTAs
   ══════════════════════════════════════════════════════════════════ */

.competition-detail-container.competition-detail--game-gospin::before {
  display: none;
}

.competition-detail-container.competition-detail--game-gospin {
  padding: 1.25rem;
  border-radius: 20px;
  overflow: hidden;
}

/* ── Dark theme: frosted track glass ── */
.dark-theme .competition-detail-container.competition-detail--game-gospin,
html.dark-theme .competition-detail-container.competition-detail--game-gospin,
:root.dark-theme .competition-detail-container.competition-detail--game-gospin {
  background: rgba(58, 10, 14, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 24px 64px rgba(0, 20, 15, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* ── Light theme: clean white glass ── */
.light-theme .competition-detail-container.competition-detail--game-gospin,
html.light-theme .competition-detail-container.competition-detail--game-gospin,
:root.light-theme .competition-detail-container.competition-detail--game-gospin {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(196, 28, 34, 0.14) !important;
  box-shadow:
    0 20px 50px rgba(196, 28, 34, 0.1),
    0 0 0 1px rgba(255, 255, 255, 0.8) inset !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ── Unified inner panels — no nested colored boxes ── */
.competition-detail-container.competition-detail--game-gospin .compact-product-info,
.competition-detail-container.competition-detail--game-gospin .competition-details-card,
.competition-detail-container.competition-detail--game-gospin .countdown-container,
.competition-detail-container.competition-detail--game-gospin .predefined-ticket-selector,
.competition-detail-container.competition-detail--game-gospin .competition-tabs,
.competition-detail-container.competition-detail--game-gospin .social-share {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.competition-detail-container.competition-detail--game-gospin .compact-product-info {
  padding: 0 0 1rem !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
}

.competition-detail-container.competition-detail--game-gospin .competition-details-card {
  padding-top: 1rem !important;
  border-radius: 0 !important;
}

.competition-detail-container.competition-detail--game-gospin .countdown-container {
  padding: 1rem 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
}

.competition-detail-container.competition-detail--game-gospin .predefined-ticket-selector {
  padding: 1rem 0 0 !important;
  border-radius: 0 !important;
}

.competition-detail-container.competition-detail--game-gospin .competition-tabs {
  margin-top: 1.5rem !important;
  padding: 1.25rem 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
}

/* ── Typography ── */
.competition-detail-container.competition-detail--game-gospin .competition-title {
  color: var(--gospin-title-on-dark) !important;
  text-shadow: none !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.competition-detail-container.competition-detail--game-gospin .product-price {
  color: var(--gospin-gold) !important;
  text-shadow: none !important;
  font-weight: 700;
  font-size: 1.05rem;
}

.competition-detail-container.competition-detail--game-gospin .countdown-title {
  color: rgba(255, 255, 255, 0.55) !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  margin-bottom: 0.75rem !important;
}

.competition-detail-container.competition-detail--game-gospin .countdown-timer .time-unit {
  background: transparent !important;
  border: none !important;
  min-width: 3.5rem;
  padding: 0.25rem 0.35rem;
}

.competition-detail-container.competition-detail--game-gospin .countdown-timer .time-value {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.6rem !important;
  font-weight: 700;
  line-height: 1.1;
}

.competition-detail-container.competition-detail--game-gospin .countdown-timer .time-label {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.65rem !important;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 0.2rem;
}

.competition-detail-container.competition-detail--game-gospin .countdown-timer .time-unit:not(:last-child)::after {
  color: rgba(255, 255, 255, 0.25) !important;
  font-weight: 300;
}

.competition-detail-container.competition-detail--game-gospin .ticket-selector-container .section-title,
.competition-detail-container.competition-detail--game-gospin .instant-prizes-expandable > h3,
.competition-detail-container.competition-detail--game-gospin #instant-prizes .section-title {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  text-transform: none;
}

.competition-detail-container.competition-detail--game-gospin .tickets-info,
.competition-detail-container.competition-detail--game-gospin .ticket-limit-info,
.competition-detail-container.competition-detail--game-gospin .ticket-limit-info small {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 0.8rem;
}

/* ── Progress ── */
.competition-detail-container.competition-detail--game-gospin .progress {
  height: 6px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: none !important;
  border-radius: 99px !important;
  margin-top: 0.75rem;
}

.competition-detail-container.competition-detail--game-gospin .progress-bar {
  background: linear-gradient(90deg, var(--gospin-crimson) 0%, var(--gospin-gold) 100%) !important;
  border-radius: 99px !important;
}

/* ── Gallery ── */
.competition-detail-container.competition-detail--game-gospin .competition-gallery,
.competition-detail-container.competition-detail--game-gospin .main-image-container {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
}

/* ── Game header badges ── */
.competition-detail-container.competition-detail--game-gospin .competition-detail-game-header {
  margin-bottom: 1rem;
}

.competition-detail-container.competition-detail--game-gospin .competition-detail-game-header .mini-game-card-banner {
  box-shadow: none;
}

.competition-detail-container.competition-detail--game-gospin .competition-detail-game-header .mini-game-tagline {
  color: var(--gospin-btn-text) !important;
  background: var(--gospin-crimson) !important;
  border: none !important;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.3rem 0.75rem;
  border-radius: 99px;
}

/* ── Ticket controls ── */
.competition-detail-container.competition-detail--game-gospin .ticket-slider-container {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 99px !important;
  height: 6px;
  margin-top: 48px;
}

.competition-detail-container.competition-detail--game-gospin .slider-background {
  background: var(--gospin-crimson) !important;
  border-radius: 99px !important;
  height: 6px !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-slider::-webkit-slider-thumb {
  background: #fff !important;
  border: 2px solid var(--gospin-crimson) !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-slider::-moz-range-thumb {
  background: #fff !important;
  border: 2px solid var(--gospin-crimson) !important;
  width: 18px !important;
  height: 18px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-badge {
  background: var(--gospin-crimson) !important;
  color: var(--gospin-btn-text) !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  font-size: 0.9rem;
  top: -42px;
}

.competition-detail-container.competition-detail--game-gospin .ticket-badge::after {
  border-color: var(--gospin-crimson) transparent transparent transparent !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-badge i,
.competition-detail-container.competition-detail--game-gospin .ticket-badge #selected-ticket-count {
  color: var(--gospin-btn-text) !important;
}

.competition-detail-container.competition-detail--game-gospin #buy-tickets-btn.btn-primary {
  background: var(--gospin-btn-bg) !important;
  border: none !important;
  color: var(--gospin-btn-text) !important;
  box-shadow: 0 4px 16px rgba(196, 28, 34, 0.3) !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  min-height: 48px;
  border-radius: 10px !important;
  width: 100%;
  margin-top: 0.75rem;
}

.competition-detail-container.competition-detail--game-gospin #buy-tickets-btn.btn-primary:hover:not(:disabled) {
  background: var(--gospin-btn-bg-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(196, 28, 34, 0.35) !important;
}

.competition-detail-container.competition-detail--game-gospin #minus-btn,
.competition-detail-container.competition-detail--game-gospin #plus-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
  box-shadow: none !important;
  width: 36px;
  height: 36px;
  border-radius: 8px !important;
}

.competition-detail-container.competition-detail--game-gospin #minus-btn:hover,
.competition-detail-container.competition-detail--game-gospin #plus-btn:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}

.competition-detail-container.competition-detail--game-gospin #minus-btn i,
.competition-detail-container.competition-detail--game-gospin #plus-btn i {
  color: #fff !important;
}

.competition-detail-container.competition-detail--game-gospin .quantity-input {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-preset-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

.competition-detail-container.competition-detail--game-gospin .ticket-preset-btn.active,
.competition-detail-container.competition-detail--game-gospin .ticket-preset-btn:hover:not(:disabled) {
  background: var(--gospin-crimson) !important;
  border-color: var(--gospin-crimson) !important;
  color: var(--gospin-btn-text) !important;
  box-shadow: none !important;
}

/* ── Tabs ── */
.competition-detail-container.competition-detail--game-gospin .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.5) !important;
  font-weight: 600;
  font-size: 0.9rem;
  border: none !important;
  padding: 0.6rem 1rem;
}

.competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link.active {
  color: #fff !important;
  background: transparent !important;
  border-bottom: 2px solid var(--gospin-crimson) !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__head {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
}

.competition-detail-container.competition-detail--game-gospin .description-content,
.competition-detail-container.competition-detail--game-gospin .tab-content {
  color: rgba(255, 255, 255, 0.75);
}

/* ── Light theme overrides ── */
.light-theme .competition-detail-container.competition-detail--game-gospin .compact-product-info,
html.light-theme .competition-detail-container.competition-detail--game-gospin .compact-product-info {
  border-bottom-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-container,
html.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-container {
  border-bottom-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .competition-tabs,
html.light-theme .competition-detail-container.competition-detail--game-gospin .competition-tabs {
  border-top-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .competition-title,
html.light-theme .competition-detail-container.competition-detail--game-gospin .competition-title,
:root.light-theme .competition-detail-container.competition-detail--game-gospin .competition-title,
:root.light-theme .competition-detail-container.competition-detail--game-gospin .product-title-row h1 {
  color: var(--gospin-title-on-light) !important;
  text-shadow: none !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .product-price,
html.light-theme .competition-detail-container.competition-detail--game-gospin .product-price {
  color: var(--gospin-price-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-title,
html.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-title {
  color: rgba(142, 20, 24, 0.5) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-value,
html.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-value {
  color: var(--gospin-title-on-light) !important;
  -webkit-text-fill-color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-label,
html.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-label,
.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-unit:not(:last-child)::after,
html.light-theme .competition-detail-container.competition-detail--game-gospin .countdown-timer .time-unit:not(:last-child)::after {
  color: rgba(142, 20, 24, 0.45) !important;
  -webkit-text-fill-color: rgba(142, 20, 24, 0.45) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-selector-container .section-title,
html.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-selector-container .section-title,
.light-theme .competition-detail-container.competition-detail--game-gospin .instant-prizes-expandable > h3,
html.light-theme .competition-detail-container.competition-detail--game-gospin .instant-prizes-expandable > h3,
.light-theme .competition-detail-container.competition-detail--game-gospin #instant-prizes .section-title,
html.light-theme .competition-detail-container.competition-detail--game-gospin #instant-prizes .section-title {
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .tickets-info,
html.light-theme .competition-detail-container.competition-detail--game-gospin .tickets-info,
.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-limit-info,
html.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-limit-info,
.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-limit-info small,
html.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-limit-info small {
  color: rgba(142, 20, 24, 0.45) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .progress,
html.light-theme .competition-detail-container.competition-detail--game-gospin .progress {
  background: rgba(142, 20, 24, 0.1) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-slider-container,
html.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-slider-container {
  background: rgba(142, 20, 24, 0.1) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin #minus-btn,
.light-theme .competition-detail-container.competition-detail--game-gospin #plus-btn,
html.light-theme .competition-detail-container.competition-detail--game-gospin #minus-btn,
html.light-theme .competition-detail-container.competition-detail--game-gospin #plus-btn {
  background: rgba(142, 20, 24, 0.06) !important;
  border-color: rgba(196, 28, 34, 0.2) !important;
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin #minus-btn i,
.light-theme .competition-detail-container.competition-detail--game-gospin #plus-btn i,
html.light-theme .competition-detail-container.competition-detail--game-gospin #minus-btn i,
html.light-theme .competition-detail-container.competition-detail--game-gospin #plus-btn i {
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .quantity-input,
html.light-theme .competition-detail-container.competition-detail--game-gospin .quantity-input,
:root.light-theme .competition-detail-container.competition-detail--game-gospin .quantity-input {
  background: #fff !important;
  border: 1px solid rgba(196, 28, 34, 0.2) !important;
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-preset-btn,
html.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-preset-btn,
:root.light-theme .competition-detail-container.competition-detail--game-gospin .ticket-preset-btn {
  background: rgba(142, 20, 24, 0.05) !important;
  border: 1px solid rgba(196, 28, 34, 0.15) !important;
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs,
html.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs {
  border-bottom-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link,
html.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link {
  color: rgba(142, 20, 24, 0.45) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link.active,
html.light-theme .competition-detail-container.competition-detail--game-gospin .nav-tabs .nav-link.active {
  color: var(--gospin-title-on-light) !important;
  border-bottom-color: var(--gospin-crimson) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__head,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__head {
  background: rgba(142, 20, 24, 0.04) !important;
  border-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .competition-gallery,
.light-theme .competition-detail-container.competition-detail--game-gospin .main-image-container,
html.light-theme .competition-detail-container.competition-detail--game-gospin .competition-gallery,
html.light-theme .competition-detail-container.competition-detail--game-gospin .main-image-container {
  border-color: rgba(196, 28, 34, 0.15) !important;
  box-shadow: 0 8px 24px rgba(196, 28, 34, 0.08) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .description-content,
.light-theme .competition-detail-container.competition-detail--game-gospin .tab-content,
html.light-theme .competition-detail-container.competition-detail--game-gospin .description-content,
html.light-theme .competition-detail-container.competition-detail--game-gospin .tab-content {
  color: rgba(92, 10, 13, 0.75);
}

/* GoSpin page wallpaper — both themes */
html.dark-theme body.competition-detail-page--gospin,
body.dark-theme.competition-detail-page--gospin {
  background-color: var(--gospin-page-bg-dark) !important;
  background-image:
    linear-gradient(rgba(58, 10, 14, 0.72), rgba(58, 10, 14, 0.72)),
    var(--gospin-wallpaper) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

html.light-theme body.competition-detail-page--gospin,
body.light-theme.competition-detail-page--gospin {
  background-color: var(--gospin-mist) !important;
  background-image:
    linear-gradient(rgba(255, 245, 242, 0.42), rgba(255, 245, 242, 0.42)),
    var(--gospin-wallpaper) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* ── GoSpin instant wins tab ── */
.competition-detail-container.competition-detail--game-gospin #instant-prizes > .p-3 {
  padding: 0.5rem 0 0 !important;
}

.competition-detail-container.competition-detail--game-gospin #instant-prizes > .p-3 > .h5 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  margin-bottom: 1rem !important;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.competition-detail-container.competition-detail--game-gospin .instant-prizes-expandable {
  gap: 0.75rem;
}

.competition-detail-container.competition-detail--game-gospin .product__prize {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.competition-detail-container.competition-detail--game-gospin .product__prize:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(196, 28, 34, 0.28) !important;
  transform: none;
  box-shadow: none !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__head {
  padding: 0.85rem 1rem !important;
  gap: 0.85rem;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__head:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__img {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
}

.competition-detail-container.competition-detail--game-gospin .prize-card__name {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__points {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 0.75rem !important;
  text-transform: none;
  letter-spacing: 0;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__badge.prize-card__toggle {
  background: var(--gospin-crimson) !important;
  border: none !important;
  color: var(--gospin-btn-text) !important;
  border-radius: 99px !important;
  padding: 0.4rem 0.85rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  gap: 0.35rem;
  display: inline-flex;
  align-items: center;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__badge.prize-card__toggle span {
  color: var(--gospin-btn-text) !important;
  font-size: 0.82rem !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__badge.prize-card__toggle .svg-icon {
  fill: var(--gospin-btn-text) !important;
  width: 14px;
  height: 14px;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__badge.prize-card__toggle:hover,
.competition-detail-container.competition-detail--game-gospin .prize-card__badge.prize-card__toggle--open {
  background: var(--gospin-btn-bg-hover) !important;
  border: none !important;
  color: var(--gospin-btn-text) !important;
  transform: none;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__content {
  background: rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__tab-content {
  padding: 0.85rem 1rem 1rem !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-card__tickets-box::-webkit-scrollbar-thumb {
  background: rgba(196, 28, 34, 0.45) !important;
  border-radius: 99px;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card {
  width: 72px;
  height: 72px;
  border-radius: 10px;
  margin: 6px 0;
  border-width: 1px;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available {
  background: rgba(196, 28, 34, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available .prize-ticket-card-content {
  color: #fff !important;
  font-size: 1.05rem;
  font-weight: 700;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available .prize-ticket-card-footer {
  background: var(--gospin-crimson) !important;
  color: var(--gospin-btn-text) !important;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 4px;
  padding: 0.2rem 0.4rem;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  opacity: 0.75;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-content {
  color: rgba(255, 255, 255, 0.35) !important;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer,
.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer--winner {
  background: rgba(92, 10, 13, 0.65) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: none;
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken:hover {
  transform: none;
  box-shadow: none;
}

/* Light theme — instant wins */
.light-theme .competition-detail-container.competition-detail--game-gospin #instant-prizes > .p-3 > .h5,
html.light-theme .competition-detail-container.competition-detail--game-gospin #instant-prizes > .p-3 > .h5 {
  color: var(--gospin-title-on-light) !important;
  border-bottom-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .product__prize,
html.light-theme .competition-detail-container.competition-detail--game-gospin .product__prize {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(196, 28, 34, 0.12) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .product__prize:hover,
html.light-theme .competition-detail-container.competition-detail--game-gospin .product__prize:hover {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(196, 28, 34, 0.35) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__head:hover,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__head:hover {
  background: rgba(142, 20, 24, 0.03) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__img,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__img {
  border-color: rgba(196, 28, 34, 0.15);
  background: rgba(142, 20, 24, 0.04);
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__name,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__name {
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__points,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__points {
  color: rgba(142, 20, 24, 0.45) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__content,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-card__content {
  background: rgba(142, 20, 24, 0.04) !important;
  border-top-color: rgba(196, 28, 34, 0.1) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available {
  background: rgba(253, 232, 232, 0.65) !important;
  border-color: rgba(196, 28, 34, 0.25) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available .prize-ticket-card-content,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.available .prize-ticket-card-content {
  color: var(--gospin-title-on-light) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken {
  background: rgba(142, 20, 24, 0.05) !important;
  border-color: rgba(196, 28, 34, 0.1) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-content,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-content {
  color: rgba(142, 20, 24, 0.3) !important;
}

.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer,
.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer--winner,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer,
html.light-theme .competition-detail-container.competition-detail--game-gospin .prize-ticket-card.taken .prize-ticket-card-footer--winner {
  background: rgba(142, 20, 24, 0.12) !important;
  color: var(--gospin-title-on-light) !important;
}

/* ── GoSpin global leaderboard — glass integration ── */
.competition-detail-container.competition-detail--game-gospin .gospin-global-lb {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.light-theme .competition-detail-container.competition-detail--game-gospin .gospin-global-lb,
html.light-theme .competition-detail-container.competition-detail--game-gospin .gospin-global-lb {
  background: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(196, 28, 34, 0.12) !important;
}

/* ══════════════════════════════════════════════════════════════════
   Mini-game skill question — glass styling (all games)
   ══════════════════════════════════════════════════════════════════ */

.competition-detail-container[class*="competition-detail--game-"] .skill-question-container {
  padding: 1rem 0 0 !important;
  margin-top: 0.25rem;
  border-top: 1px solid var(--skill-q-divider);
}

.competition-detail-container[class*="competition-detail--game-"] .skill-question-container .section-title {
  color: var(--skill-q-title) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  margin-bottom: 0.75rem !important;
  text-transform: none;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-question {
  background: var(--skill-q-panel-bg) !important;
  border: 1px solid var(--skill-q-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-question .question-text {
  color: var(--skill-q-text) !important;
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.45;
  margin-bottom: 0.15rem;
  text-align: center;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answers {
  gap: 0.55rem;
  margin-top: 0.75rem;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answer {
  background: var(--skill-q-answer-bg) !important;
  border: 1px solid var(--skill-q-border) !important;
  color: var(--skill-q-answer) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  min-width: 72px;
  max-width: none;
  flex: 1 1 calc(33.333% - 0.5rem);
  padding: 0.7rem 0.85rem !important;
  font-weight: 600;
  font-size: 0.92rem;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answer:hover {
  background: var(--detail-game-accent) !important;
  border-color: var(--detail-game-accent) !important;
  color: var(--skill-q-answer-active) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--detail-game-accent) 38%, transparent) !important;
}

/* GoDig: no color shift on hover — keep default pill styling until selected */
.competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):hover,
.competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):active {
  background: var(--skill-q-answer-bg) !important;
  border-color: var(--skill-q-border) !important;
  color: var(--skill-q-answer) !important;
  box-shadow: none !important;
  transform: none;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answer:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--detail-game-accent) 30%, transparent) !important;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answer.selected {
  background: var(--detail-game-accent) !important;
  border-color: var(--detail-game-accent-deep) !important;
  color: var(--skill-q-answer-active) !important;
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--detail-game-accent) 28%, transparent),
    0 4px 14px color-mix(in srgb, var(--detail-game-accent) 42%, transparent) !important;
  font-weight: 700;
}

.competition-detail-container[class*="competition-detail--game-"] .skill-answer.selected:hover {
  background: var(--detail-game-accent-deep) !important;
  border-color: var(--detail-game-accent-deep) !important;
}

.competition-detail-container.competition-detail--game-godig .skill-answer.selected:hover {
  background: var(--detail-game-accent) !important;
  border-color: var(--detail-game-accent-deep) !important;
}

/* Light theme — readable text + solid panels (not washed-out glass) */
.light-theme .competition-detail-container.competition-detail--game-goduck,
html.light-theme .competition-detail-container.competition-detail--game-goduck {
  --skill-q-title: var(--goduck-title-on-light);
  --skill-q-text: var(--goduck-title-on-light);
  --skill-q-answer: var(--goduck-title-on-light);
  --skill-q-border: rgba(2, 136, 209, 0.22);
  --skill-q-panel-bg: rgba(255, 255, 255, 0.94);
  --skill-q-answer-bg: #ffffff;
  --skill-q-divider: rgba(2, 136, 209, 0.14);
}

.light-theme .competition-detail-container.competition-detail--game-gocollect,
html.light-theme .competition-detail-container.competition-detail--game-gocollect {
  --skill-q-title: var(--gocollect-title-on-light);
  --skill-q-text: var(--gocollect-title-on-light);
  --skill-q-answer: var(--gocollect-title-on-light);
  --skill-q-border: rgba(139, 92, 246, 0.22);
  --skill-q-panel-bg: rgba(255, 255, 255, 0.94);
  --skill-q-answer-bg: #ffffff;
  --skill-q-divider: rgba(139, 92, 246, 0.14);
}

.light-theme .competition-detail-container.competition-detail--game-godig,
html.light-theme .competition-detail-container.competition-detail--game-godig {
  --skill-q-title: var(--godig-title-on-light);
  --skill-q-text: var(--godig-title-on-light);
  --skill-q-answer: var(--godig-title-on-light);
  --skill-q-border: rgba(245, 158, 11, 0.28);
  --skill-q-panel-bg: rgba(255, 255, 255, 0.94);
  --skill-q-answer-bg: #ffffff;
  --skill-q-divider: rgba(245, 158, 11, 0.16);
}

.light-theme .competition-detail-container.competition-detail--game-gopop,
html.light-theme .competition-detail-container.competition-detail--game-gopop {
  --skill-q-title: var(--gopop-title-on-light);
  --skill-q-text: var(--gopop-title-on-light);
  --skill-q-answer: var(--gopop-title-on-light);
  --skill-q-border: rgba(244, 114, 182, 0.26);
  --skill-q-panel-bg: rgba(255, 255, 255, 0.94);
  --skill-q-answer-bg: #ffffff;
  --skill-q-divider: rgba(244, 114, 182, 0.14);
}

.light-theme .competition-detail-container.competition-detail--game-gospin,
html.light-theme .competition-detail-container.competition-detail--game-gospin {
  --skill-q-title: var(--gospin-title-on-light);
  --skill-q-text: var(--gospin-title-on-light);
  --skill-q-answer: var(--gospin-title-on-light);
  --skill-q-border: rgba(196, 28, 34, 0.26);
  --skill-q-panel-bg: rgba(255, 255, 255, 0.94);
  --skill-q-answer-bg: #ffffff;
  --skill-q-divider: rgba(196, 28, 34, 0.14);
}

.light-theme .competition-detail-container[class*="competition-detail--game-"] .skill-answer:hover,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .skill-answer:hover,
.light-theme .competition-detail-container[class*="competition-detail--game-"] .skill-answer.selected,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .skill-answer.selected {
  color: var(--skill-q-answer-active) !important;
}

.light-theme .competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):hover,
html.light-theme .competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):hover,
.light-theme .competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):active,
html.light-theme .competition-detail-container.competition-detail--game-godig .skill-answer:not(.selected):active {
  color: var(--skill-q-answer) !important;
}

/* GoSpin page wallpaper — both themes */
html.dark-theme body.competition-detail-page--gospin,
body.dark-theme.competition-detail-page--gospin {
  background-color: var(--gospin-page-bg-dark) !important;
  background-image:
    linear-gradient(rgba(58, 10, 14, 0.72), rgba(58, 10, 14, 0.72)),
    var(--gospin-wallpaper) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

html.light-theme body.competition-detail-page--gospin,
body.light-theme.competition-detail-page--gospin {
  background-color: var(--gospin-mist) !important;
  background-image:
    linear-gradient(rgba(255, 245, 242, 0.42), rgba(255, 245, 242, 0.42)),
    var(--gospin-wallpaper) !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

.dark-theme .competition-detail-container.competition-detail--game-gospin,
html.dark-theme .competition-detail-container.competition-detail--game-gospin,
:root.dark-theme .competition-detail-container.competition-detail--game-gospin {
  background: rgba(58, 10, 14, 0.78) !important;
  border: 1px solid rgba(232, 184, 75, 0.22) !important;
  box-shadow:
    0 24px 64px rgba(40, 0, 8, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.06) inset !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.light-theme .competition-detail-container.competition-detail--game-gospin,
html.light-theme .competition-detail-container.competition-detail--game-gospin,
:root.light-theme .competition-detail-container.competition-detail--game-gospin {
  background: rgba(255, 245, 242, 0.82) !important;
  border: 1px solid rgba(196, 28, 34, 0.12) !important;
  box-shadow:
    0 18px 48px rgba(196, 28, 34, 0.08),
    0 0 0 1px rgba(255, 255, 255, 0.65) inset !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}