/* ============================================================
   [NAZWA_ZESPOLU] — retro / terminal / CRT
   Czysty CSS. Zero frameworków. Pod GitHub Pages.
   Paleta: monochromatyczny fosfor P1 (zieleń) na czerni —
   jak w monitorach monochromatycznych. Jeden odcień, różnice
   robi jasność, nie barwa.
   Aby przełączyć na bursztyn — patrz zakomentowany blok niżej.
   ============================================================ */

:root {
  /* --- Paleta: terminal / fosfor zielony (domyślna) --- */
  --bg:        #020602;   /* czerń z zielonkawym podkładem */
  --bg-panel:  #061006;
  --fg:        #b9ffc0;   /* tekst — łagodny fosfor, nie pełna jasność */
  --accent:    #00e63c;   /* jasna zieleń — paski tytułów (reverse video) */
  --accent-2:  #7dff8f;   /* jaśniejszy fosfor — linki, nawigacja, daty */
  --accent-3:  #14602a;   /* ciemna zieleń — separatory */
  --dim:       #4f8f5c;   /* wygaszona zieleń — tekst drugorzędny */
  --border:    #1fb845;   /* ramki — ciemniejsze niż akcent, żeby nie krzyczały */

  /* --- Alternatywa: terminal bursztynowy (VT220) ---
     --bg: #060300; --bg-panel:#120a00; --fg:#ffd9a0;
     --accent:#ffb000; --accent-2:#ffcf6b; --accent-3:#6b4400;
     --dim:#9a7233; --border:#c98a00;
  */

  --font-display: 'VT323', 'Courier New', monospace;
  /* Anonymous Pro obsługuje tylko polskie znaki, których nie ma
     Share Tech Mono — reszta tekstu zostaje bez zmian */
  --font-body:    'Share Tech Mono', 'Anonymous Pro', 'Courier New', monospace;
  --maxw: 960px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  /* subtelna poświata fosforu w rogach kineskopu */
  background-image:
    radial-gradient(circle at 20% 0%, rgba(0,230,60,0.09), transparent 45%),
    radial-gradient(circle at 90% 20%, rgba(125,255,143,0.06), transparent 45%);
  background-attachment: fixed;
  min-height: 100vh;
}

/* ---------- Nakładka CRT: scanlines + winieta ---------- */
.crt-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0,0,0,0.0) 0px,
      rgba(0,0,0,0.0) 2px,
      rgba(0,0,0,0.25) 3px,
      rgba(0,0,0,0.25) 3px
    );
  mix-blend-mode: multiply;
}
.crt-overlay::after {
  /* winieta / lekkie zaokrąglenie kineskopu */
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.55) 100%);
}

/* ---------- Kontener ekranu ---------- */
.screen {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 2rem 1.25rem 4rem;
}

/* ---------- Nagłówek / hero ---------- */
.site-header {
  text-align: center;
  padding: 2rem 0 1.5rem;
  border-bottom: 3px double var(--border);
  margin-bottom: 2rem;
}

.band-name {
  font-family: var(--font-display);
  font-size: clamp(3rem, 12vw, 6rem);
  margin: 0.25rem 0;
  color: var(--fg);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
}

.tagline {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.35em;
  font-size: 0.9rem;
  margin: 0.5rem 0 1.5rem;
  text-shadow: 0 0 8px var(--accent);
}

/* ---------- Efekt glitch na nazwie ---------- */
.glitch { position: relative; }
.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  overflow: hidden;
}
.glitch::before {
  color: var(--accent);
  transform: translate(-2px, 0);
  clip-path: inset(0 0 55% 0);
  animation: glitch-top 2.6s infinite steps(2, jump-none);
}
.glitch::after {
  color: var(--accent-2);
  transform: translate(2px, 0);
  clip-path: inset(55% 0 0 0);
  animation: glitch-bot 3.1s infinite steps(2, jump-none);
}
@keyframes glitch-top {
  0%, 92%, 100% { transform: translate(0,0); }
  93% { transform: translate(-3px,-1px); }
  97% { transform: translate(2px,1px); }
}
@keyframes glitch-bot {
  0%, 90%, 100% { transform: translate(0,0); }
  91% { transform: translate(3px,1px); }
  95% { transform: translate(-2px,-1px); }
}

