/* ==========================================================================
   Egzamin8klasa — gamingowy redesign strony głównej (grupa 11–16 lat).
   Ładowany PO magic.css / magic-home.css / parent-demo.css, tylko na szablonie
   `default`. Bazowa struktura i funkcje (ceny, formularze, slider, FAQ)
   zostają z magic-home — tu jest reskin: neon, HUD, siatka, font esportowy.
   ========================================================================== */

/* --- Paleta i fonty -------------------------------------------------------
   Zmienne na :root, bo gaming-home.css ładuje się tylko na stronie głównej —
   spójnie przemalują też widgety (Tycik, Niko, cookies) tej strony. */
:root{
  --bg:#06070d;
  --bg-2:#0a0c16;
  --panel:#0d1020;
  --panel-2:#131736;
  --ink:#eef1ff;
  --muted:#97a1c6;
  --muted-2:#6f7aa3;
  --primary:#7c5cff;
  --primary-2:#9d85ff;
  --accent:#ffd23f;
  --accent-2:#ffe28a;
  --success:#25f4c8;
  --pop:#ff2e88;
  --pop-2:#ff6fb0;
  --mint:#25f4c8;
  --gold:#ffd23f;
  --purple:#b04dff;
  --lavender:#b07cff;
  --line:rgba(126,150,255,.18);
  --line-strong:rgba(126,150,255,.4);
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --shadow-lg:0 24px 60px rgba(0,0,0,.55);
  --glow-cyan:0 0 24px rgba(37,244,200,.35);
  --glow-violet:0 0 24px rgba(124,92,255,.35);
  --font-h:'Chakra Petch','Manrope',system-ui,sans-serif;
  --gh-clip:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}

