/* Napi témák. A theme.js állítja be a <html data-nap> értékét a budapesti dátum szerint (előnézet: ?nap=2, ?nap=3).
   2. nap – kozmikus: csillagos ég, a hero alján derengő bolygóhorizont, a térkép körül keringő versenyzők.
   3. nap – döntő: fekete–arany, finom fénysugarak, felszálló szikrák, Alíz otthonára összefutó tippvonalak, arcfal. */

/* =====================================================================
   2. NAP · KOZMIKUS
   ===================================================================== */
html[data-nap="2"]{--space:#050817;--space-2:#0b1236;--teal:#3fd1c3;--sky-text:#b3c2ef}
[data-nap="2"] .nav{background:rgba(6,9,30,.82)}
[data-nap="2"] .hero{background:radial-gradient(80% 75% at 72% 34%,#18225e 0%,var(--space-2) 40%,var(--space) 75%)}
[data-nap="2"] .sky-aurora{display:block;background:radial-gradient(36% 20% at 30% 84%,rgba(36,206,131,.22),transparent 70%),radial-gradient(28% 16% at 70% 88%,rgba(63,209,195,.18),transparent 70%);filter:blur(30px);animation:aurora 18s ease-in-out infinite alternate}
[data-nap="2"] .sky-planet{display:block;inset:auto;left:50%;top:calc(100% - clamp(70px,12vh,130px));width:max(170vw,1500px);aspect-ratio:1;border-radius:50%;transform:translateX(-38%);background:radial-gradient(circle at 50% 50%,#0f2152 0%,#09153a 55%,#050b24 100%);box-shadow:0 -1px 0 rgba(150,230,255,.5),0 -16px 50px rgba(63,209,195,.32),0 -50px 120px rgba(36,140,206,.22)}
[data-nap="2"] .kicker{color:var(--gold-2)}
[data-nap="2"] .hero .lead{color:var(--sky-text)}
[data-nap="2"] .tally{border-top-color:rgba(160,190,255,.2)}
[data-nap="2"] .tally-label{color:var(--teal)}
[data-nap="2"] .map-wrap::before{background:radial-gradient(closest-side,rgba(63,209,195,.16),transparent 72%)}
[data-nap="2"] .map .land{fill:#0d1c48;filter:drop-shadow(0 0 18px rgba(63,209,195,.3))}
[data-nap="2"] .map .lake{fill:#4fb6ea}
[data-nap="2"] .map .river{stroke:#4fb6ea}
[data-nap="2"] .map .target .base,[data-nap="2"] .map .target .label{stroke:var(--space)}
[data-nap="2"] .orbit{display:block}
[data-nap="2"] .orbit-ring{box-shadow:inset 0 0 0 1px rgba(160,200,255,.18)}
[data-nap="2"] .crew{box-shadow:0 0 0 1.5px rgba(255,255,255,.9),0 0 14px rgba(63,209,195,.4)}

[data-nap="2"] .broadcast{background:radial-gradient(60% 80% at 80% 50%,rgba(63,209,195,.14),transparent 70%),radial-gradient(70% 90% at 10% 0%,rgba(106,67,200,.3),transparent 70%),var(--space-2)}
[data-nap="2"] .screen{box-shadow:inset 0 0 0 1px rgba(63,209,195,.4),0 0 60px -20px rgba(63,209,195,.4),0 50px 100px -40px rgba(0,0,0,.9)}

[data-nap="2"] .days{background:radial-gradient(70% 90% at 50% 0%,#17205a,transparent 75%),var(--space);color:#fff}
[data-nap="2"] .days-head h2{color:var(--gold)}
[data-nap="2"] .days-head p{color:var(--sky-text)}
[data-nap="2"] .days-list{border-top-color:rgba(242,193,78,.5)}
[data-nap="2"] .days-list li{border-right-color:rgba(242,193,78,.5)}
[data-nap="2"] .days-list .num{color:var(--gold)}
[data-nap="2"] .days-list .final{background:rgba(255,255,255,.04)}
[data-nap="2"] .days-list .is-today{background:rgba(63,209,195,.1);box-shadow:inset 0 0 0 2px var(--teal)}
[data-nap="2"] .days-list .is-past .state{background:rgba(255,255,255,.12);color:#fff}

[data-nap="2"] .cup{background:var(--space-2);color:#fff}
[data-nap="2"] .cup h2{color:var(--gold)}
[data-nap="2"] .cup-text p{color:#d3dcf8}
[data-nap="2"] .duo{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(63,209,195,.3)}
[data-nap="2"] .foot{background:var(--space)}

/* =====================================================================
   3. NAP · DÖNTŐ – arany katarzis
   ===================================================================== */
html[data-nap="3"]{--abyss:#070503;--abyss-2:#120c04;--warm:#f3e4bd}
[data-nap="3"] body{background:var(--abyss)}
[data-nap="3"] .nav{background:rgba(10,7,3,.84)}
[data-nap="3"] .hero{background:radial-gradient(75% 70% at 72% 32%,#2e2008 0%,#150e04 46%,var(--abyss) 80%)}
[data-nap="3"] .sky-rays{display:block;inset:-40% -20% auto auto;width:140%;height:180%;background:repeating-conic-gradient(from 0deg at 70% 30%,rgba(255,217,120,.07) 0deg 2.5deg,transparent 2.5deg 15deg);-webkit-mask-image:radial-gradient(ellipse 50% 45% at 70% 30%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 50% 45% at 70% 30%,#000 0%,transparent 70%);animation:rays 90s linear infinite;transform-origin:70% 30%}
[data-nap="3"] .day-chip{background:rgba(242,193,78,.14);box-shadow:inset 0 0 0 1px rgba(242,193,78,.65);color:var(--gold-2)}
[data-nap="3"] .day-chip::before{background:var(--gold);animation-name:beat-gold}
[data-nap="3"] .hero h1 .gold{background:linear-gradient(100deg,#c18f22 0%,#ffd978 30%,#fff4d2 45%,#ffd978 60%,#c18f22 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s cubic-bezier(.2,.8,.2,1) .08s both,shimmer 6s linear 1s infinite}
[data-nap="3"] .hero .lead{color:var(--warm)}
[data-nap="3"] .tally{border-top-color:rgba(242,193,78,.3)}
[data-nap="3"] .tally-label{color:var(--gold-2)}
[data-nap="3"] .tally-num{color:#fff7df}
[data-nap="3"] .map-wrap::before{background:radial-gradient(closest-side,rgba(255,190,80,.22),transparent 72%)}
[data-nap="3"] .map .land{fill:#1e1606;filter:drop-shadow(0 0 22px rgba(242,193,78,.38))}
[data-nap="3"] .map .lake{fill:#6a8fa3;opacity:.45}
[data-nap="3"] .map .river{stroke:#6a8fa3;opacity:.35}
[data-nap="3"] .map .target .base,[data-nap="3"] .map .target .label{stroke:var(--abyss)}
[data-nap="3"] .map.converged .target .glow{fill:rgba(255,217,120,.32)}

[data-nap="3"] .broadcast{background:radial-gradient(60% 80% at 80% 50%,rgba(242,193,78,.12),transparent 70%),var(--abyss-2)}
[data-nap="3"] .broadcast-copy>p:not(.kicker):not(.bc-hint){color:var(--warm)}
[data-nap="3"] .bc-hint{color:#a8966c}
[data-nap="3"] .screen{box-shadow:inset 0 0 0 1px rgba(242,193,78,.42),0 0 70px -20px rgba(242,193,78,.4),0 50px 100px -40px rgba(0,0,0,.95)}

[data-nap="3"] .finale{position:relative;display:block;padding:clamp(80px,10vw,150px) 0;overflow:hidden;background:radial-gradient(60% 60% at 50% 0%,rgba(242,193,78,.18),transparent 70%),var(--abyss);color:#fff;text-align:center}
[data-nap="3"] .finale .kicker{color:var(--gold-2)}
[data-nap="3"] .finale h2{margin:0 auto;font-size:clamp(54px,8vw,140px);line-height:1;background:linear-gradient(180deg,#fff 0%,#fff1c9 50%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-nap="3"] .finale h2 span{display:block}
.wall{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:880px;margin:clamp(40px,5vw,64px) auto;padding:0;list-style:none}
.wall li{width:clamp(38px,4.4vw,56px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(242,193,78,.75)}
.wall img{width:100%;height:100%;object-fit:cover}
.fin-total{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 26px}
.fin-total b{font:800 clamp(56px,7vw,112px)/.9 var(--display);font-variant-numeric:tabular-nums;color:var(--gold-2)}
.fin-total span{font:700 clamp(15px,1.3vw,19px)/1.2 var(--display);letter-spacing:.18em;text-transform:uppercase;color:#d9c79b}
[data-nap="3"] .fin-line{max-width:32ch;margin:0 auto 34px;font:italic 400 clamp(24px,2.5vw,34px)/1.4 var(--serif);color:var(--warm)}

[data-nap="3"] .days-list .final{background:var(--abyss);box-shadow:0 0 70px rgba(255,170,40,.45)}
[data-nap="3"] .days-list .is-today .state{background:var(--gold);color:var(--abyss)}

[data-nap="3"] .cup{background:var(--abyss-2);color:#fff}
[data-nap="3"] .cup h2{color:var(--gold)}
[data-nap="3"] .cup-text p{color:var(--warm)}
[data-nap="3"] .duo{background:rgba(242,193,78,.05);box-shadow:inset 0 0 0 1px rgba(242,193,78,.3)}
[data-nap="3"] .aliz-home{background:radial-gradient(50% 70% at 20% 50%,rgba(242,193,78,.12),transparent 70%),#160d22}
[data-nap="3"] .foot{background:var(--abyss)}

/* ---------- Animációk ---------- */
@keyframes aurora{0%{transform:translate3d(-3%,2%,0) scale(1)}100%{transform:translate3d(4%,-3%,0) scale(1.08)}}
@keyframes rays{to{transform:rotate(360deg)}}
@keyframes shimmer{to{background-position:-240% 0}}
@keyframes glow{50%{opacity:.45}}
@keyframes beat-gold{0%{box-shadow:0 0 0 0 rgba(242,193,78,.8)}70%,100%{box-shadow:0 0 0 9px rgba(242,193,78,0)}}

@media (min-width:961px){[data-nap="3"] .hero{min-height:min(94vh,920px)}}
@media (max-width:960px){[data-nap="2"] .sky-planet{top:calc(100% - 70px)}}
@media (prefers-reduced-motion:reduce){[data-nap="2"] .sky-aurora,[data-nap="3"] .sky-rays,[data-nap="3"] .hero h1 .gold{animation:none}}