/* ---------- Nawigacja ---------- */
.main-nav {
  font-family: var(--font-display);
  font-size: 1.4rem;
  text-transform: uppercase;
}
.main-nav a {
  color: var(--accent-2);
  text-decoration: none;
  padding: 0 0.35rem;
}
.main-nav a:hover,
.main-nav a:focus {
  color: var(--bg);
  background: var(--accent-2);
  outline: none;
}
.main-nav .sep { color: var(--dim); }

/* ---------- Panele / kontenery ---------- */
.panel {
  background: var(--bg-panel);
  border: 2px solid var(--border);
  box-shadow:
    4px 4px 0 rgba(0,230,60,0.22),
    inset 0 0 24px rgba(0,230,60,0.10);
  margin-bottom: 2.5rem;
}

.panel-title {
  font-family: var(--font-display);
  font-size: 1.9rem;
  margin: 0;
  padding: 0.35rem 1rem;
  color: var(--bg);
  background: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 2px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
}
/* kotwica sekcji: nazwa z hashem, małe litery, do prawej */
.panel-anchor {
  text-transform: lowercase;
  letter-spacing: 0;
  font-size: 1.1rem;
  opacity: 0.75;
}

.panel-body { padding: 1.25rem 1.5rem 1.75rem; }

.info-text { margin: 0 0 1rem; }

/* ---------- Lista statystyk / meta ---------- */
.stat-list { list-style: none; margin: 1rem 0 0; padding: 0; }
.stat-list li { padding: 0.15rem 0; border-bottom: 1px dashed var(--dim); }
.stat-key { color: var(--accent-2); text-transform: uppercase; }
.stat-val { color: var(--fg); }

/* ---------- Lista koncertów ---------- */
.gig-list { list-style: none; margin: 0; padding: 0; }
.gig {
  display: grid;
  /* dwie kolumny 1fr po bokach przycisku (kol. 3) przesuwają go ku środkowi;
     miasto trzyma się prawej (justify-self:end), niezależnie czy link jest */
  grid-template-columns: 9rem 1fr auto 1fr;
  gap: 0.75rem;
  align-items: baseline;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--accent-3);
}
.gig-date {
  grid-column: 1;
  color: var(--accent-2);
  font-family: var(--font-display);
  font-size: 1.3rem;
  white-space: nowrap;
}
.gig-venue { grid-column: 2; color: var(--fg); font-weight: bold; }
.gig-city  { grid-column: 4; justify-self: end; color: var(--dim); }
.gig-link {
  grid-column: 3;
  justify-self: center;
  color: var(--bg);
  background: var(--accent-2);
  text-decoration: none;
  padding: 0.3rem 1rem;
  border: 1px solid var(--border);
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.85rem;
  text-align: center;
}
.gig-link:hover, .gig-link:focus { background: var(--accent); outline: none; }

/* Miniony koncert: cała linijka przekreślona i przygaszona */
.gig--past { opacity: 0.5; }
.gig--past .gig-date,
.gig--past .gig-venue,
.gig--past .gig-city { text-decoration: line-through; }

.empty-note { color: var(--dim); margin-top: 1rem; font-style: italic; }

/* ---------- Media (audio / wideo) ---------- */
.media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.media-item { margin: 0; }
.embed-frame {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  border: 2px solid var(--border);
  background: #000;
  box-shadow: 0 0 12px rgba(0,230,60,0.30);
}
.embed-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.media-item figcaption {
  margin-top: 0.5rem;
  color: var(--accent);
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.1em;
}

/* ---------- Lista linków ---------- */
.link-list { list-style: none; margin: 0; padding: 0; }
.link-list li { padding: 0.2rem 0; }
.link-list a {
  color: var(--accent-2);
  text-decoration: none;
}
.link-list a:hover, .link-list a:focus {
  color: var(--accent);
  text-decoration: underline;
  outline: none;
}

/* ---------- Stopka ---------- */
.site-footer {
  border-top: 3px double var(--border);
  padding-top: 1.5rem;
  text-align: center;
}
.site-footer .panel-title {
  /* nie reverse-video jak pozostałe tytuły: jasny napis w ramce,
     bo ciemne tło + ciemny tekst byłyby nieczytelne.
     display:flex (nie inline-block) → pasek na całą szerokość,
     z „telepatia" po lewej i #kontakt po prawej, te same kolory. */
  background: transparent;
  color: var(--accent-2);
  display: flex;
  text-align: left;
  border: 2px solid var(--border);
}
.footer-body { padding: 1.25rem 0.5rem; }
.footer-body a { color: var(--accent-2); text-decoration: none; }
.footer-body a:hover, .footer-body a:focus { color: var(--accent); text-decoration: underline; }