.gaming-home{
  --text:var(--ink);
  --mint:#25f4c8;
  --purple:#b04dff;
  --gold:#ffd23f;
  --lavender:#b07cff;
  background:
    radial-gradient(ellipse 80% 50% at 88% -10%, rgba(124,92,255,.13), transparent 62%),
    radial-gradient(ellipse 55% 40% at 8% 32%, rgba(37,244,200,.07), transparent 60%),
    var(--bg);
}
.gaming-home ::selection{background:#25f4c8;color:#04060d}

/* Typografia: nagłówki w klimacie esportowym, tekst zostaje czytelny. */
.gaming-home h1,.gaming-home h2,.gaming-home h3{font-family:var(--font-h);font-weight:700;letter-spacing:-.01em}
.gaming-home em{
  background:linear-gradient(92deg,#25f4c8 10%,#7c5cff 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 34px rgba(37,244,200,.3);
}
.gaming-home .mh-eyebrow{
  font-family:var(--font-h);font-size:11px;font-weight:600;letter-spacing:.24em;
  color:var(--mint);
}
.gaming-home .mh-eyebrow::before{
  content:'[';display:inline!important;color:var(--pop);
  background:none;width:auto;height:auto;border-radius:0;margin:0;
}
.gaming-home .mh-eyebrow::after{content:']';color:var(--pop)}

/* --- Nawigacja i footer (poza wrapperem — scope na stronę) -------------- */
/* Naw przyklejony do górnej krawędzi: fixed zamiast sticky (sticky potrafi
   odrywać się od krawędzi przy pełnostronicowym renderze i dynamicznym layoucie) */
body.page-default header.nav{
  position:fixed;top:0;left:0;right:0;
  background:rgba(6,7,13,.92);
  border-bottom:1px solid var(--line-strong);
  box-shadow:0 1px 0 rgba(37,244,200,.08),0 10px 40px rgba(0,0,0,.4);
}
body.page-default{padding-top:89px}
@media(max-width:600px){
  body.page-default{padding-top:74px}
  body.page-default header.nav{position:fixed}
}
body.page-default .nav-links a{
  font-family:var(--font-h);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  font-size:11px;color:var(--muted);
}
body.page-default .nav-links a:hover{color:var(--mint);text-shadow:0 0 14px rgba(37,244,200,.6)}
body.page-default .student-login-link{
  font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:10px;
  color:var(--gold);border:1px solid rgba(255,210,63,.45);padding:9px 14px;
  clip-path:var(--gh-clip);background:rgba(255,210,63,.07);
}
body.page-default .student-login-link:hover{background:rgba(255,210,63,.16);box-shadow:0 0 18px rgba(255,210,63,.25)}
body.page-default .nav-toggle{color:var(--mint);border:1px solid var(--line-strong)}
body.page-default .mobile-menu{background:#090b16}
body.page-default .mobile-menu a{border-bottom:1px solid var(--line);color:var(--muted)}
body.page-default footer{
  background:#05060b;border-top:1px solid var(--line-strong);
  position:relative;
}
body.page-default footer::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,#25f4c8 30%,#7c5cff 70%,transparent);
}
body.page-default .foot-col h5{color:var(--mint);font-family:var(--font-h);letter-spacing:.18em}
body.page-default .foot-col a:hover{color:var(--mint)}

/* --- Przyciski: ścięte rogi, neon, układ START -------------------------- */
.gaming-home .mh-button{
  font-family:var(--font-h);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  clip-path:var(--gh-clip);border-radius:0;
  /* Resztkowe marginesy z magic-home.css (margin-left:15px / auto / 92px
     na kartach misji/egzaminu) nie mają tu zastosowania — zerujemy w scope. */
  margin-left:0;
}
.gaming-home .mh-button.mh-primary{
  position:relative;color:#04060d;border:0;
  background:linear-gradient(92deg,#25f4c8,#4dd7ff 55%,#7c5cff);
  box-shadow:0 0 0 1px rgba(37,244,200,.5),var(--glow-cyan);
  animation:gh-btn-pulse 2.6s ease-in-out infinite;
}
.gaming-home .mh-button.mh-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(37,244,200,.8),0 0 42px rgba(37,244,200,.55);
  animation-play-state:paused;
}
.gaming-home .mh-button.mh-primary svg{stroke-width:2.2}
.gaming-home .mh-button.mh-outlined{
  color:var(--gold);border:1px solid rgba(255,210,63,.55);
  background:rgba(255,210,63,.07);box-shadow:inset 0 0 22px rgba(255,210,63,.06);
}
.gaming-home .mh-button.mh-outlined:hover{background:rgba(255,210,63,.16);box-shadow:0 0 26px rgba(255,210,63,.3)}
@keyframes gh-btn-pulse{
  0%,100%{box-shadow:0 0 0 1px rgba(37,244,200,.5),0 0 18px rgba(37,244,200,.28)}
  50%{box-shadow:0 0 0 1px rgba(37,244,200,.75),0 0 34px rgba(37,244,200,.5)}
}

/* --- Hero: HUD gracza, scanlines, panel z narożnikami ------------------- */
.gaming-home .mh-hero{background:#05060d}
.gaming-home .mh-hero-art{filter:saturate(1.2) contrast(1.06) brightness(1)}
/* Duże ekrany: hero na pełną wysokość viewportu, żeby cover nie ucinał
   nóg postaci; kadr przesunięty lekko w dół (stopy są na ~93% wys. obrazu). */
@media(min-width:1600px){
  .gaming-home .mh-hero{min-height:calc(100svh - 89px)}
  .gaming-home .mh-hero-content{min-height:calc(100svh - 89px)}
  .gaming-home .mh-hero-art{object-position:center 55%}
}
@media(min-width:1150px) and (max-width:1599px){
  .gaming-home .mh-hero-art{object-position:center 62%}
}
@media(max-width:1150px){
  .gaming-home .mh-hero-copy{width:min(470px,94%)}
}
/* Desktop i tablet: grafika zaczyna się tuż pod menu (magic-home zostawiał
   24 px czarnego paska) i ma najwyżej wysokość pierwszego ekranu, z kadrem
   przypiętym do dołu — stopy czarodziejki (~93% wys. obrazu) są widoczne bez
   przewijania, nawet gdy panel z tekstem jest wyższy niż ekran (laptopy
   1280×720, 1366×768). Krótkie wygaszenie u dołu łagodzi krawędź grafiki. */
@media(min-width:601px){
  .gaming-home .mh-hero-art{
    top:0;
    height:min(100%,calc(100vh - 89px));
    height:min(100%,calc(100svh - 89px));
    object-position:62% bottom;
    -webkit-mask-image:linear-gradient(to bottom,#000 94%,transparent);
    mask-image:linear-gradient(to bottom,#000 94%,transparent);
  }
}
/* Tablet: panel zajmuje lewą część ekranu, a obraz jest węższy niż kadr —
   przesuwamy go w prawo, żeby postać (~74–92% szer. obrazu) nie była ucięta. */
@media(min-width:601px) and (max-width:1149px){
  .gaming-home .mh-hero-art{object-position:88% bottom}
}
/* Mobile: pełnoekranowa scena z czystego tła zamku (bez postaci w arcie),
   panel z tekstem dobija od dołu z blurem, a czarodziejka jako osobny PNG
   stoi na górnej krawędzi panelu — efekt "mascot breaking the frame". */
.gaming-home .gh-hero-char{display:none}
@media(max-width:600px){
  /* --gh-char-h: wysokość czarodziejki. padding-top rezerwuje nad panelem
     miejsce na całą postać (+ zapas na animację unoszenia), więc głowa nigdy
     nie chowa się pod przypiętym menu — na niskich telefonach hero po prostu
     rośnie, zamiast wypychać postać w górę. */
  .gaming-home .mh-hero{
    --gh-char-h:clamp(170px,28vh,240px);
    position:relative;overflow:visible;overflow-x:clip; /* iskry różdżki nie mogą poszerzać strony */
    min-height:calc(100vh - 75px);
    min-height:calc(100svh - 75px);
    display:flex;flex-direction:column;justify-content:flex-end;
    padding-top:calc(var(--gh-char-h) + 24px);background:#05060d;
  }
  @supports(height:1svh){.gaming-home .mh-hero{--gh-char-h:clamp(170px,28svh,240px)}}
  .gaming-home .mh-hero-art{
    position:absolute;inset:0;z-index:0;
    width:100%;height:100%;opacity:1;
    object-fit:cover;object-position:62% center;
    animation:none;
  }
  /* miękkie przyciemnienie tylko u dołu, pod panelem */
  .gaming-home .mh-hero-shade{
    display:block;background:linear-gradient(0deg,#05060d 4%,rgba(5,6,13,.55) 30%,transparent 55%)!important;
  }
  .gaming-home .mh-hero::after{display:none}
  .gaming-home .mh-hero-content{
    position:relative;z-index:2;
    min-height:0;align-items:stretch;display:block;
    padding-top:0;padding-bottom:14px;
  }
  .gaming-home .mh-hero-copy{
    width:100%;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
    background:rgba(6,8,17,.72);
  }
  /* nota cenowa jest w sekcji dostępu — na mobile odchudza panel,
     żeby zamek i postać miały powietrza */
  .gaming-home .mh-price-teaser{display:none}
  /* Czarodziejka stoi na górnej krawędzi panelu, lekko unosząca się.
     Zakotwiczona do .mh-hero-content (brak clip-path), więc zawsze
     wisi na panelu niezależnie od jego wysokości. */
  .gaming-home .gh-hero-char{
    display:block;position:absolute;z-index:3;pointer-events:none;
    bottom:calc(100% - 4px);right:-4px;
    height:var(--gh-char-h);width:auto;
    filter:drop-shadow(0 14px 22px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(124,108,255,.25));
    animation:gh-char-float 5.5s ease-in-out infinite;
  }
}
@keyframes gh-char-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.gaming-home .gh-hero-char{animation:none}}
.gaming-home .mh-hero::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.16) 3px 4px);
  opacity:.3;
}
/* Cień tylko pod tekstem po lewej; scena po prawej ma być w pełni widoczna. */
.gaming-home .mh-hero-shade{
  background:
    linear-gradient(90deg,#05060d 0%,rgba(5,6,13,.94) 16%,rgba(5,6,13,.55) 36%,rgba(5,6,13,0) 58%),
    linear-gradient(0deg,#05060d,transparent 20%)!important;
}
.gaming-home .mh-hero-copy{
  position:relative;padding:30px 34px 34px;
  background:rgba(6,8,17,.55);
  border:1px solid rgba(126,150,255,.28);
  clip-path:var(--gh-clip);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  box-shadow:0 0 0 1px rgba(37,244,200,.06),0 24px 70px rgba(0,0,0,.5);
}
.gaming-home .mh-hero-copy::before,.gaming-home .mh-hero-copy::after{
  content:'';position:absolute;width:22px;height:22px;pointer-events:none;
}
.gaming-home .mh-hero-copy::before{
  top:-1px;left:-1px;
  border-top:3px solid var(--mint);border-left:3px solid var(--mint);
}
.gaming-home .mh-hero-copy::after{
  bottom:-1px;right:-1px;
  border-bottom:3px solid var(--pop);border-right:3px solid var(--pop);
}
.gaming-home .mh-hero h1{
  font-weight:700;text-transform:uppercase;letter-spacing:.005em;
  text-shadow:0 0 40px rgba(124,92,255,.35);
}
.gaming-home .mh-hero-copy>p{color:#c5cbe8}
/* Chipy zaufania jak równy rząd achievementów: siatka 2×2 (desktop) / 1 kolumna (mobile). */
.gaming-home .mh-hero-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gaming-home .mh-hero-trust span{
  font-family:var(--font-h);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line-strong);padding:7px 11px;
  clip-path:var(--gh-clip);background:rgba(13,16,32,.6);
}
.gaming-home .mh-hero-trust svg{color:var(--mint);filter:drop-shadow(0 0 6px rgba(37,244,200,.7))}
.gaming-home .mh-price-teaser a{color:var(--mint);text-decoration-color:rgba(37,244,200,.5)}

/* HUD: pasek poziomu i XP nad nagłówkiem. */
.gaming-home .gh-hud{
  display:flex;align-items:center;gap:12px;margin-bottom:22px;
  font-family:var(--font-h);
}
.gaming-home .gh-hud-tag{
  font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--pop);
  border:1px solid rgba(255,46,136,.5);padding:5px 9px;background:rgba(255,46,136,.08);
  clip-path:var(--gh-clip);
  white-space:nowrap;flex-shrink:0;
}
.gaming-home .gh-hud-level{
  font-size:10px;font-weight:700;letter-spacing:.14em;color:#04060d;
  background:linear-gradient(92deg,#ffd23f,#ff9d2e);padding:5px 9px;
  clip-path:var(--gh-clip);
  white-space:nowrap;flex-shrink:0;
}
.gaming-home .gh-xpbar{
  position:relative;flex:1 1 auto;min-width:60px;max-width:150px;height:9px;overflow:hidden;
  background:#0d1124;border:1px solid var(--line-strong);
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);
}
.gaming-home .gh-xpbar i{
  position:absolute;inset:1px auto 1px 1px;width:74%;
  background:linear-gradient(90deg,#25f4c8,#4dd7ff);
  box-shadow:0 0 12px rgba(37,244,200,.8);
  animation:gh-xp-fill 3.2s cubic-bezier(.6,0,.2,1) both,gh-xp-shimmer 2.2s linear 3.2s infinite;
}
.gaming-home .gh-hud-xp{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--mint);white-space:nowrap}
@keyframes gh-xp-fill{from{width:6%}to{width:74%}}
@keyframes gh-xp-shimmer{from{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}
/* Mobile: HUD mieści się w węższym panelu — inaczej "XP 7 240" wystaje za clip-path. */
@media(max-width:600px){
  .gaming-home .gh-hud{gap:8px}
  .gaming-home .gh-xpbar{min-width:24px}
}
@media(max-width:400px){.gaming-home .gh-hud-tag{display:none}}

/* --- Sekcje: podkreślenia, karty z neonową obwódką ---------------------- */
.gaming-home .mh-section-heading h2{position:relative;padding-bottom:16px}
.gaming-home .mh-section-heading h2::after{
  content:'';position:absolute;left:0;bottom:0;width:74px;height:3px;
  background:linear-gradient(90deg,var(--mint),var(--primary),transparent);
  box-shadow:0 0 14px rgba(37,244,200,.6);
}
.gaming-home .mh-section-heading p{color:var(--muted)}

.gaming-home .mh-about-card{
  position:relative;border:1px solid var(--line-strong);border-radius:0;
  clip-path:var(--gh-clip);
  background:
    radial-gradient(ellipse at 0 0,rgba(37,244,200,.08),transparent 55%),
    linear-gradient(160deg,#0d1024,#090b16);
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}
.gaming-home .mh-offer-features li{margin-bottom:4px;color:#c5cbe8}
.gaming-home .mh-about-addon{border-top:1px dashed var(--line-strong)}

/* --- Oferta / cennik: tryb odblokowania --------------------------------- */
.gaming-home .mh-full-game{
  position:relative;border:1px solid var(--line-strong);border-radius:0;
  clip-path:var(--gh-clip);
  background:
    radial-gradient(ellipse at 5% 0,rgba(124,92,255,.14),transparent 60%),
    linear-gradient(150deg,#0c0f22,#07080f);
  box-shadow:0 0 0 1px rgba(37,244,200,.05),0 30px 80px rgba(0,0,0,.55);
}
.gaming-home .mh-full-game::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--mint),var(--primary),var(--pop));
  box-shadow:0 0 18px rgba(124,92,255,.7);
}
.gaming-home .mh-offer-price strong{
  background:linear-gradient(92deg,#25f4c8,#7c5cff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 0 22px rgba(37,244,200,.25));
}
.gaming-home .mh-amt-was{-webkit-text-fill-color:var(--muted-2);color:var(--muted-2)!important}
.gaming-home .mh-base-badge{
  font-family:var(--font-h);letter-spacing:.14em;text-transform:uppercase;font-size:10px;
  color:var(--primary-2);border:1px solid rgba(124,92,255,.55);background:rgba(124,92,255,.1);
  clip-path:var(--gh-clip);border-radius:0;
}
.gaming-home .mh-offer-sub-badge{
  color:var(--mint);border:1px solid rgba(37,244,200,.4);background:rgba(37,244,200,.07);border-radius:0;
  clip-path:var(--gh-clip);
}
.gaming-home .mh-promo-countdown{
  color:var(--gold);border:1px solid rgba(255,210,63,.45);background:rgba(255,210,63,.07);border-radius:0;
  clip-path:var(--gh-clip);
  animation:gh-gold-pulse 2.2s ease-in-out infinite;
}
@keyframes gh-gold-pulse{0%,100%{box-shadow:0 0 10px rgba(255,210,63,.12)}50%{box-shadow:0 0 26px rgba(255,210,63,.3)}}
.gaming-home .mh-cart-summary{color:var(--mint)}
.gaming-home .mh-offer-worlds{border-left:1px solid var(--line-strong)}
.gaming-home .mh-offer-worlds h3{font-family:var(--font-h)}
.gaming-home .mh-world-pick article{
  border:1px solid var(--line-strong);border-radius:0;clip-path:var(--gh-clip);
  background:rgba(10,12,22,.7);transition:border-color .2s,box-shadow .2s,transform .2s;
}
.gaming-home .mh-world-pick:hover article{border-color:rgba(37,244,200,.55);transform:translateY(-2px)}
.gaming-home .mh-world-pick.is-selected article{
  border-color:var(--mint);box-shadow:0 0 26px rgba(37,244,200,.25),inset 0 0 30px rgba(37,244,200,.06);
}
.gaming-home .mh-world-pick-check{border-radius:0;clip-path:var(--gh-clip);border-color:var(--line-strong)}
.gaming-home .mh-world-pick.is-selected .mh-world-pick-check{background:var(--mint);color:#04060d;box-shadow:0 0 14px rgba(37,244,200,.7)}
.gaming-home .mh-offer-worlds article h4{font-family:var(--font-h)}
.gaming-home .mh-offer-worlds article p{color:var(--mint)}
.gaming-home .mh-world-soon article{
  border:1px dashed var(--line-strong);border-radius:0;clip-path:var(--gh-clip);
  background:rgba(10,12,22,.5);
}
.gaming-home .mh-world-soon form input[type=email],.gaming-home .mh-world-soon form select{
  background-color:#0a0d1c;border:1px solid var(--line-strong);border-radius:0;color:var(--ink);
  clip-path:var(--gh-clip);
}
.gaming-home .mh-world-soon form select option{background:#0a0d1c;color:var(--ink)}
.gaming-home .mh-world-soon form input[type=email]:focus,.gaming-home .mh-world-soon form select:focus{outline:none;border-color:var(--mint);box-shadow:0 0 16px rgba(37,244,200,.3)}
.gaming-home .mh-world-soon form button{
  font-family:var(--font-h);font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(92deg,#25f4c8,#4dd7ff);color:#04060d;border:0;border-radius:0;
  clip-path:var(--gh-clip);
}
.gaming-home .mh-world-soon form button:hover{box-shadow:0 0 24px rgba(37,244,200,.5)}

/* --- Slider zrzutów: tagi jak chipy z gry -------------------------------- */
.gaming-home .shot-slide-tag{
  font-family:var(--font-h);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:9px;
  color:#04060d;background:linear-gradient(92deg,#25f4c8,#4dd7ff);
  clip-path:var(--gh-clip);border-radius:0;box-shadow:0 0 18px rgba(37,244,200,.4);
}
.gaming-home .rev-nav-btn{
  color:var(--mint);border:1px solid var(--line-strong);border-radius:0;
  clip-path:var(--gh-clip);background:rgba(13,16,32,.7);
}
.gaming-home .rev-nav-btn:hover{background:rgba(37,244,200,.12);box-shadow:0 0 18px rgba(37,244,200,.35)}
.gaming-home .rev-slider-count{font-family:var(--font-h);letter-spacing:.18em;color:var(--muted)}
.gaming-home .rev-dots [aria-current="true"],
.gaming-home .rev-dots .is-active,
.gaming-home .rev-dots .rev-dot.active{background:var(--mint);box-shadow:0 0 12px rgba(37,244,200,.8)}
/* Zrzuty ekranu w tym samym ściętym stylu co pozostałe panele. */
.gaming-home .shot-slide{border-radius:0;clip-path:var(--gh-clip);border-color:var(--line-strong)}

/* --- Dla rodzica ---------------------------------------------------------- */
.gaming-home .mh-game-parent .mh-eyebrow{color:var(--lavender)}
.gaming-home .mh-parent-cke{
  border:1px solid rgba(255,210,63,.35);background:rgba(255,210,63,.06);border-radius:0;
  clip-path:var(--gh-clip);
}
.gaming-home .mh-parent-cke strong{color:var(--gold)}
.gaming-home .mh-parent-peace li{color:var(--muted)}
.gaming-home .mh-parent-peace li::before{color:var(--pop)}
.gaming-home .mh-text-link{
  font-family:var(--font-h);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;
  color:var(--mint);border-bottom:2px solid rgba(37,244,200,.5);padding-bottom:6px;
}
.gaming-home .mh-text-link:hover{text-shadow:0 0 16px rgba(37,244,200,.7)}

/* --- FAQ: styl terminala --------------------------------------------------- */
/* Nagłówek jak w pozostałych sekcjach: do lewej, z neonowym podkreśleniem. */
.gaming-home .mh-faq h2{position:relative;text-align:left;padding-bottom:16px}
.gaming-home .mh-faq h2::after{
  content:'';position:absolute;left:0;bottom:0;width:74px;height:3px;
  background:linear-gradient(90deg,var(--mint),var(--primary),transparent);
  box-shadow:0 0 14px rgba(37,244,200,.6);
}
.gaming-home .mh-faq .mh-faq-list{max-width:none;margin-inline:0}
.gaming-home .mh-faq details{
  border:1px solid var(--line);border-radius:0;clip-path:var(--gh-clip);
  background:rgba(10,12,22,.65);
}
.gaming-home .mh-faq details[open]{border-color:rgba(37,244,200,.6);box-shadow:0 0 26px rgba(37,244,200,.12)}
/* '>' przed pytaniem, tekst do lewej, '+'/'−' na prawym końcu.
   Bez margin-left:auto na ::after justify-content:space-between rozbijał
   flex na 3 elementy i wyśrodkowywał tekst pytania. */
.gaming-home .mh-faq summary{font-family:var(--font-h);font-weight:600;color:var(--ink);justify-content:flex-start;text-align:left}
.gaming-home .mh-faq summary::before{
  content:'>';color:var(--pop);margin-right:12px;font-weight:700;flex-shrink:0;
}
.gaming-home .mh-faq summary::after{color:var(--mint);font-family:var(--font-h);margin-left:auto;flex-shrink:0}
.gaming-home .mh-faq details p{color:var(--muted)}
.gaming-home .mh-faq details a{color:var(--mint)}
.gaming-home .mh-faq-jump{color:var(--primary-2)}

/* --- Dostępność ruchu ------------------------------------------------------ */
@media(max-width:600px){
  .gaming-home .mh-hero-trust{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .gaming-home .mh-button.mh-primary,
  .gaming-home .mh-promo-countdown,
  .gaming-home .gh-xpbar i{animation:none!important}
  .gaming-home .gh-xpbar i{width:74%}
}

/* --- Live stats: licznik zadań, graczy i odliczanie do egzaminu --------- */
.gaming-home .gh-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  margin-top:56px;scroll-margin-top:100px;
}
.gaming-home .gh-stat{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;
  min-height:118px;padding:20px 24px;
  background:linear-gradient(160deg,#0d1024,#090b16);
  border:1px solid var(--line-strong);
  clip-path:var(--gh-clip);
  overflow:hidden;
}
.gaming-home .gh-stat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--mint),var(--primary));
  box-shadow:0 0 14px rgba(37,244,200,.6);
}
.gaming-home .gh-stat-cd::before{
  background:linear-gradient(90deg,var(--gold),var(--pop));
  box-shadow:0 0 14px rgba(255,210,63,.6);
}
.gaming-home .gh-stat-num{
  font-family:var(--font-h);font-weight:700;font-size:clamp(26px,3vw,38px);
  line-height:1.1;letter-spacing:.02em;color:var(--mint);
  text-shadow:0 0 22px rgba(37,244,200,.35);
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
}
.gaming-home .gh-stat-cd .gh-stat-num{color:var(--gold);text-shadow:0 0 22px rgba(255,210,63,.35)}
.gaming-home .gh-stat-label{
  font-family:var(--font-h);font-size:10px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
}
.gaming-home .gh-stat-label b{color:var(--text)}
/* Pulsująca kropka LIVE przy pierwszym liczniku */
.gaming-home .gh-stat:first-child::after{
  content:'';position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;
  background:var(--mint);box-shadow:0 0 10px var(--mint);
  animation:gh-live-dot 1.8s ease-in-out infinite;
}
@keyframes gh-live-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
@media(max-width:760px){
  .gaming-home .gh-stats{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .gaming-home .gh-stat{min-height:96px;padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){.gaming-home .gh-stat:first-child::after{animation:none}}

/* --- Sell-the-game: dlaczego to działa dla gracza ------------------------- */
.gaming-home .gh-features{scroll-margin-top:100px}
.gaming-home .gh-feature-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
  margin-top:34px;
}
.gaming-home .gh-feature{
  position:relative;display:flex;flex-direction:column;gap:12px;
  padding:26px 28px 28px;
  background:linear-gradient(165deg,#0e1226,#080a15);
  border:1px solid var(--line-strong);
  clip-path:var(--gh-clip);
  overflow:hidden;
}
.gaming-home .gh-feature::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--primary),var(--mint));
  box-shadow:0 0 14px rgba(124,108,255,.55);
}
.gaming-home .gh-feature-ic{
  display:grid;place-items:center;width:54px;height:54px;
  font-size:26px;line-height:1;
  background:rgba(37,244,200,.08);
  border:1px solid var(--line-strong);
  clip-path:var(--gh-clip);
}
.gaming-home .gh-feature h3{
  font-family:var(--font-h);font-size:clamp(17px,1.6vw,21px);font-weight:700;
  letter-spacing:.01em;color:var(--text);
}
.gaming-home .gh-feature p{
  margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);
}
.gaming-home .gh-feature:hover{background:linear-gradient(165deg,#121735,#0a0d1c)}
.gaming-home .gh-feature:hover::before{
  background:linear-gradient(90deg,var(--mint),var(--gold));
  box-shadow:0 0 18px rgba(37,244,200,.75);
}
@media(max-width:760px){
  .gaming-home .gh-feature-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}
  .gaming-home .gh-feature{padding:20px 20px 22px}
}

/* --- Sekcja tajemniczego dropu: fizyczna karta NFC ----------------------- */
.gaming-home .gh-nfc{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:48px;align-items:center;
}
.gaming-home .gh-nfc-copy .mh-eyebrow{color:var(--pop)}
.gaming-home .gh-nfc-copy h2 em{color:var(--mint);text-shadow:0 0 26px rgba(37,244,200,.4)}
.gaming-home .gh-nfc-copy>p{color:#c5cbe8;max-width:46ch}
.gaming-home .gh-nfc-hints{
  list-style:none;margin:22px 0 28px;padding:0;
  display:grid;gap:10px;max-width:46ch;
}
.gaming-home .gh-nfc-hints li{
  font-family:var(--font-h);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line-strong);
  padding:10px 14px;background:rgba(13,16,32,.55);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.gaming-home .gh-nfc-art{
  position:relative;justify-self:center;
  transform:rotate(6deg);
  animation:gh-nfc-float 6s ease-in-out infinite;
}
.gaming-home .gh-nfc-art img{
  display:block;height:min(46vh,400px);width:auto;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.65)) drop-shadow(0 0 34px rgba(37,244,200,.22));
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  /* mat zdjęciowy z renderu znika w tle sekcji */
  -webkit-mask-image:radial-gradient(115% 115% at 50% 50%,#000 58%,transparent 76%);
  mask-image:radial-gradient(115% 115% at 50% 50%,#000 58%,transparent 76%);
}
/* linia skanowania NFC przesuwająca się po karcie */
.gaming-home .gh-nfc-scan{
  position:absolute;left:-6%;right:-6%;top:0;height:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--mint),transparent);
  box-shadow:0 0 18px 4px rgba(37,244,200,.45);
  animation:gh-nfc-scan 3.4s ease-in-out infinite;
}
@keyframes gh-nfc-float{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-12px)}}
@keyframes gh-nfc-scan{0%,100%{top:6%;opacity:0}12%{opacity:1}50%{top:92%;opacity:1}62%{opacity:0}}
@media(max-width:900px){
  .gaming-home .gh-nfc{grid-template-columns:1fr;gap:30px}
  .gaming-home .gh-nfc-art{order:-1}
  .gaming-home .gh-nfc-art img{height:min(38vh,300px)}
}
@media(prefers-reduced-motion:reduce){
  .gaming-home .gh-nfc-art,.gaming-home .gh-nfc-scan{animation:none}
}

/* Parent value is visible before the offer; the report is readable on phones. */
.gh-parent-promise{max-width:58ch;line-height:1.7!important;font-size:1rem!important;color:var(--ink)!important}
.gh-parent-promise strong{display:block;color:var(--mint)}
.mh-game-parent{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.gh-parent-benefits{padding-left:1.2rem;line-height:1.8}.gh-parent-benefits li{margin:.8rem 0}
.gh-nfc-parent-note{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);line-height:1.7}
.gh-nfc-parent-note strong{display:block;color:var(--mint)}
.gh-home-reviews .rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.gh-home-reviews blockquote{margin:1rem 0;line-height:1.8;overflow-wrap:anywhere}.gh-home-reviews .rev-card{min-width:0}
@media(max-width:800px){.mh-game-parent{grid-template-columns:1fr}.gh-parent-promise{font-size:.9rem!important}}
/* Oddech między przyciskami hero a obietnicą dla rodzica oraz między nagłówkiem a opisem sekcji karty. */
.gaming-home .mh-hero-buttons+.gh-parent-promise{margin-top:18px}
.gaming-home .gh-nfc-copy h2+p{margin-top:16px}
.gaming-home .rev-cta+.mh-offer-note{text-align:center;margin-top:12px}