/* ====================================================================== */
/* CARD DI VETRO (stile mockup BGV2) — tutte le pagine mostrano lo SFONDO  */
/* 3D dietro le card: vetro traslucido + backdrop-filter, mantenendo i     */
/* bordi luminosi che corrono e il glow. Ombra sul testo per leggibilità.  */
/* ECCEZIONE: le card parallax di ASSETS restano come sono.                */
/* (Su MOBILE il blur è sostituito da sfondo semitrasparente: mobile-perf) */
/* ====================================================================== */

:root {
  --glass-bg-a: rgba(12,17,30,0.34);
  --glass-bg-b: rgba(7,11,21,0.40);
  --glass-blur: blur(4px) saturate(1.3) contrast(1.03);
  --glass-text-shadow: 0 1px 8px rgba(0,0,0,0.66), 0 0 2px rgba(0,0,0,0.5);
}

/* ---------------- ECONOMY ---------------- */
.economy-explanation-card {
  background:
    linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)),
    radial-gradient(circle at 72% 18%, rgba(var(--economy-main-rgb), 0.13), transparent 36%),
    radial-gradient(circle at 12% 84%, rgba(var(--economy-secondary-rgb), 0.10), transparent 36%) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}
.economy-explanation-card__body {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012)),
    radial-gradient(circle at 50% 50%, rgba(var(--economy-main-rgb), 0.07), transparent 62%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.15);
  backdrop-filter: blur(2px) saturate(1.15);
}
/* NB: le sfere orbitanti (.economy-core-card / .economy-mini-card) NON sono
   "card" di contenuto: restano sfere di energia originali (niente glass/blur). */

/* ---------------- TOKENOMIC ---------------- */
.tokenomic-card {
  background:
    linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)),
    radial-gradient(circle at 50% 0%, rgba(var(--tokenomic-main-rgb, 221,114,255), 0.12), transparent 50%) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}

/* ---------------- ROADMAP ---------------- */
/* NB: il fondo scuro opaco (0.94/0.96) sta su .roadmap-card, NON su __inner. */
.roadmap-card {
  background:
    linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)),
    radial-gradient(circle at 50% 0%, rgba(var(--phase-main-rgb, 116,255,120), 0.12), transparent 52%) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}
.roadmap-goal {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)),
    radial-gradient(circle at 0% 50%, rgba(var(--phase-main-rgb, 116,255,120), 0.10), transparent 44%) !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* ---------------- GAMES (card desktop; il mobile è l'accordion già vetro) ---------------- */
.game-card__inner {
  background:
    linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)),
    radial-gradient(circle at 50% 0%, rgba(var(--game-main-rgb), 0.14), transparent 42%),
    radial-gradient(circle at 50% 100%, rgba(var(--game-secondary-rgb), 0.10), transparent 44%) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}

/* ---------------- HOW TO PLAY ---------------- */
/* NB: il fondo scuro opaco (0.94/0.96) sta su .howto-shell (la cornice grande),
   NON su .howto-panel (pannello interno trasparente). */
.howto-shell {
  background:
    linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)),
    radial-gradient(circle at 78% 24%, rgba(var(--howto-main-rgb, 98,195,255), 0.13), transparent 30%),
    radial-gradient(circle at 14% 76%, rgba(var(--howto-secondary-rgb, 221,114,255), 0.10), transparent 28%) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}

/* ---------------- ASSETS (solo card testi/statistiche; NON le parallax) ---------------- */
.assets-hud-card {
  background: linear-gradient(180deg, var(--glass-bg-a), var(--glass-bg-b)) !important;
  -webkit-backdrop-filter: var(--glass-blur);
  backdrop-filter: var(--glass-blur);
  text-shadow: var(--glass-text-shadow);
}
.assets-stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)) !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
/* le card PARALLAX di assets restano invariate (eccezione richiesta) */

/* ====================================================================== */
/* HOME (BSC SPACESALOON): contenuto ELIMINATO (da rifare). Resta solo lo  */
/* sfondo + la HUD (pulsanti sopra/sotto desktop, titolo+menu mobile, che  */
/* sono fuori dalla sezione #home).                                        */
/* ====================================================================== */
#home .home-ship-motion { display: none !important; }