.social-list {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1.25rem;
}
.social-list a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.copyright { color: var(--dim); font-size: 0.85rem; margin-top: 1.5rem; }

/* ---------- Responsywność ---------- */
@media (max-width: 600px) {
  body { font-size: 16px; }
  .gig {
    grid-template-columns: 1fr;
    gap: 0.15rem;
  }
  /* w stosie jednokolumnowym kasujemy jawne przypisania kolumn */
  .gig-date, .gig-venue, .gig-city, .gig-link { grid-column: auto; }
  .gig-city { justify-self: start; }
  .gig-link { justify-self: start; margin-top: 0.35rem; }
  .main-nav { font-size: 1.15rem; }
  .main-nav .sep { display: none; }
  .main-nav a { display: inline-block; padding: 0.15rem 0.5rem; }
}

/* ---------- Dostępność: redukcja ruchu ---------- */
@media (prefers-reduced-motion: reduce) {
  .glitch::before, .glitch::after { animation: none; }
  html { scroll-behavior: auto; }
}

/* ============================================================
   PIECZĘĆ: heksagram unikursalny + Oko (vesica piscis)
   Geometria wg pliku referencyjnego z Wikimedia Commons:
   sześć odcinków, jedna domknięta ścieżka, cztery punkty
   boczne ściągnięte do wewnątrz (r≈0.93, kąt 27°) — dzięki
   temu tylko dwa odcinki przechodzą przez środek.
   Ścieżkę zrasteryzowano na siatce 41×41; każdy piksel to
   osobny <rect> zapalany z opóźnieniem --i × 14ms, więc
   pieczęć rysuje się JEDNĄ kreską, tak jak każe jej nazwa.
   ============================================================ */

.seal-wrap { margin: 0 0 1.75rem; }

.seal {
  display: block;
  width: min(300px, 64vw);
  height: auto;
  margin: 0 auto 1rem;
  shape-rendering: crispEdges;          /* bez wygładzania = piksele */
  filter: drop-shadow(0 0 3px rgba(0,230,60,0.45));
}

/* --- ślad wiązki: rozbłysk, potem stygnięcie do barwy fosforu --- */
.seal-trace rect {
  opacity: 0;
  animation: seal-trace 900ms linear both;
  animation-delay: calc(var(--i) * 14ms);
}
@keyframes seal-trace {
  0%   { opacity: 0; fill: #eaffea; }
  6%   { opacity: 1; fill: #eaffea; }   /* czoło wiązki — prawie białe */
  100% { opacity: 1; fill: var(--accent); }
}

/* --- Oko otwiera się, gdy pieczęć się domknie (181 × 14ms) --- */
.seal-eye {
  opacity: 0;
  transform-box: fill-box;               /* mrugnięcie: ściśnięcie Oka do kreski */
  transform-origin: center;
  animation:
    seal-eye   900ms ease-out 2534ms both,          /* otwarcie Oka */
    seal-blink 9s steps(1, end) 7000ms infinite;    /* po strojeniu: mruga */
}
/* Mrugnięcie skokami (pixel art), co 9 s: raz pojedyncze, raz podwójne,
   żeby nie tykało jak metronom. 1% cyklu = 90 ms. */
@keyframes seal-blink {
  0%   { transform: scaleY(1); }
  58%  { transform: scaleY(.45); }
  59%  { transform: scaleY(.08); }
  60%  { transform: scaleY(.45); }
  61%  { transform: scaleY(1); }
  93%  { transform: scaleY(.45); }
  94%  { transform: scaleY(.08); }
  95%  { transform: scaleY(1); }
  96%  { transform: scaleY(.08); }
  97%  { transform: scaleY(.45); }
  98%  { transform: scaleY(1); }
  100% { transform: scaleY(1); }
}
@keyframes seal-eye { from { opacity: 0; } to { opacity: 1; } }

/* Oko: wnętrze świeci, źrenica jest ciemną pustką — trzy różne
   poziomy jasności zamiast dwóch prawie identycznych zieleni */
.seal-eye .lens  { fill: var(--accent); }
.seal-eye .edge  { fill: var(--accent-2); }
.seal-eye .pupil { fill: var(--bg); }
.seal-eye .ray   { fill: var(--border); }   /* prążki anody lampy 6E5 */
.seal-eye .shadow rect { fill: var(--bg); } /* cień wiązki */

/* --- Strojenie: Oko otwiera się rozstrojone (szeroki cień), potem cień
   „poluje” na stację i zwęża się do kreski = IN TUNE. Warstwy cienia
   znikają kolejno (--k), z jednym cofnięciem jak przy kręceniu gałką.
   Start: tuż po otwarciu Oka (2534ms + 900ms). Czysty CSS, 0 js. --- */
.seal-eye .tune {
  animation: seal-tune 1600ms steps(1, end) both;
  animation-delay: calc(3500ms + var(--k) * 120ms);
}
@keyframes seal-tune {
  0%   { opacity: 1; }
  30%  { opacity: 0; }   /* cień się zwęża…            */
  52%  { opacity: 1; }   /* …przestrzelona stacja…     */
  64%  { opacity: 0; }   /* …i z powrotem: nastrojone  */
  100% { opacity: 0; }
}

/* ---------- Pasek inwokacji (składnia terminala Hermesa) ---------- */
.invocation {
  font-family: var(--font-body);
  font-size: 0.78rem;
  color: var(--dim);
  max-width: 44ch;
  margin: 0 auto;
  text-align: left;
  letter-spacing: 0.04em;
}
.inv-line {
  display: flex;
  align-items: center;
  gap: 0.6ch;
  white-space: nowrap;
  padding: 0.1rem 0;
}
.inv-rule {
  flex: 1;
  height: 0;
  border-top: 1px solid var(--accent-3);
  margin-left: 0.4ch;
}
.invocation .gl { color: var(--accent-2); }

/* 11 pól paska — bo K jest jedenastą literą alfabetu */
.bar { color: var(--accent-3); letter-spacing: 0; }
.bar-cell {
  color: var(--accent-3);
  animation: seal-cell 1ms linear both;
  animation-delay: calc(var(--i) * 230ms);
}
@keyframes seal-cell { to { color: var(--accent); } }

@media (max-width: 600px) {
  .invocation { font-size: 0.68rem; }
  .seal { width: min(230px, 68vw); }
}

/* Bez animacji: pieczęć od razu kompletna, Oko otwarte, pasek pełny */
@media (prefers-reduced-motion: reduce) {
  .seal-trace rect { animation: none; opacity: 1; fill: var(--accent); }
  .seal-eye { animation: none; opacity: 1; }
  .seal-eye .tune { animation: none; opacity: 0; }   /* od razu IN TUNE */
  .bar-cell { animation: none; color: var(--accent); }
}

/* Blok EOF w stopce — klamra dla inwokacji z nagłówka.
   Liczby są prawdziwe: 181 pikseli ścieżki, jedna kreska, zero JS. */
.invocation.eof { margin-top: 1.75rem; }

/* ---------- Przełącznik wersji językowej ----------
   Dwie osobne strony statyczne (/ i /en/), nie przełączanie
   JavaScriptem — stopka chwali się "0 js" i ma to zostać prawdą.
   Bez flag: flaga oznacza kraj, nie język, a emoji są pełnokolorowe
   i rozbiłyby monochrom fosforu. Aktywny język w negatywie, jak
   paski tytułów sekcji. */
.lang-switch {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.6ch;
  font-family: var(--font-body);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: var(--dim);
  margin-bottom: -0.5rem;   /* wchodzi w padding nagłówka, nie odpycha pieczęci */
}
.lang-switch .lang-label { text-transform: uppercase; }
.lang-switch .lang-sep   { color: var(--accent-3); }

.lang-switch .lang-cur {
  background: var(--accent);
  color: var(--bg);
  padding: 0 0.5ch;
}
.lang-switch a {
  color: var(--dim);
  text-decoration: none;
  padding: 0 0.5ch;
  border: 1px solid transparent;
}
.lang-switch a:hover,
.lang-switch a:focus {
  color: var(--bg);
  background: var(--accent-2);
  outline: none;
}

/* ---------- Kursor: zielony wskaźnik + magiczne oko ----------
   32x32 PNG — zielona łezka obrócona o 45° (klasyczny kąt kursora):
   ostry czubek dobity do narożnika + duża bańka z magicznym okiem
   ze starych lamp elektronowych (EM34), ciemny kontrastowy obrys.
   Punkt kliknięcia 0 0 = czubek w rogu. Za url() zawsze zostaje
   słowo kluczowe — gdyby obrazek się nie wczytał, kursor działa dalej.
   Na dotyku bez efektu; tam kursora po prostu nie ma. */
body {
  cursor: url(data:image/png;base64,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) 0 0, auto;
}
a, summary, button, [role="button"] {
  cursor: url(data:image/png;base64,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) 0 0, pointer;
}