/* =========================================================
   GHOST-CREW COMMUNITY — štýly
   Všetko je naviazané na .gc-root, aby sa to nebilo s témou.
   ========================================================= */

/* ---------- self-hosted fonty (nahrádza Google Fonts CDN) ----------
   Stiahnuté z fonts.gstatic.com (latin + latin-ext subsety — latin-ext
   pokrýva CZ/SK diakritiku). font-display:swap ako predtým. Pri zmene
   použitých rezov/váh treba fonty znova stiahnuť rovnakým postupom. */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-mono-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-mono-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Staatliches';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/staatliches-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Staatliches';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/staatliches-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/work-sans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/work-sans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/work-sans-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/work-sans-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/work-sans-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/work-sans-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/work-sans-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/work-sans-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

.gc-root{
  --bg-base:#1B1712;
  --bg-panel:#211B14;
  --bg-panel-alt:#2A2318;
  --bg-raised:#36301F;
  --accent-moss:#7C8E47;
  --accent-moss-dim:#4F5C2D;
  --accent-rust:#C17A3C;
  --accent-rust-dark:#7A4220;
  --text-bone:#EAE1C8;
  --text-muted:#A89E89;
  --text-faint:#6F6753;
  --status-online:#92C158;
  --status-offline:#B5483A;
  --status-unknown:#8C8270;
  --border-crate:#473C29;
  --border-crate-light:#5C4F37;

  --font-display:'Staatliches', sans-serif;
  --font-body:'Work Sans', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;

  --maxw:1180px;

  /* =========================================================
     REDESIGN 2026 — dizajnové tokeny
     Odčítané z predlôh v source-assets/Redizajn/ (pipetované z PNG,
     screenshoty 1672×941 ≈ viewport 1440 px, mierka ~1.16×).
     Tokeny sa LEN pridávajú — staré (--bg-*, --accent-*, --text-*,
     --border-*, --status-*) sa nemenia, používa ich starý web
     aj taming kalkulačka.
     ========================================================= */

  /* --- povrchy (vrstvenie pozadie → panel → vnorený panel) --- */
  --rd-bg:#0B0C0A;            /* stránka */
  --rd-bg-deep:#070806;       /* najtmavšie (päta, spodok gradientov) */
  --rd-panel:#101110;         /* L1 — veľký panel / sekcia */
  --rd-panel-2:#15140F;       /* L2 — karta, riadok tabuľky */
  --rd-panel-3:#1B1A16;       /* L3 — vnorený panel, neaktívny prvok */
  --rd-glass:rgba(11,12,10,.88); /* sticky nav / prekryv */

  /* --- linky a orámovania --- */
  --rd-line:#1E1C18;          /* vlasová deliaca čiara vnútri panela */
  --rd-border:#2C2621;        /* bežné orámovanie panela */
  --rd-border-strong:#4E463A; /* zvýraznené orámovanie / hover */

  /* --- text --- */
  --rd-ink:#F4E7D4;           /* nadpisy, dôležité hodnoty */
  --rd-ink-body:#C3BCAD;      /* bežný text */
  --rd-ink-muted:#9C9689;     /* sekundárny text, dátumy */
  --rd-ink-faint:#7A7365;     /* popisky, terciárne info */

  /* --- oranžová = primárna akcia --- */
  --rd-orange:#E8843C;
  --rd-orange-bright:#F5A85A; /* text/ikonky na tmavom */
  --rd-orange-deep:#7E3D14;   /* výplň tlačidla (hore) */
  --rd-orange-deep-2:#65300F; /* výplň tlačidla (dole) */
  --rd-orange-tint:#3B2210;   /* podklad chipu / ikonkového kruhu */
  --rd-orange-line:#A6551F;

  /* --- zelená = „online / pozitívne" --- */
  --rd-green:#8FA05C;
  --rd-green-bright:#B9CE7D;  /* zvýraznené hodnoty */
  --rd-green-deep:#4F5D36;    /* plný chip */
  --rd-green-fill:#383F21;    /* výplň success tlačidla */
  --rd-green-tint:#1E2418;    /* zelenkasté podfarbenie aktívneho prvku */
  --rd-green-line:#7D8A57;    /* zelené orámovanie */

  /* --- sémantika --- */
  --rd-amber:#D9C25E;
  --rd-danger:#D6603C;
  --rd-online:#8FA05C;
  --rd-offline:#C05540;
  --rd-unknown:#8C8270;

  /* --- rozostupy (4px mriežka) --- */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;

  /* --- rádiusy a hrúbky --- */
  --rd-r-xs:3px;              /* chip, malý badge */
  --rd-r-sm:5px;              /* tlačidlo, input */
  --rd-r:8px;                 /* karta, panel */
  --rd-r-lg:12px;             /* veľký kontajner */
  --rd-r-pill:999px;
  --rd-bw:1px;
  --rd-bw-2:2px;

  /* --- tiene a „glow" --- */
  --rd-shadow-sm:0 2px 8px rgba(0,0,0,.35);
  --rd-shadow:0 10px 26px rgba(0,0,0,.45);
  --rd-shadow-lg:0 22px 50px rgba(0,0,0,.55);
  --rd-inner-light:inset 0 1px 0 rgba(244,231,212,.055); /* vnútorné svetlo hore */
  --rd-glow-green:0 0 0 1px rgba(143,160,92,.22), 0 0 22px rgba(143,160,92,.13);
  --rd-glow-orange:0 0 0 1px rgba(232,132,60,.22), 0 0 22px rgba(232,132,60,.13);

  /* --- typografická škála --- */
  --fs-display:clamp(42px,6.2vw,76px);
  --fs-h1:clamp(34px,4.6vw,58px);
  --fs-h2:clamp(26px,3.2vw,40px);
  --fs-h3:20px;
  --fs-lede:17px;
  --fs-body:15px;
  --fs-sm:13px;
  --fs-xs:12px;
  --fs-eyebrow:12px;
  --fs-num:clamp(20px,2.2vw,26px);
  --ls-eyebrow:.18em;
  --ls-caps:.08em;

  /* --- layout --- */
  /* širší obsah podľa predlôh (--maxw sa nemení). Na 1440px vychádza
     1324px (zhoda s Fázou 1, ktorá tú hodnotu odčítala z predlôh),
     na širších monitoroch rastie a zastaví sa na 1520px. */
  --maxw-wide:min(92vw, 1520px);
  --nav-h:76px;

  display:block;
  background:var(--bg-base);
  color:var(--text-bone);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  position:relative;
}

body.gc-fullpage{margin:0;background:#1B1712;}

.gc-root, .gc-root *{box-sizing:border-box;}
.gc-root img{max-width:100%;display:block;}
.gc-root a{color:inherit;text-decoration:none;}
.gc-root ul{margin:0;padding:0;list-style:none;}
.gc-root button{font-family:inherit;cursor:pointer;}
.gc-root :focus-visible{outline:2px solid var(--accent-rust);outline-offset:3px;}

.gc-wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

.gc-grain{
  position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:overlay;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.4) 0px, transparent 1px, transparent 2px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.3) 0px, transparent 1px, transparent 3px);
}

.gc-eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent-rust);display:flex;align-items:center;gap:10px;margin:0 0 14px;
}
.gc-eyebrow::before{content:"";width:18px;height:2px;background:var(--accent-rust);display:inline-block;}

.gc-root h1,.gc-root h2,.gc-root h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-weight:400;}
.gc-section-title{font-size:clamp(28px,4vw,46px);color:var(--text-bone);margin-bottom:18px;line-height:1.05;}
.gc-section-title span{color:var(--accent-moss);}

.gc-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
.gc-reveal.gc-is-visible{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.gc-reveal{opacity:1;transform:none;transition:none;}}

/* ---------- nav ----------
   Štruktúra a rozloženie sú v sekcii "16. navigácia" nižšie
   (REDESIGN 2026 — komponenty, .gc-rd-nav-*). Tu ostáva len .gc-nav
   ako pozičný hák (fixný nav v .gc-mode-full, sticky inde) — naň
   sa viaže aj admin-bar offset nižšie. */
.gc-nav{
  position:sticky;top:0;z-index:100;
  background:var(--rd-glass);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--rd-border);
}
.gc-mode-full .gc-nav{position:fixed;left:0;right:0;}
body.admin-bar .gc-mode-full .gc-nav{top:32px;}
@media (max-width:600px){ body.admin-bar .gc-mode-full .gc-nav{top:46px;} }

.gc-sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
/* ---------- hero ----------
   Prekreslený vo Fáze 3 (REDESIGN 2026 — komponenty, sekcia 18,
   .gc-rd-hero-*). Staré .gc-hero-* pravidlá boli odstránené — hero
   používala len index.php a tá je celá na novom komponente. */
.gc-btn{
  display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font-size:14px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;border-radius:3px;transition:transform .15s, background .2s, border-color .2s;
}
.gc-btn-primary{background:var(--accent-moss-dim);border:1px solid var(--accent-moss);color:#F1F4E6;}
.gc-btn-primary:hover{background:var(--accent-moss);transform:translateY(-2px);}
.gc-btn-ghost{border:1px solid var(--border-crate-light);color:var(--text-bone);}
.gc-btn-ghost:hover{border-color:var(--accent-rust);color:var(--accent-rust);transform:translateY(-2px);}

@keyframes gcPulse{0%,100%{opacity:1;}50%{opacity:.35;}}

/* oznam hneď pod fixným menu potrebuje horný odstup vo výške menu
   (hero rieši ten istý prípad v sekcii 18 nižšie) */
.gc-mode-full .gc-nav + .gc-announce{margin-top:var(--nav-h);}

/* ---------- oznam (banner) ----------
   Recolorovane na --rd-* tokeny (Faza 4b redizajnu) — trieda .gc-announce*
   pouziva vyhradne index.php, takze je bezpecne prefarbit priamo. */
.gc-announce{
  background:linear-gradient(90deg,var(--rd-orange-deep-2),var(--rd-orange) 60%,var(--rd-orange-deep-2));
  border-bottom:1px solid var(--rd-border);
}
.gc-announce-inner{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 0;
}
.gc-announce-dot{
  flex:none;width:9px;height:9px;border-radius:50%;background:var(--rd-ink);
  box-shadow:0 0 0 3px rgba(244,231,212,.25);
  animation:gcPulse 1.8s ease-in-out infinite;
}
.gc-announce-text{flex:1 1 320px;margin:0;font-size:14px;line-height:1.5;color:var(--rd-ink);}
.gc-announce-text strong{display:inline-block;margin-right:6px;text-transform:uppercase;letter-spacing:.02em;}
.gc-announce-text span{color:rgba(244,231,212,.88);}
.gc-announce-cta{
  flex:none;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;
  color:var(--rd-ink);border:1px solid rgba(244,231,212,.5);border-radius:3px;
  padding:8px 14px;white-space:nowrap;transition:background .2s,border-color .2s;
}
.gc-announce-cta:hover{background:rgba(244,231,212,.15);border-color:var(--rd-ink);}
@media (max-width:600px){
  .gc-announce-inner{padding:10px 0;}
  .gc-announce-text{font-size:13px;}
}
/* ---------- generic section ---------- */
.gc-section{padding:108px 0;position:relative;}
.gc-section--alt{background:var(--bg-panel);}
.gc-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:54px;}
.gc-section-lede{max-width:480px;color:var(--text-muted);font-size:15px;}

/* ---------- about ---------- */
.gc-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;}
.gc-about-text p{color:var(--text-muted);font-size:16px;margin:0 0 18px;max-width:540px;}
.gc-about-text p:last-child{margin-bottom:0;}
.gc-pillars{display:flex;flex-direction:column;gap:14px;}
.gc-pillar{background:var(--bg-panel-alt);border:1px solid var(--border-crate);border-left:3px solid var(--accent-moss);padding:18px 20px;border-radius:2px;}
/* --accent-moss má na paneli len 4,30:1; --rd-green je svetlejší (5,9:1)
   a zároveň zjednocuje starú sekciu s novou paletou. Token sa nemení —
   používa ho aj taming.php a ďalšie stránky mimo rozsahu tejto fázy. */
.gc-pillar b{display:block;font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;color:var(--rd-green);text-transform:uppercase;margin-bottom:6px;}
.gc-pillar span{color:var(--text-muted);font-size:14px;}
@media (max-width:780px){.gc-about-grid{grid-template-columns:1fr;}}

/* ---------- servers ---------- */
.gc-game-group{margin-bottom:50px;}
.gc-game-group:last-child{margin-bottom:0;}
.gc-game-group-label{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.gc-game-group-label .gc-tag{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  background:var(--bg-raised);border:1px solid var(--border-crate-light);color:var(--text-bone);
  padding:6px 14px;border-radius:2px;
}
.gc-game-group-label .gc-line{flex:1;height:1px;background:var(--border-crate);}
.gc-server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.gc-crate{position:relative;background:var(--bg-panel-alt);border:1px solid var(--border-crate);padding:20px 20px 18px;border-radius:2px;transition:transform .2s, border-color .2s;}
.gc-crate::before,.gc-crate::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--border-crate-light);}
.gc-crate::before{top:8px;left:8px;}
.gc-crate::after{top:8px;right:8px;}
.gc-crate:hover{transform:translateY(-4px);border-color:var(--accent-rust);}
.gc-crate-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;}
.gc-crate-name{font-size:17px;font-weight:700;color:var(--text-bone);}
.gc-status-pill{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;white-space:nowrap;}
.gc-status-pill .gc-dot{width:7px;height:7px;border-radius:50%;}
.gc-status-pill.gc-online{color:var(--status-online);}
.gc-status-pill.gc-online .gc-dot{background:var(--status-online);box-shadow:0 0 6px var(--status-online);animation:gcPulse 2.4s infinite;}
.gc-status-pill.gc-offline{color:var(--status-offline);}
.gc-status-pill.gc-offline .gc-dot{background:var(--status-offline);}
/* Kontrastné opravy (Fáza 3b): --status-unknown dával 4,10:1 a --text-faint
   dokonca 2,77:1 — pod hranicou WCAG AA (4,5:1). Tokeny sa nemenia, lebo ich
   používa aj taming.php, ktorý je mimo rozsahu redizajnu; presvetlené sú len
   tieto konkrétne pravidlá zo zoznamu serverov na index.php. */
.gc-status-pill.gc-checking{color:var(--rd-ink-muted);}
.gc-status-pill.gc-checking .gc-dot{background:var(--status-unknown);animation:gcPulse 1.1s infinite;}
.gc-crate-fullname{font-size:11px;color:var(--rd-ink-muted);margin-bottom:10px;font-family:var(--font-mono);word-break:break-word;}
.gc-crate-players{
  display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted);
  margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-crate);
}
.gc-crate-players b{color:var(--text-bone);font-family:var(--font-mono);font-weight:600;}
.gc-crate-ip{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--bg-base);border:1px solid var(--border-crate);border-radius:2px;
  padding:9px 12px;font-family:var(--font-mono);font-size:13px;color:var(--text-bone);
}
.gc-copy-btn{
  background:none;border:1px solid var(--border-crate-light);color:var(--text-muted);
  font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:2px;
  transition:all .15s;flex-shrink:0;
}
.gc-copy-btn:hover{border-color:var(--accent-moss);color:var(--accent-moss);}
/* ikonová verzia (pri IP serverov) */
.gc-copy-btn svg{display:block;}
.gc-crate-ip .gc-copy-btn{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
/* tlačidlo Pripojiť — samostatný úzky pás pod IP adresou, celá šírka karty */
.gc-join-btn{
  display:flex;align-items:center;justify-content:center;width:100%;
  box-sizing:border-box;margin-top:8px;
  /* --accent-moss dával pri 11px len 4,30:1 — presvetlené na --rd-green */
  background:none;border:1px solid var(--accent-moss-dim);color:var(--rd-green);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;padding:7px 10px;border-radius:2px;
  cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden;
}
.gc-join-btn:hover{background:var(--accent-moss);border-color:var(--accent-moss);color:var(--bg-base);}
.gc-status-note{margin-top:18px;font-size:12px;color:var(--rd-ink-muted);font-family:var(--font-mono);}

/* ---------- rules ---------- */
.gc-rules-banner{
  font-family:var(--font-display);font-size:clamp(20px,3.4vw,30px);letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent-rust);border:1px solid var(--accent-rust-dark);border-left:5px solid var(--accent-rust);
  background:var(--bg-panel-alt);padding:14px 20px;margin:0 0 22px;border-radius:2px;
}
.gc-codex{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.gc-rule{background:var(--bg-panel-alt);border:1px solid var(--border-crate);padding:22px 22px 20px;border-radius:2px;border-top:3px solid var(--accent-rust-dark);}
.gc-rule-num{font-family:var(--font-mono);font-size:12px;color:var(--rd-orange-bright);letter-spacing:.1em;margin-bottom:10px;display:block;}
.gc-rule h3{font-family:var(--font-body);font-weight:700;font-size:16px;text-transform:none;letter-spacing:0;color:var(--text-bone);margin-bottom:8px;}
.gc-rule p{margin:0;color:var(--text-muted);font-size:14px;}
.gc-rule-list{margin:0;padding-left:18px;color:var(--text-muted);font-size:14px;}
.gc-rule-list li{margin-bottom:8px;}
.gc-rule-list li:last-child{margin-bottom:0;}
.gc-rule--nowipe{border-top-color:var(--accent-moss);border-color:var(--accent-moss-dim);}
.gc-rule--nowipe .gc-rule-num{color:var(--rd-green);}
.gc-rule--nowipe strong{color:var(--text-bone);}

/* ---------- support page (podpora.php) ----------
   Donate karty, účty a poznámka boli prekreslené na .gc-rd-* komponenty
   (Redizajn 2026, Fáza 7) — .gc-support-hero ostáva, používa ju aj
   taming.php (mimo rozsahu redizajnu, nedotýkať sa). */
.gc-support-hero{padding-top:140px;}

/* ---------- gallery (real shots + lightbox) ----------
   Farby prevedené na --rd-* tokeny (Fáza 7) — trieda je len na
   galeria.php, JS lightbox (.gc-shot / .gc-lightbox / .gc-lb-*) sa
   nemenil. Dlaždice sú väčšie než pred redizajnom (280px vs. 220px). */
.gc-shot{
  display:block;aspect-ratio:16/9;overflow:hidden;position:relative;
  border:var(--rd-bw) solid var(--rd-border);border-radius:var(--rd-r);background:var(--rd-panel-2);
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gc-shot:hover{border-color:var(--rd-border-strong);transform:translateY(-2px);box-shadow:var(--rd-inner-light),var(--rd-shadow);}
.gc-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.gc-shot:hover img{transform:scale(1.06);}
.gc-shot::after{
  content:attr(data-game);position:absolute;left:8px;bottom:8px;
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rd-ink);background:rgba(11,12,10,.78);border:var(--rd-bw) solid var(--rd-border);
  padding:3px 7px;border-radius:var(--rd-r-xs);pointer-events:none;
}

/* .gc-gallery-more-wrap a celý fotopás (.gc-photostrip*, @keyframes gcStrip)
   tu boli do Fázy 9 — teaser galérie sa z domovskej stránky odstránil
   (galéria má vlastnú stránku) a nič iné ich nepoužívalo. */

/* ---------- genesis release banner ----------
   Od Fázy 9 už len pre genesis.php: banner na domovskej stránke nahradila
   pripnutá novinka v paneli „Aktuálne v komunite". Zostalo teda len to, čo
   stavia hlavičku samotnej stránky (eyebrow + titulok + podtitul); bloky
   oznamu, popisu, „čistého štartu" a akčných tlačidiel (.gc-genesis-soon,
   -desc, -fresh, -actions, .gc-soon-dot) zmizli spolu s bannerom, rovnako
   ako už dávnejšie mŕtvy odpočet (.gc-genesis-count, .gc-count-*,
   .gc-genesis-live). */
.gc-genesis{
  position:relative;background-size:cover;background-position:center 30%;
  border-top:1px solid var(--border-crate);border-bottom:1px solid var(--border-crate);
}
.gc-genesis::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(20,17,13,.93) 0%, rgba(20,17,13,.82) 45%, rgba(20,17,13,.45) 100%);
}
.gc-genesis-inner{position:relative;z-index:1;padding:64px 24px;max-width:1160px;}
/* --accent-moss (#7C8E47) na fotografickom podklade bannera nedáva WCAG AA
   pre 12px text — zmerané pixel po pixeli: 4,01:1 so starým podkladom,
   3,81:1 s novým key artom (treba 4,5:1). Presvetlené na --rd-green-bright,
   presne ako pri --rd-ink-faint prípadoch vo Fázach 6/7a: mení sa TOTO
   pravidlo, nie token (ten drží aj taming.php, mimo rozsahu redizajnu). */
.gc-genesis-eyebrow{color:var(--rd-green-bright);}
.gc-genesis-title{
  font-family:var(--font-display);font-size:clamp(34px,6vw,64px);line-height:1;
  color:var(--text-bone);letter-spacing:.04em;margin:6px 0 10px;
}
.gc-genesis-title span{color:var(--accent-moss);}
.gc-genesis-time{font-family:var(--font-mono);font-size:14px;color:var(--text-muted);margin:0 0 18px;}
.gc-genesis-time strong{color:var(--text-bone);}
.gc-genesis--compact .gc-genesis-inner{padding:120px 24px 48px;}

/* atribút hidden musí vyhrať nad každým display pravidlom */
.gc-root [hidden]{display:none !important;}

/* ---------- taming kalkulacka (taming.php) ----------
   Prekreslená v sekcii „REDESIGN 2026 — Fáza 10: taming kalkulačka"
   na konci súboru (beh 1). Musí byť AŽ ZA .gc-rd-* komponentmi, lebo ich
   priamo prebíja (napr. .gc-tame-table nad .gc-rd-table). */
@media (max-width:680px){
  .gc-genesis-inner{padding:44px 18px;}
}
.gc-lightbox{
  position:fixed;inset:0;z-index:1000;background:rgba(7,8,6,.94);
  display:flex;align-items:center;justify-content:center;
}
.gc-lightbox img{max-width:92vw;max-height:86vh;border:var(--rd-bw) solid var(--rd-border-strong);border-radius:var(--rd-r);}
.gc-lb-btn{
  position:fixed;z-index:1001;background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border-strong);
  color:var(--rd-ink);font-size:30px;line-height:1;width:48px;height:48px;border-radius:var(--rd-r-sm);cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);
}
.gc-lb-btn:hover{border-color:var(--rd-orange);color:var(--rd-orange-bright);}
.gc-lb-close{top:16px;right:16px;}
.gc-lb-prev{left:14px;top:50%;transform:translateY(-50%);}
.gc-lb-next{right:14px;top:50%;transform:translateY(-50%);}
.gc-lb-caption{
  position:fixed;bottom:14px;left:50%;transform:translateX(-50%);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--rd-ink-muted);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);padding:6px 12px;border-radius:var(--rd-r-sm);
}

/* ---------- gallery ----------
   280px (bolo 220px, Fáza 7) — fotky dostali viac priestoru, menej
   drobných dlaždíc na riadok. */
.gc-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);}
.gc-photo-slot{
  aspect-ratio:4/3;background:repeating-linear-gradient(135deg, var(--bg-raised) 0 14px, var(--bg-panel-alt) 14px 28px);
  border:1px dashed var(--border-crate-light);border-radius:2px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-faint);
}
.gc-photo-slot .gc-plus{font-size:28px;color:var(--text-faint);}
.gc-photo-slot span{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;}

/* ---------- pätička ----------
   Prekreslená v sekcii "17. pätička" nižšie (REDESIGN 2026 — komponenty,
   .gc-rd-footer-*). Predloha na pätičku neexistuje — poskladaná
   z komponentov Fázy 1. */

.gc-copy-toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
  background:var(--accent-moss-dim);border:1px solid var(--accent-moss);color:#F1F4E6;
  padding:10px 20px;border-radius:3px;font-size:13px;font-family:var(--font-mono);
  opacity:0;transition:opacity .25s, transform .25s;pointer-events:none;z-index:300;
}
.gc-copy-toast.gc-show{opacity:1;transform:translateX(-50%) translateY(0);}


/* ---------- drobnosti (kbd/code, používa navody.php/taming.php/styleguide.php) ---------- */
.gc-root kbd{
  font-family:var(--font-mono);font-size:.9em;background:var(--bg-base);border:1px solid var(--border-crate-light);
  border-bottom-width:2px;border-radius:3px;padding:1px 6px;color:var(--text-bone);
}
.gc-root code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-base);border-radius:3px;padding:1px 5px;color:var(--accent-rust);}


/* =========================================================
   ===== REDESIGN 2026 — komponenty =====
   Znovupoužiteľné kusy odčítané zo 4 predlôh
   (source-assets/Redizajn/*.png). Fázy 2–8 z týchto tried
   len skladajú stránky — nové vizuálne rozhodnutia sa robia
   TU, nie v jednotlivých stránkach.

   Ukážka všetkých komponentov a stavov: /styleguide.php
   Menný priestor: .gc-rd-* (aby sa nič nebilo so starými triedami).
   Stavové triedy .is-hover / .is-active / .is-open slúžia aj na to,
   aby sa dal stav zachytiť na screenshote v styleguide.
   ========================================================= */

/* ---------- 0. layout pomôcky ---------- */
.gc-rd-wrap{max-width:var(--maxw-wide);margin:0 auto;padding:0 var(--sp-5);width:100%;}
.gc-rd-stack{display:flex;flex-direction:column;gap:var(--sp-5);}
.gc-rd-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.gc-rd-divider{height:1px;background:var(--rd-line);border:0;margin:var(--sp-5) 0;}
.gc-rd-divider--soft{background:linear-gradient(90deg,transparent,var(--rd-border),transparent);}

/* ---------- 1. topografický vzor pozadia ----------
   Vrstevnicový podklad z predlôh. Inline SVG data-URI (~1 kB),
   žiadny bitmapový súbor. Elipsy sú v strede a v rohoch dlaždice,
   takže vzor dláždi bezo švíkov.
   Použitie: <div class="gc-rd-topo"> alebo .gc-rd-topo--fixed na sekciu. */
.gc-rd-topo{position:relative;}
.gc-rd-topo::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  opacity:.6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23C3BCAD' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M0 28C70 8 130 60 200 34S330 6 400 28'/%3E%3Cpath d='M0 44C70 26 130 78 200 52S330 24 400 44'/%3E%3Cpath d='M0 60C70 44 130 96 200 70S330 42 400 60'/%3E%3Cpath d='M0 132C80 160 150 96 220 128S340 168 400 132'/%3E%3Cpath d='M0 150C80 180 150 116 220 147S340 186 400 150'/%3E%3Cpath d='M0 232C60 206 140 262 210 236S330 200 400 232'/%3E%3Cpath d='M0 248C60 224 140 280 210 254S330 218 400 248'/%3E%3Cpath d='M0 264C60 242 140 296 210 270S330 236 400 264'/%3E%3Cpath d='M0 340C90 372 160 306 230 338S340 372 400 340'/%3E%3Cpath d='M0 358C90 388 160 324 230 355S340 388 400 358'/%3E%3C/g%3E%3C/svg%3E");
  background-size:400px 400px;
}
.gc-rd-topo > *{position:relative;z-index:1;}
/* variant, ktorý vzor stlmí v strede (obsah ostane čitateľný) */
.gc-rd-topo--vignette::before{
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, transparent 10%, #000 78%);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%, transparent 10%, #000 78%);
}
.gc-rd-topo--fixed::before{position:fixed;}

/* ---------- 2. typografia ---------- */
.gc-rd-eyebrow{
  display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);
  font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;
  letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--rd-orange);
}
.gc-rd-eyebrow::before{content:"";width:20px;height:2px;background:var(--rd-orange);flex:none;}
.gc-rd-eyebrow--green{color:var(--rd-green);}
.gc-rd-eyebrow--green::before{background:var(--rd-green);}
/* bez úvodnej čiarky — hero na `hlavna stranka.png` ju nemá */
.gc-rd-eyebrow--bare::before{display:none;}

.gc-rd-title{
  font-family:var(--font-display);font-weight:400;text-transform:uppercase;
  letter-spacing:.02em;line-height:1;margin:0;color:var(--rd-ink);
  font-size:var(--fs-h2);
  text-shadow:0 2px 0 rgba(0,0,0,.45);
}
.gc-rd-title--xl{font-size:var(--fs-display);line-height:.94;}
.gc-rd-title--lg{font-size:var(--fs-h1);line-height:.98;}
.gc-rd-title--sm{font-size:var(--fs-h3);letter-spacing:.05em;}
.gc-rd-title em{font-style:normal;color:var(--rd-green);}
.gc-rd-title b{font-weight:400;color:var(--rd-orange);}

.gc-rd-lede{margin:var(--sp-3) 0 0;font-size:var(--fs-lede);line-height:1.6;color:var(--rd-ink-body);max-width:62ch;}
.gc-rd-text{margin:0;font-size:var(--fs-body);line-height:1.65;color:var(--rd-ink-body);}
.gc-rd-meta{margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--rd-ink-muted);}
.gc-rd-num{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums;color:var(--rd-ink);}

/* ---------- 3. tlačidlá ---------- */
.gc-rd-btn{
  --btn-fill:transparent;--btn-line:var(--rd-border-strong);--btn-ink:var(--rd-ink);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  padding:12px 22px;border-radius:var(--rd-r-sm);
  border:var(--rd-bw) solid var(--btn-line);background:var(--btn-fill);color:var(--btn-ink);
  font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;
  letter-spacing:var(--ls-caps);text-transform:uppercase;white-space:nowrap;
  cursor:pointer;text-align:center;
  transition:background .18s ease, border-color .18s ease, color .18s ease,
             box-shadow .18s ease, transform .12s ease;
}
.gc-rd-btn svg{width:16px;height:16px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-btn:active:not([disabled]),.gc-rd-btn.is-pressed{transform:translateY(1px);}
.gc-rd-btn[disabled],.gc-rd-btn.is-disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;}

/* primárne — oranžová akcia (Discord CTA, „Čítať novinku") */
.gc-rd-btn--primary{
  --btn-ink:#FFF3E6;--btn-line:var(--rd-orange-line);
  background:linear-gradient(180deg,var(--rd-orange-deep),var(--rd-orange-deep-2));
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-rd-btn--primary:hover:not([disabled]),.gc-rd-btn--primary.is-hover{
  background:linear-gradient(180deg,#94491A,var(--rd-orange-deep));
  border-color:var(--rd-orange);box-shadow:var(--rd-inner-light),var(--rd-glow-orange);
}
/* success — zelená akcia („Pripojiť sa na server") */
.gc-rd-btn--success{
  --btn-ink:#F2F6E4;--btn-line:var(--rd-green-line);
  background:linear-gradient(180deg,#3F4826,var(--rd-green-fill));
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-rd-btn--success:hover:not([disabled]),.gc-rd-btn--success.is-hover{
  background:linear-gradient(180deg,#4A5530,#414A26);
  border-color:var(--rd-green);box-shadow:var(--rd-inner-light),var(--rd-glow-green);
}
/* outline — sekundárna akcia („Zistiť viac", „Kopírovať IP") */
.gc-rd-btn--outline{--btn-ink:var(--rd-ink-body);--btn-line:var(--rd-border-strong);background:rgba(244,231,212,.02);}
.gc-rd-btn--outline:hover:not([disabled]),.gc-rd-btn--outline.is-hover{
  --btn-ink:var(--rd-ink);border-color:var(--rd-orange);background:rgba(232,132,60,.08);
}
/* outline v zelenom prevedení — „Pripojiť sa" na karte servera */
.gc-rd-btn--outline-green{--btn-ink:var(--rd-green);--btn-line:var(--rd-green-deep);background:rgba(143,160,92,.05);}
.gc-rd-btn--outline-green:hover:not([disabled]),.gc-rd-btn--outline-green.is-hover{
  --btn-ink:var(--rd-green-bright);border-color:var(--rd-green-line);background:rgba(143,160,92,.12);
}
/* outline v oranžovom prevedení — „Pripojiť sa" v rebríčku máp (statistiky.png) */
.gc-rd-btn--outline-orange{--btn-ink:var(--rd-orange-bright);--btn-line:var(--rd-orange-line);background:rgba(232,132,60,.06);}
.gc-rd-btn--outline-orange:hover:not([disabled]),.gc-rd-btn--outline-orange.is-hover{
  --btn-ink:#FFE8D2;border-color:var(--rd-orange);background:rgba(232,132,60,.16);
}
/* ghost — bez rámu, len text s ikonkou */
.gc-rd-btn--ghost{--btn-line:transparent;--btn-ink:var(--rd-ink-muted);}
.gc-rd-btn--ghost:hover:not([disabled]),.gc-rd-btn--ghost.is-hover{--btn-ink:var(--rd-ink);background:rgba(244,231,212,.05);}

.gc-rd-btn--sm{padding:8px 14px;font-size:var(--fs-xs);}
.gc-rd-btn--sm svg{width:14px;height:14px;}
.gc-rd-btn--lg{padding:15px 30px;font-size:var(--fs-body);}
.gc-rd-btn--block{display:flex;width:100%;}

/* malé textové tlačidlo so šípkou („Zobraziť viac →") */
.gc-rd-link{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rd-orange);
  background:none;border:0;padding:0;cursor:pointer;
  transition:color .18s ease, gap .18s ease;
}
.gc-rd-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease;}
.gc-rd-link:hover,.gc-rd-link.is-hover{color:var(--rd-orange-bright);gap:var(--sp-3);}
.gc-rd-link:hover svg,.gc-rd-link.is-hover svg{transform:translateX(2px);}
.gc-rd-link--green{color:var(--rd-green);}
.gc-rd-link--green:hover,.gc-rd-link--green.is-hover{color:var(--rd-green-bright);}
.gc-rd-link--muted{color:var(--rd-ink-muted);}
.gc-rd-link--muted:hover,.gc-rd-link--muted.is-hover{color:var(--rd-ink);}

/* ---------- 4. panely (3 úrovne vrstvenia) ---------- */
/* L1 — veľký panel, priamo na pozadí stránky */
.gc-rd-panel{
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow);
  position:relative;
}
.gc-rd-panel__head{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-5);border-bottom:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-panel__head > .gc-rd-title{flex:1 1 auto;}
.gc-rd-panel__icon{
  width:22px;height:22px;flex:none;display:block;
  fill:none;stroke:var(--rd-green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.gc-rd-panel__body{padding:var(--sp-5);}
.gc-rd-panel__foot{padding:var(--sp-4) var(--sp-5);border-top:var(--rd-bw) solid var(--rd-line);}
/* zvýraznený (zelený) panel — „Odporúčaný výsledok" z taming.png */
.gc-rd-panel--accent{
  background:linear-gradient(180deg,var(--rd-green-tint),var(--rd-panel));
  border-color:var(--rd-green-line);box-shadow:var(--rd-inner-light),var(--rd-glow-green),var(--rd-shadow);
}
.gc-rd-panel--accent .gc-rd-panel__head{border-bottom-color:rgba(125,138,87,.3);}

/* L2 — karta vnútri layoutu alebo panela */
.gc-rd-card{
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  padding:var(--sp-5);position:relative;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gc-rd-card--link:hover,.gc-rd-card.is-hover{
  border-color:var(--rd-border-strong);transform:translateY(-2px);
  box-shadow:var(--rd-inner-light),var(--rd-shadow);
}
.gc-rd-card--flush{padding:0;overflow:hidden;}

/* L3 — vnorený panel vnútri karty (najsvetlejšia vrstva) */
.gc-rd-inset{
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-line);
  border-radius:var(--rd-r-sm);padding:var(--sp-4);
}
.gc-rd-inset--accent{background:var(--rd-green-tint);border-color:var(--rd-green-deep);}

/* QR náhľad (EPC/SEPA platba) — biele pozadie je zapečené priamo v SVG,
   rámik/padding tu len drží konzistentný "card-in-card" vzhľad. */
.gc-rd-qr{
  display:block;flex:none;background:#fff;padding:6px;
  border-radius:var(--rd-r-sm);border:var(--rd-bw) solid var(--rd-line);
  transition:border-color .18s ease, transform .18s ease;
}
.gc-rd-qr:hover,.gc-rd-qr.is-hover{border-color:var(--rd-border-strong);transform:translateY(-1px);}
.gc-rd-qr img{display:block;}
/* .gc-rd-qr sa kombinuje s .gc-shot (lightbox rieši wireGallery() v
   ghost-crew.js, klik otvorí zväčšený QR namiesto nového tabu). Anchor
   dostáva PEVNÝ rozmer namiesto aspect-ratio:16/9 z .gc-shot — img vo
   vnútri necháva nedotknuté (.gc-shot img je width/height:100%), takže
   sa vykreslí správne aj skôr, než sa lazy obrázok reálne stihne
   načítať. Písať vlastné CSS width/height na img samotný by naopak
   prehralo HTML atribúty width="88"/"64" (tie fungujú len ako
   presentational hint, ktorý zmizne, akonáhle ho prebije akékoľvek
   autorské CSS pravidlo). Čísla nižšie = 88px/64px obsah + 2×6px padding
   + 2×1px border (box-sizing:border-box, .gc-root *). */
.gc-rd-qr.gc-shot{aspect-ratio:auto;width:102px;height:102px;cursor:zoom-in;}
.gc-rd-qr.gc-shot::after{content:none;}
.gc-rd-qr--sm.gc-shot{width:78px;height:78px;}

/* ---------- 5. karta s obrázkom ---------- */
.gc-rd-mcard{
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  position:relative;transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gc-rd-mcard:hover,.gc-rd-mcard.is-hover{
  border-color:var(--rd-border-strong);transform:translateY(-3px);
  box-shadow:var(--rd-inner-light),var(--rd-shadow);
}
.gc-rd-mcard__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--rd-bg-deep);}
.gc-rd-mcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.gc-rd-mcard:hover .gc-rd-mcard__media img{transform:scale(1.04);}
.gc-rd-mcard__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 45%,rgba(11,12,10,.72));
}
.gc-rd-mcard__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) var(--sp-5);flex:1 1 auto;}
.gc-rd-mcard__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;}
/* .gc-root-prefix je nutný: staré pravidlo `.gc-root h1,h2,h3` má vyššiu
   špecificitu a inak by titulku nasadilo display font + veľké písmená */
.gc-root .gc-rd-mcard__title{
  font-family:var(--font-body);font-weight:700;font-size:17px;line-height:1.3;
  color:var(--rd-ink);margin:var(--sp-1) 0 0;text-transform:none;letter-spacing:0;
}
.gc-rd-mcard__excerpt{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--rd-ink-muted);}
.gc-rd-mcard__foot{margin-top:auto;padding-top:var(--sp-3);}
/* rohová stužka („DÔLEŽITÉ" na predlohe novinky.png) */
.gc-rd-ribbon{
  position:absolute;top:var(--sp-3);left:0;z-index:2;
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px 5px 10px;
  background:var(--rd-green-deep);color:#F2F6E4;
  border:var(--rd-bw) solid var(--rd-green-line);border-left:0;
  border-radius:0 var(--rd-r-xs) var(--rd-r-xs) 0;
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--rd-shadow-sm);
}
.gc-rd-ribbon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;}
.gc-rd-ribbon--orange{background:var(--rd-orange-deep);border-color:var(--rd-orange-line);color:#FFF3E6;}

/* ---------- 6. tabuľka (podľa taming.png) ---------- */
.gc-rd-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.gc-rd-table{width:100%;border-collapse:collapse;font-size:var(--fs-body);min-width:520px;}
.gc-rd-table th{
  text-align:left;padding:var(--sp-3) var(--sp-4);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);
  border-bottom:var(--rd-bw) solid var(--rd-border);white-space:nowrap;
}
.gc-rd-table td{
  padding:var(--sp-3) var(--sp-4);color:var(--rd-ink-body);
  border-bottom:var(--rd-bw) solid var(--rd-line);vertical-align:middle;
}
.gc-rd-table tbody tr:nth-child(even) td{background:rgba(244,231,212,.022);}
.gc-rd-table tbody tr:last-child td{border-bottom:0;}
.gc-rd-table th + th,.gc-rd-table td + td{border-left:var(--rd-bw) solid var(--rd-line);}
.gc-rd-td-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;}
.gc-rd-table tbody tr:hover td,.gc-rd-table tbody tr.is-hover td{background:rgba(244,231,212,.045);}
/* zvýraznený (odporúčaný) prvý riadok — zelený rám cez celý riadok */
.gc-rd-table tbody tr.is-highlight td{
  background:var(--rd-green-tint);color:var(--rd-green-bright);
  border-top:var(--rd-bw) solid var(--rd-green-line);
  border-bottom:var(--rd-bw) solid var(--rd-green-line);
  border-left-color:rgba(125,138,87,.3);
}
.gc-rd-table tbody tr.is-highlight td:first-child{border-left:var(--rd-bw) solid var(--rd-green-line);border-radius:var(--rd-r-sm) 0 0 var(--rd-r-sm);}
.gc-rd-table tbody tr.is-highlight td:last-child{border-right:var(--rd-bw) solid var(--rd-green-line);border-radius:0 var(--rd-r-sm) var(--rd-r-sm) 0;}
/* sémantické hodnoty v stĺpci (efektivita ap.) */
.gc-rd-v-good{color:var(--rd-green-bright);}
.gc-rd-v-warn{color:var(--rd-amber);}
.gc-rd-v-bad{color:var(--rd-danger);}
.gc-rd-tablenote{
  display:flex;align-items:center;gap:var(--sp-2);
  padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:var(--rd-ink-muted);
  border-top:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-tablenote svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;}

/* ---------- 7. chip / tag / kategória ---------- */
.gc-rd-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:var(--rd-r-xs);
  background:var(--rd-orange-tint);border:var(--rd-bw) solid rgba(166,85,31,.55);
  color:var(--rd-orange-bright);
  font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;
}
.gc-rd-chip svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;}
.gc-rd-chip--green{background:rgba(79,93,54,.35);border-color:rgba(125,138,87,.5);color:var(--rd-green-bright);}
.gc-rd-chip--amber{background:rgba(217,194,94,.12);border-color:rgba(217,194,94,.4);color:var(--rd-amber);}
.gc-rd-chip--neutral{background:rgba(244,231,212,.05);border-color:var(--rd-border);color:var(--rd-ink-muted);}
.gc-rd-chip--solid{background:var(--rd-green-deep);border-color:var(--rd-green-line);color:#F2F6E4;}
.gc-rd-chip--solid-orange{background:var(--rd-orange-deep);border-color:var(--rd-orange-line);color:#FFF3E6;}
/* klikateľný chip (filter) */
button.gc-rd-chip{cursor:pointer;transition:border-color .18s ease, color .18s ease, background .18s ease;}
button.gc-rd-chip:hover,button.gc-rd-chip.is-hover{border-color:var(--rd-orange);color:var(--rd-orange-bright);}
button.gc-rd-chip.is-active{background:var(--rd-orange-deep);border-color:var(--rd-orange-line);color:#FFF3E6;}

/* ---------- 8. status badge ---------- */
.gc-rd-status{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rd-unknown);white-space:nowrap;
}
.gc-rd-status__dot{
  width:9px;height:9px;border-radius:50%;flex:none;background:currentColor;
  box-shadow:0 0 8px currentColor;
}
.gc-rd-status--online{color:var(--rd-online);}
.gc-rd-status--online .gc-rd-status__dot{animation:gcPulse 2.4s ease-in-out infinite;}
.gc-rd-status--offline{color:var(--rd-offline);}
.gc-rd-status--offline .gc-rd-status__dot{box-shadow:none;}
.gc-rd-status--unknown{color:var(--rd-unknown);}
.gc-rd-status--unknown .gc-rd-status__dot{box-shadow:none;animation:gcPulse 1.4s ease-in-out infinite;}
/* variant s podkladom (na obrázku / v hlavičke karty) */
.gc-rd-status--pill{
  padding:5px 12px;border-radius:var(--rd-r-pill);
  background:rgba(7,8,6,.7);border:var(--rd-bw) solid var(--rd-border);
}

/* ---------- 9. metrika s ikonkou (štatistický pruh) ---------- */
.gc-rd-metrics{
  /* 165px: pri 390 px sa zmestia dve dlaždice vedľa seba (2×2 ako starý
     .gc-statsbar), auto-fit prázdne stopy zbalí, takže na desktope
     ostávajú presne štyri */
  display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);overflow:hidden;
}
.gc-rd-metric{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-5);border-left:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-metric:first-child{border-left:0;}
/* Ikonky sú vyplnené (Fáza 3b) — tenké obrysy sa v malom strácali.
   Farba nesie význam: `--live` = zelená (živý stav servera/komunity),
   bez modifikátora = neutrálna (historický údaj). */
.gc-rd-metric__icon{
  width:32px;height:32px;flex:none;display:block;
  fill:var(--rd-ink-muted);stroke:none;
}
.gc-rd-metric--live .gc-rd-metric__icon{fill:var(--rd-green);}
.gc-rd-metric__num{
  display:block;font-family:var(--font-mono);font-weight:600;font-size:var(--fs-num);
  line-height:1.1;color:var(--rd-ink);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.gc-rd-metric__label{
  display:block;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--rd-ink-muted);margin-top:3px;
  white-space:nowrap;
}
.gc-rd-metric--orange .gc-rd-metric__icon{fill:var(--rd-orange);}
.gc-rd-metric[hidden]{display:none;}
/* samostatná metrika (nie v pruhu) */
.gc-rd-metric--boxed{border-left:0;background:var(--rd-panel-3);border-radius:var(--rd-r-sm);}

/* ---------- 10. stepper 1–2–3–4 ---------- */
.gc-rd-stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-6);}
.gc-rd-step{
  position:relative;display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-4);border-radius:var(--rd-r);
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);
  box-shadow:var(--rd-inner-light);
}
.gc-rd-step.is-active{
  background:var(--rd-green-tint);border-color:var(--rd-green-line);
  box-shadow:var(--rd-inner-light),var(--rd-glow-green);
}
/* šípka do ďalšieho kroku */
.gc-rd-step:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:calc(var(--sp-6) * -1);
  width:var(--sp-6);height:12px;transform:translateY(-50%);
  background:currentColor;color:var(--rd-border-strong);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 12'%3E%3Cpath d='M2 6h24M21 1l6 5-6 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 12'%3E%3Cpath d='M2 6h24M21 1l6 5-6 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gc-rd-step.is-active:not(:last-child)::after{color:var(--rd-green);}
.gc-rd-step__num{
  font-family:var(--font-display);font-size:52px;line-height:.78;
  color:var(--rd-ink-muted);flex:none;
}
.gc-rd-step.is-active .gc-rd-step__num{color:var(--rd-green);}
.gc-rd-step__icon{
  width:42px;height:42px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:var(--rd-bw) solid var(--rd-border-strong);background:rgba(7,8,6,.5);
}
.gc-rd-step__icon svg{width:20px;height:20px;fill:none;stroke:var(--rd-ink-body);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-step.is-active .gc-rd-step__icon{border-color:var(--rd-green-line);background:rgba(143,160,92,.1);}
.gc-rd-step.is-active .gc-rd-step__icon svg{stroke:var(--rd-green-bright);}
.gc-rd-step__body{min-width:0;}
.gc-root .gc-rd-step__title{
  margin:0;font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);
  color:var(--rd-ink);text-transform:none;letter-spacing:0;
}
.gc-rd-step__desc{margin:2px 0 0;font-size:var(--fs-sm);line-height:1.45;color:var(--rd-ink-muted);}
@media (max-width:760px){
  .gc-rd-stepper{gap:var(--sp-5);}
  .gc-rd-step:not(:last-child)::after{
    top:auto;bottom:calc(var(--sp-5) * -1 + 2px);right:auto;left:50%;
    width:12px;height:var(--sp-5);transform:translateX(-50%) rotate(90deg);
  }
}

/* ---------- 11. akordeón ---------- */
.gc-rd-acc{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-rd-acc__item{
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light);
  transition:border-color .2s ease;
}
.gc-rd-acc__item[open],.gc-rd-acc__item.is-open{border-color:var(--rd-border-strong);}
.gc-rd-acc__item > summary{
  display:flex;align-items:center;gap:var(--sp-3);cursor:pointer;list-style:none;
  padding:var(--sp-4) var(--sp-5);
  font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);color:var(--rd-ink);
}
.gc-rd-acc__item > summary::-webkit-details-marker{display:none;}
.gc-rd-acc__item > summary:hover,.gc-rd-acc__item > summary.is-hover{color:var(--rd-orange-bright);}
.gc-rd-acc__icon{
  width:20px;height:20px;flex:none;fill:none;stroke:var(--rd-orange);
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.gc-rd-acc__label{flex:1 1 auto;min-width:0;}
.gc-rd-acc__hint{
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-acc__chev{
  width:16px;height:16px;flex:none;fill:none;stroke:var(--rd-ink-muted);
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;
}
.gc-rd-acc__item[open] .gc-rd-acc__chev,.gc-rd-acc__item.is-open .gc-rd-acc__chev{transform:rotate(180deg);}
.gc-rd-acc__body{padding:0 var(--sp-5) var(--sp-5);color:var(--rd-ink-body);font-size:var(--fs-body);line-height:1.65;}
.gc-rd-acc__body > :first-child{margin-top:0;}
.gc-rd-acc__body > :last-child{margin-bottom:0;}

/* ---------- 12. segmentový prepínač (výber hry) ---------- */
.gc-rd-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-3);}
.gc-rd-seg--wrap{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.gc-rd-seg__opt{
  display:flex;align-items:center;gap:var(--sp-3);text-align:left;
  padding:var(--sp-3) var(--sp-4);border-radius:var(--rd-r-sm);
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);
  color:var(--rd-ink-body);cursor:pointer;width:100%;
  font-family:var(--font-body);
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.gc-rd-seg__opt:hover,.gc-rd-seg__opt.is-hover{border-color:var(--rd-border-strong);background:var(--rd-panel-3);}
.gc-rd-seg__opt.is-active{
  background:var(--rd-green-tint);border-color:var(--rd-green-line);color:var(--rd-ink);
  box-shadow:var(--rd-inner-light),var(--rd-glow-green);
}
.gc-rd-seg__opt[disabled],.gc-rd-seg__opt.is-disabled{opacity:.4;cursor:not-allowed;}
.gc-rd-seg__icon{width:28px;height:28px;flex:none;display:block;fill:none;stroke:var(--rd-ink-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-seg__opt.is-active .gc-rd-seg__icon{stroke:var(--rd-green-bright);}
.gc-rd-seg__label{display:block;font-family:var(--font-display);font-size:19px;letter-spacing:.03em;text-transform:uppercase;line-height:1.05;color:var(--rd-ink);}
/* --rd-ink-faint dalo na paneli len 3,38:1 (WCAG AA chce 4,5:1) — Fáza 6 */
.gc-rd-seg__sub{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);margin-top:2px;}
/* kompaktný variant (prepínač bez ikonky) */
.gc-rd-seg--compact{display:inline-flex;gap:0;padding:3px;background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);border-radius:var(--rd-r-sm);}
.gc-rd-seg--compact .gc-rd-seg__opt{
  width:auto;justify-content:center;padding:7px 16px;background:none;border:0;border-radius:var(--rd-r-xs);
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-seg--compact .gc-rd-seg__opt.is-active{background:var(--rd-green-tint);color:var(--rd-green-bright);box-shadow:none;}
.gc-rd-seg--compact .gc-rd-seg__opt:hover:not(.is-active){background:rgba(244,231,212,.05);color:var(--rd-ink);}

/* ---------- 13. filtračné taby (novinky.png) ---------- */
.gc-rd-tabs{display:flex;flex-wrap:wrap;gap:var(--sp-5);align-items:center;}
.gc-rd-tab{
  background:none;border:0;padding:6px 0;cursor:pointer;
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--rd-ink-muted);
  border-bottom:var(--rd-bw-2) solid transparent;
  transition:color .18s ease, border-color .18s ease;
}
.gc-rd-tab:hover,.gc-rd-tab.is-hover{color:var(--rd-ink);}
.gc-rd-tab.is-active{color:var(--rd-ink);border-bottom-color:var(--rd-orange);}

/* ---------- 14. zoznam s ikonkovým kruhom („Rýchle oznamy") ---------- */
.gc-rd-ilist{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-rd-ilist__item{
  display:flex;gap:var(--sp-3);align-items:flex-start;
  padding:var(--sp-3) var(--sp-4);border-radius:var(--rd-r-sm);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-ilist__icon{
  width:38px;height:38px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--rd-orange-tint);border:var(--rd-bw) solid rgba(166,85,31,.5);
}
.gc-rd-ilist__icon svg{width:18px;height:18px;fill:none;stroke:var(--rd-orange-bright);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-ilist__item--green .gc-rd-ilist__icon{background:rgba(79,93,54,.35);border-color:rgba(125,138,87,.5);}
.gc-rd-ilist__item--green .gc-rd-ilist__icon svg{stroke:var(--rd-green-bright);}
.gc-root .gc-rd-ilist__title{
  margin:0;font-family:var(--font-body);font-weight:700;font-size:var(--fs-sm);
  letter-spacing:.04em;text-transform:uppercase;color:var(--rd-orange-bright);
}
.gc-rd-ilist__item--green .gc-rd-ilist__title{color:var(--rd-green);}
.gc-rd-ilist__meta{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--rd-ink-body);}
.gc-rd-ilist__desc{margin:2px 0 0;font-size:var(--fs-sm);color:var(--rd-ink-muted);line-height:1.5;}

/* ---------- 15. drobnosti ---------- */
.gc-rd-kv{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--rd-bw) solid var(--rd-line);}
.gc-rd-kv:last-child{border-bottom:0;}
.gc-rd-kv__k{font-size:var(--fs-sm);color:var(--rd-ink-muted);}
.gc-rd-kv__v{font-family:var(--font-mono);font-weight:600;color:var(--rd-green);font-variant-numeric:tabular-nums;}
.gc-rd-empty{
  display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;
  padding:var(--sp-7) var(--sp-5);border-radius:var(--rd-r);
  background:var(--rd-panel);border:var(--rd-bw) dashed var(--rd-border-strong);color:var(--rd-ink-muted);
}

@media (max-width:680px){
  .gc-rd-wrap{padding:0 var(--sp-4);}
  .gc-rd-panel__body,.gc-rd-panel__head,.gc-rd-panel__foot{padding-left:var(--sp-4);padding-right:var(--sp-4);}
  .gc-rd-card{padding:var(--sp-4);}
  .gc-rd-metric{padding:var(--sp-3) var(--sp-4);}
  .gc-rd-seg{grid-auto-flow:row;grid-auto-columns:auto;}
  .gc-rd-tabs{gap:var(--sp-4);}
}

/* ---------- 16. navigácia (Fáza 2, zarovnanie Fáza 3c) ----------
   Tmavý pás (.gc-nav — pozičný hák z hornej časti súboru) ide cez celú
   šírku okna, ale jeho VNÚTRO sa drží presne toho istého kontajnera ako
   obsah stránok (.gc-rd-wrap: --maxw-wide + padding --sp-5). Značka tak
   stojí na pixel nad začiatkom nadpisu v hero sekcii a Discord CTA končí
   na pravom okraji toho istého stĺpca.

   Vo Fáze 2/3b bolo vnútro od kraja po kraj (--nav-pad) a blok odkazov
   vycentrovaný v strednom stĺpci — značka pribitá o ~460px vľavo od
   nadpisu pôsobila rozpadnuto. Teraz sú odkazy zarovnané doľava, hneď
   za značkou. --nav-pad ostáva, používa ho už len mobilná verzia nižšie.
   Breakpoint na burger je 1080px. */
.gc-rd-nav-inner{
  --nav-pad:clamp(20px,4vw,64px);
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:var(--sp-4);height:var(--nav-h);
  max-width:var(--maxw-wide);margin:0 auto;padding:0 var(--sp-5);
}

/* -- značka vľavo -- */
.gc-rd-nav-brand{display:flex;align-items:center;gap:var(--sp-3);flex:none;min-width:0;}
.gc-rd-nav-brand__mark{width:36px;height:36px;flex:none;transition:transform .2s ease;}
.gc-rd-nav-brand:hover .gc-rd-nav-brand__mark{transform:scale(1.06);}
.gc-rd-nav-brand__hex{fill:rgba(232,132,60,.08);stroke:var(--rd-orange-line);stroke-width:1.5;}
.gc-rd-nav-brand__skull{fill:var(--rd-ink);}
.gc-rd-nav-brand__eye{fill:var(--rd-bg);}
.gc-rd-nav-brand__text{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.gc-root .gc-rd-nav-brand__title{
  font-family:var(--font-display);font-size:19px;letter-spacing:.03em;
  text-transform:uppercase;color:var(--rd-ink);white-space:nowrap;
}
.gc-rd-nav-brand__sub{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  /* --rd-ink-faint dávalo na lište len 4,13:1 (WCAG AA chce 4,5:1) */
  color:var(--rd-ink-muted);margin-top:2px;white-space:nowrap;
}

/* -- burger (len mobil) -- */
.gc-rd-nav-burger{
  display:none;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:42px;height:38px;border-radius:var(--rd-r-sm);
  background:rgba(244,231,212,.03);border:var(--rd-bw) solid var(--rd-border-strong);color:var(--rd-ink);
}
.gc-rd-nav-burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease, opacity .2s ease;}
#gc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
#gc-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
#gc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* -- menu (zoznam + Discord CTA) --
   Na desktope je obal priehľadný pre layout (display:contents), takže
   zoznam aj CTA sú priamo bunkami mriežky .gc-rd-nav-inner. V mobile sa
   z neho zase stane bežný rozbaľovací panel (nižšie v @media). */
.gc-rd-nav-menu{display:contents;}
.gc-rd-nav-list{display:flex;align-items:center;justify-content:flex-start;gap:2px;flex-wrap:nowrap;grid-column:2;}
.gc-rd-nav-cta{grid-column:3;justify-self:end;}

.gc-rd-nav-link{
  position:relative;display:flex;align-items:center;gap:5px;
  padding:8px 9px;border-radius:var(--rd-r-sm);border:0;
  font-family:var(--font-body);font-size:12px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  color:var(--rd-ink-muted);background:none;cursor:pointer;
  transition:color .18s ease, background .18s ease;
}
.gc-rd-nav-icon{width:14px;height:14px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-nav-link::after{
  content:"";position:absolute;left:9px;right:9px;bottom:1px;height:2px;
  background:transparent;border-radius:1px;transition:background .18s ease;
}
.gc-rd-nav-link:hover{color:var(--rd-ink);background:rgba(244,231,212,.04);}
.gc-rd-nav-link:hover::after{background:rgba(232,132,60,.35);}
.gc-rd-nav-link.is-active{color:var(--rd-orange-bright);}
.gc-rd-nav-link.is-active::after{background:var(--rd-orange);}

/* -- dropdowny (Nástroje, Sprievodca, Komunita) --
   Nástroje boli do Fázy 3b trvalá vyplnená oranžová pilulka
   (.gc-rd-nav-link--pill podľa "KALKULAČKY" na taming.png). Farba má byť
   signál, nie ozdoba — položka je teraz bežný odkaz s dropdownom
   (Taming / Breeding kalkulačka), pravidlá pilulky sú odstránené. */
.gc-rd-nav-drop{position:relative;}
.gc-rd-nav-drop__btn .gc-rd-nav-icon:last-child{width:11px;height:11px;margin-left:1px;transition:transform .18s ease;}
.gc-rd-nav-drop__btn[aria-expanded="true"] .gc-rd-nav-icon:last-child{transform:rotate(180deg);}
.gc-rd-nav-drop__btn[aria-expanded="true"]{color:var(--rd-ink);background:rgba(244,231,212,.04);}
.gc-rd-nav-drop__panel{
  position:absolute;top:calc(100% + 10px);left:0;z-index:50;min-width:210px;
  display:flex;flex-direction:column;gap:2px;padding:var(--sp-2);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);border-radius:var(--rd-r);
  box-shadow:var(--rd-inner-light),var(--rd-shadow);
}
.gc-rd-nav-drop__panel[hidden]{display:none;}
.gc-rd-nav-drop--right .gc-rd-nav-drop__panel{left:auto;right:0;}
.gc-rd-nav-drop__panel a{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--rd-r-xs);
  font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--rd-ink-body);white-space:nowrap;
  transition:background .15s ease, color .15s ease;
}
.gc-rd-nav-drop__panel a .gc-rd-nav-icon{color:var(--rd-ink-muted);}
.gc-rd-nav-drop__panel a:hover,.gc-rd-nav-drop__panel a:focus-visible{background:rgba(244,231,212,.05);color:var(--rd-ink);}
.gc-rd-nav-drop__panel a.is-active{color:var(--rd-orange-bright);}
.gc-rd-nav-drop__panel a.is-active .gc-rd-nav-icon{color:var(--rd-orange-bright);}

/* -- jazykový prepínač (Fáza 5a i18n) --
   Vlastný .gc-rd-nav-drop (gc-rd-nav-drop--right + gc-rd-nav-lang) — namiesto
   gc_nav_icon() nesie gc_flag_icon(), na tlačidle kód jazyka ("SK"), v paneli
   natívny názov. Vlajka nikdy sama (plán): vždy vedľa textu. */
.gc-rd-nav-lang .gc-rd-nav-drop__btn{gap:6px;}
.gc-rd-nav-flag{width:18px;height:12px;flex:none;border-radius:2px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.3);}
.gc-rd-nav-drop__panel a .gc-rd-nav-flag{width:20px;height:14px;}

/* -- Discord CTA -- */
.gc-rd-nav-cta{
  display:inline-flex;align-items:center;gap:8px;flex:none;
  padding:9px 18px;border-radius:var(--rd-r-sm);
  background:linear-gradient(180deg,var(--rd-orange-deep),var(--rd-orange-deep-2));
  border:var(--rd-bw) solid var(--rd-orange-line);color:#FFF3E6;
  font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease;
}
.gc-rd-nav-cta:hover{
  background:linear-gradient(180deg,#94491A,var(--rd-orange-deep));
  border-color:var(--rd-orange);box-shadow:var(--rd-inner-light),var(--rd-glow-orange);transform:translateY(-1px);
}

/* Burger sa od Fázy 3c zapína pri 1279px (dovtedy 1080px). Vnútro nav je
   teraz zovreté do --maxw-wide (92vw) namiesto plnej šírky okna, takže má
   na odkazy o ~48px menej miesta, a Nástrojom pribudol chevron dropdownu.
   Namerané: pri 1280px ostáva medzi posledným odkazom a Discord CTA 64px
   rezerva, pri 1200px by odkazy CTA prekryli o 9,5px. */
@media (max-width:1279px){
  /* mobil: pás aj jeho vnútro idú od kraja po kraj (rozbaľovací panel
     .gc-rd-nav-menu je absolútne pozicovaný voči .gc-rd-nav-inner, takže
     by sa pri centrovanom kontajneri odsadil od okrajov okna) */
  .gc-rd-nav-inner{display:flex;justify-content:space-between;max-width:none;padding:0 var(--nav-pad);}
  .gc-rd-nav-burger{display:flex;}
  .gc-rd-nav-menu{
    position:absolute;top:100%;left:0;right:0;z-index:90;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    background:var(--rd-bg-deep);border-bottom:var(--rd-bw) solid var(--rd-border);
    max-height:0;overflow:hidden;transition:max-height .3s ease;
  }
  .gc-rd-nav-menu.gc-open{max-height:calc(100vh - var(--nav-h));overflow-y:auto;}
  .gc-rd-nav-list{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:var(--sp-3) 0;}
  .gc-rd-nav-link{width:100%;padding:14px var(--nav-pad);border-radius:0;}
  .gc-rd-nav-link::after{display:none;}
  .gc-rd-nav-link.is-active{background:rgba(232,132,60,.08);}
  /* dropdowny sa v mobile menu správajú ako akordeón — panel sa rozbalí
     v mieste (position:static), nie ako plávajúce okno */
  .gc-rd-nav-drop__panel{
    position:static;min-width:0;margin:0 0 var(--sp-2);padding:0 0 0 var(--sp-3);
    background:transparent;border:0;box-shadow:none;
  }
  .gc-rd-nav-drop__panel a{padding:11px var(--nav-pad);}
  .gc-rd-nav-cta{width:calc(100% - (var(--nav-pad) * 2));justify-content:center;margin:var(--sp-2) var(--nav-pad) var(--sp-4);}
}

/* ---------- 17. pätička (Fáza 2) ----------
   Predloha na pätičku neexistuje — poskladaná z komponentov Fázy 1.
   Drží sa --maxw-wide (na rozdiel od nav, ktorá je od kraja po kraj). */
.gc-rd-footer{
  position:relative;margin-top:var(--sp-8);padding:var(--sp-8) 0 var(--sp-6);
  background:linear-gradient(180deg,var(--rd-panel),var(--rd-bg-deep));
  border-top:var(--rd-bw) solid var(--rd-border);
}
.gc-rd-footer-cta{
  display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;
  padding:var(--sp-6);margin-bottom:var(--sp-6);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);border-radius:var(--rd-r-lg);
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-rd-footer-cta__mark{width:52px;height:52px;flex:none;}
.gc-rd-footer-cta__text{flex:1 1 320px;min-width:220px;}
.gc-rd-footer-cta__text .gc-rd-title{margin-bottom:6px;}
.gc-rd-footer-cta__text .gc-rd-text{max-width:58ch;color:var(--rd-ink-muted);}
.gc-rd-footer-cta .gc-rd-btn{flex:none;}

.gc-rd-footer-links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2) var(--sp-5);
  padding-bottom:var(--sp-6);margin-bottom:var(--sp-6);border-bottom:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-footer-links a{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rd-ink-muted);transition:color .18s ease;
}
.gc-rd-footer-links a:hover{color:var(--rd-orange-bright);}

.gc-rd-footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-3);
  font-family:var(--font-mono);font-size:12px;color:var(--rd-ink-muted);
}
.gc-rd-footer-social{display:flex;gap:var(--sp-4);}
.gc-rd-footer-social a{color:var(--rd-ink-muted);transition:color .18s ease;}
.gc-rd-footer-social a:hover{color:var(--rd-orange-bright);}

@media (max-width:680px){
  .gc-rd-footer-cta{flex-direction:column;text-align:center;padding:var(--sp-5);}
  .gc-rd-footer-cta .gc-rd-btn{width:100%;}
  .gc-rd-footer-bottom{flex-direction:column;text-align:center;}
}

/* ---------- 18. hero domovskej stránky (Fáza 3) ----------
   Podľa `hlavna stranka.png`: obrázok ide cez celú šírku pásu a doľava
   sa pretápa do pozadia stránky, text sedí v ľavej štvrtine (tá je
   v zdrojovom obrázku zámerne tmavá a prázdna). Pás je nízky (~3.4:1),
   nie na celú výšku okna ako starý .gc-hero. */
.gc-rd-hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(400px,34vw,500px);
  background:var(--rd-bg-deep);
}
/* fixná nav v .gc-mode-full prekrýva obsah — hero si drží jej výšku */
.gc-mode-full .gc-nav + .gc-rd-hero,
.gc-mode-full .gc-announce + .gc-rd-hero{margin-top:var(--nav-h);}

.gc-rd-hero__media{position:absolute;inset:0;z-index:-1;}
.gc-rd-hero__media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;}
/* dva prekryvy: horizontálny (text vľavo) a spodný (šev na ďalšiu sekciu) */
.gc-rd-hero__media::before,
.gc-rd-hero__media::after{content:"";position:absolute;inset:0;pointer-events:none;}
.gc-rd-hero__media::before{
  background:linear-gradient(90deg,
    var(--rd-bg) 0%, rgba(11,12,10,.93) 17%, rgba(11,12,10,.62) 32%, rgba(11,12,10,.16) 48%, transparent 64%);
}
.gc-rd-hero__media::after{
  background:linear-gradient(180deg, rgba(11,12,10,.55) 0%, transparent 26%, transparent 68%, var(--rd-bg) 100%);
}

.gc-rd-hero__inner{position:relative;z-index:1;padding-top:var(--sp-6);padding-bottom:var(--sp-7);}
/* text nesmie zasahovať do T-Rexa (v predlohe končí zhruba na 36 % šírky) */
.gc-rd-hero__body{max-width:min(42ch,42%);}
.gc-root .gc-rd-hero__title{
  font-size:clamp(46px,7vw,92px);line-height:.9;letter-spacing:.01em;
  color:var(--rd-ink);margin:0;
  text-shadow:0 3px 0 rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.55);
}
.gc-rd-hero__title span{color:var(--rd-ink);}
/* krátka čiarka pod nadpisom (predloha) */
.gc-rd-hero__rule{display:block;width:56px;height:3px;background:var(--rd-ink-muted);margin:var(--sp-4) 0 var(--sp-5);border-radius:2px;}
.gc-rd-hero__lede{
  margin:0;font-size:clamp(15px,1.25vw,17px);line-height:1.62;color:var(--rd-ink-body);
  text-shadow:0 1px 8px rgba(0,0,0,.6);
}
.gc-rd-hero__lede strong{color:var(--rd-ink);font-weight:600;}
/* tri tlačidlá musia byť vedľa seba aj keď je hero__body (text) úzky —
   šírka riadku sa preto neriadi percentom úzkeho rodiča (to by ju ešte
   zúžilo), ale vlastným obsahom (width:max-content), s vlastným vw-based
   stropom, aby nešla za viditeľnú/tmavú časť podkladu. .gc-rd-hero má
   overflow:hidden, ale hero__body/hero__inner nie, takže box môže vizuálne
   presiahnuť úzky rodičovský stĺpec bez orezania. */
.gc-rd-hero__actions{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6);
  width:max-content;max-width:min(60vw,700px);
}

@media (max-width:1080px){
  .gc-rd-hero__body{max-width:min(44ch,58%);}
  .gc-rd-hero__media img{object-position:78% 50%;}
  .gc-rd-hero__actions{max-width:min(88vw,700px);}
}
@media (max-width:760px){
  .gc-rd-hero{min-height:0;}
  .gc-rd-hero__inner{padding-top:var(--sp-7);padding-bottom:var(--sp-7);}
  .gc-rd-hero__body{max-width:none;}
  .gc-rd-hero__media img{object-position:70% 50%;}
  /* na mobile obrázok nesmie súperiť s textom — stlmí sa a text ide cezeň */
  .gc-rd-hero__media::before{
    background:linear-gradient(180deg, rgba(11,12,10,.72) 0%, rgba(11,12,10,.9) 55%, var(--rd-bg) 100%);
  }
  .gc-rd-hero__actions{width:auto;max-width:none;}
  .gc-rd-hero__actions .gc-rd-btn{flex:1 1 100%;}
}

/* ---------- 19. horný blok domovskej stránky (Fáza 3) ----------
   Metriky + karty hier + panel „Aktuálne v komunite" na jednom
   tmavom podklade, tak ako na predlohe. */
.gc-rd-hometop{position:relative;background:var(--rd-bg);padding:0 0 var(--sp-8);}
/* Jedna mriežka pre celý blok: 3 karty hier + panel vpravo (predloha má
   panel o čosi širší). Pruh metrík je v prvom riadku a — rovnako ako na
   predlohe — siaha len po pravý okraj tretej karty, nie pod panel. */
.gc-rd-hometop__grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.14fr;
  gap:var(--sp-5);
  /* stretch: karty hier dorastú do výšky panela a ich tlačidlá sa
     zarovnajú na spoločnú linku (na predlohe končí všetko naraz) */
  align-items:stretch;
}
/* Pruh metrík čiastočne prekrýva spodok hero pásu (predloha).
   Predloha ho končí na pravom okraji tretej karty, ale mala 4 metriky a
   hero obrázok pokračoval vpravo za ním. My máme 5 metrík (pribudol reálny
   uptime) a hero je samostatný pás — pruh preto ide cez celú šírku
   mriežky: inak by vpravo od neho ostala prázdna diera a popisky by sa
   lámali do dvoch riadkov. */
.gc-rd-hometop .gc-rd-metrics{
  grid-column:1 / -1;grid-row:1;
  position:relative;margin-top:calc(var(--sp-7) * -1);z-index:2;
}
.gc-rd-hometop .gc-rd-metric{padding:var(--sp-4) var(--sp-5);}
.gc-rd-hometop .gc-rd-metric__label{letter-spacing:.09em;}
/* riadok 2 patrí nadpisu „Naše servery" (Fáza 3d), karty sú v treťom */
.gc-rd-hometop .gc-rd-gcard{grid-row:3;}
.gc-rd-hometop .gc-rd-community{grid-column:4;grid-row:3;}

/* -- karta hry -- */
.gc-rd-gcard{
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gc-rd-gcard:hover{
  border-color:var(--rd-border-strong);transform:translateY(-3px);
  box-shadow:var(--rd-inner-light),var(--rd-shadow);
}
/* Hlavička karty = SKUTOČNÉ logo hry (Fáza 3b, prekreslené vo Fáze 3c).
   Logá sú vyrezané z podkladov v source-assets/Logo (čierna → alfa), takže
   sedia na ľubovoľne tmavom podklade. Tri logá nie sú rovnaký typ značky
   a nezjednocujú sa nasilu — je to Samuelovo vedomé rozhodnutie:
     ARK (obe verzie) = len znak (trojuholník / metalické „A") a názov hry
       je VYSÁDZANÝ (display font „ARK" + mono podtitul edície), presne
       ako na predlohe `hlavna stranka.png`;
     Conan = celý wordmark vrátane spodnej časti „ENHANCED" — edíciu teda
       nesie samotné logo a textový riadok vedľa neho žiadny nie je.
   Zjednocuje sa OPTICKÁ váha, nie výška: oba typy dostanú rovnako vysoký
   slot (--gcard-mark-h), takže riadky stavu pod hlavičkami všetkých troch
   kariet sedia na tej istej výške. */
.gc-rd-gcard__head{
  --gcard-mark-h:58px;   /* výška ARK znaku */
  --gcard-head-h:72px;   /* spoločná výška obsahu hlavičky pre všetky karty */
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-5) var(--sp-5) var(--sp-3);
  min-height:calc(var(--gcard-head-h) + var(--sp-5) + var(--sp-3));
}
.gc-rd-gcard__mark{
  display:block;flex:none;width:auto;height:var(--gcard-mark-h);max-width:78px;
  object-fit:contain;object-position:left center;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}
/* Conan wordmark je široký (2,1:1) a nemá vedľa seba žiadny text, tak
   dostane celú výšku hlavičky — inak by pôsobil opticky ľahšie než dvojica
   znak + vysádzaný názov na ARK kartách. */
.gc-rd-gcard__wordmark{
  display:block;width:auto;height:var(--gcard-head-h);max-width:100%;
  object-fit:contain;object-position:left center;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}
.gc-rd-gcard__names{display:flex;flex-direction:column;gap:2px;min-width:0;}
.gc-rd-gcard__name{
  font-family:var(--font-display);font-size:26px;line-height:1;
  letter-spacing:.05em;text-transform:uppercase;color:var(--rd-ink);
}
.gc-rd-gcard__sub{
  display:block;margin:0;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rd-ink-muted);white-space:nowrap;
}
/* riadok stav + počet hráčov */
.gc-rd-gcard__stat{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
  padding:0 var(--sp-5) var(--sp-4);
}
.gc-rd-gcard__players{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--rd-ink-muted);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.gc-rd-gcard__picon{width:16px;height:16px;flex:none;fill:currentColor;stroke:none;}
.gc-rd-gcard__players b{color:var(--rd-ink);font-weight:600;}
/* Obrázok ide od kraja po kraj karty (Fáza 3b) — vsadený rámik s okrajmi
   robil z veľkého herného vizuálu malý náhľad. flex:1 — pri rovnakej výške
   kariet (align-items:stretch) prebytočnú výšku dostane obrázok. */
.gc-rd-gcard__media{
  position:relative;flex:1 1 auto;aspect-ratio:16/9;overflow:hidden;
  border-top:var(--rd-bw) solid var(--rd-line);border-bottom:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-gcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.gc-rd-gcard:hover .gc-rd-gcard__media img{transform:scale(1.04);}
.gc-rd-gcard__foot{padding:var(--sp-4) var(--sp-5) var(--sp-5);margin-top:auto;}

/* -- panel „Aktuálne v komunite" -- */
.gc-rd-community{display:flex;flex-direction:column;}
/* predloha tu deliacu čiaru pod nadpisom nemá */
.gc-rd-community .gc-rd-panel__head{border-bottom:0;padding-bottom:0;}
.gc-rd-community .gc-rd-panel__body{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 auto;}
.gc-rd-community__foot .gc-rd-link{display:flex;width:100%;justify-content:space-between;}
.gc-rd-community__media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--rd-r-sm);border:var(--rd-bw) solid var(--rd-line);}
.gc-rd-community__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.gc-rd-community__media:hover img{transform:scale(1.04);}
.gc-root .gc-rd-community__title{
  font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1.35;
  color:var(--rd-ink);margin:0;text-transform:none;letter-spacing:0;
}
.gc-rd-community__text{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--rd-ink-muted);}
.gc-rd-community__foot{margin-top:auto;padding-top:var(--sp-3);}

/* -- zalamovanie -- */
@media (max-width:1180px){
  /* dve karty vedľa seba; metriky aj panel sa vrátia do automatického toku */
  .gc-rd-hometop__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gc-rd-hometop .gc-rd-metrics{grid-column:1 / -1;}
  .gc-rd-hometop__head{grid-row:auto;}
  .gc-rd-hometop .gc-rd-gcard{grid-row:auto;}
  .gc-rd-hometop .gc-rd-community{grid-column:auto;grid-row:auto;}
}
@media (max-width:680px){
  .gc-rd-hometop__grid{grid-template-columns:minmax(0,1fr);}
  .gc-rd-hometop .gc-rd-metrics{margin-top:0;}
  .gc-rd-gcard__head,.gc-rd-gcard__stat,.gc-rd-gcard__foot{padding-left:var(--sp-4);padding-right:var(--sp-4);}
}

/* skupina serverov, na ktorú karta hry odkazuje — kotva sa nesmie
   schovať pod fixnú nav */
.gc-game-group{scroll-margin-top:calc(var(--nav-h) + var(--sp-5));}

/* ---------- 20. dlaždica mapy + prekryvné okno (Fáza 3d) ----------
   Karta hry otvára okno so zoznamom máp danej hry; dlhý zoznam 23 serverov
   sa z viditeľnej časti domovskej stránky stráca (v HTML ostáva kvôli SEO
   a návštevníkom bez JS — skrýva ho až JS). Tie isté dlaždice slúžia obom
   pohľadom, `wireMapsModal()` ich medzi nimi presúva. */

/* -- nadpis bloku kariet hier (cieľ odkazu „Servery" v nav aj v pätičke) -- */
.gc-rd-hometop__head{
  grid-column:1 / -1;grid-row:2;padding-top:var(--sp-3);
  scroll-margin-top:calc(var(--nav-h) + var(--sp-5));
}
.gc-rd-hometop__lede{
  margin:var(--sp-2) 0 0;font-size:var(--fs-body);line-height:1.6;
  color:var(--rd-ink-muted);max-width:74ch;
}

/* -- dlaždica jednej mapy -- */
/* min-width:0 na celom reťazci: `.gc-rd-map__full` a IP sú `white-space:nowrap`,
   takže bez toho by ich min-content šírka roztiahla dlaždicu — a cez ňu aj celé
   okno — nad šírku obrazovky (prejavilo sa to pri 390 px) */
.gc-rd-map{
  position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;
  min-height:200px;border-radius:var(--rd-r);
  border:var(--rd-bw) solid var(--rd-border);background:var(--rd-panel-2);
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.gc-rd-map:hover{
  border-color:var(--rd-border-strong);transform:translateY(-2px);
  box-shadow:var(--rd-inner-light),var(--rd-shadow);
}
/* Obrázok mapy je PODKLAD, nie obsah — preto absolútne pod textom a pod
   tmavým prekryvom. Ak súbor chýba, JS `onerror` <img> odstráni a ostane
   len tmavé pozadie dlaždice; nič sa nerozbije. */
.gc-rd-map__media{position:absolute;inset:0;overflow:hidden;}
.gc-rd-map__media img{
  width:100%;height:100%;object-fit:cover;opacity:.85;
  transition:opacity .3s ease, transform .45s ease;
}
.gc-rd-map:hover .gc-rd-map__media img{opacity:1;transform:scale(1.04);}
/* Text pokrýva takmer celú dlaždicu, takže prekryv musí byť skoro rovnomerný
   (dole silnejší kvôli IP a tlačidlu). Obrázok je aj tak už stmavený pri
   spracovaní — rovnaký grading ako karty hier. */
.gc-rd-map::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,12,10,.38),rgba(11,12,10,.64) 42%,rgba(11,12,10,.89));
}
.gc-rd-map__inner{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-3);
  padding:var(--sp-4);flex:1 1 auto;min-width:0;
}
.gc-rd-map__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);min-width:0;}
.gc-rd-map__top > .gc-rd-map__name{min-width:0;}
/* .gc-root prefix je nutný — staré `.gc-root h1,h2,h3` má vyššiu špecificitu */
.gc-root .gc-rd-map__name{
  font-family:var(--font-display);font-size:20px;line-height:1.05;letter-spacing:.04em;
  text-transform:uppercase;color:var(--rd-ink);margin:0;text-shadow:0 2px 6px rgba(0,0,0,.8);
}
/* drobné mono riadky ležia nad obrázkom — tieň drží čitateľnosť aj nad
   svetlejším miestom mapy (prekryv sám na to pri 11px nestačí) */
.gc-rd-map__full{
  margin:calc(var(--sp-2) * -1) 0 0;font-family:var(--font-mono);font-size:11px;line-height:1.4;
  color:var(--rd-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.9);
}
/* „+ Isle of Siptah" — jediná dlaždica so spojenou mapou (Fáza 8a).
   Rovnaký rez ako .gc-rd-map__full, len zelený akcent (je to bonus, nie
   len opakovanie fullName) a nad ním, keďže sa nemôže s ním zraziť. */
.gc-rd-map__linked{
  margin:calc(var(--sp-2) * -1) 0 0;font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.02em;color:var(--rd-green-bright);text-shadow:0 1px 3px rgba(0,0,0,.9);
  cursor:help;
}
.gc-rd-map__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);}
.gc-rd-map__players{
  font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--rd-ink-body);
  font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9);
}
/* chip typu (PvE/PvP) potrebuje nad obrázkom vlastný tmavý podklad */
.gc-rd-map .gc-rd-chip{background:rgba(7,8,6,.66);}
/* dlhé popisky („Pripojiť (príkaz do konzoly)") sa v úzkej dlaždici zalomia */
.gc-rd-map__join{white-space:normal;line-height:1.25;text-align:center;}
.gc-rd-map__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);}
/* IP:port je sekundárny detail — drobné mono pod tlačidlom, nie hlavný prvok */
.gc-rd-map__ip{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin:0;
  font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);
  text-shadow:0 1px 3px rgba(0,0,0,.9);
}
.gc-rd-map__ip > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.gc-rd-map__copy{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:none;border:0;padding:5px;border-radius:var(--rd-r-xs);color:var(--rd-ink-muted);
  transition:color .15s ease, background .15s ease;
}
.gc-rd-map__copy:hover{color:var(--rd-green-bright);background:rgba(143,160,92,.14);}
/* stavová pilulka na dlaždici má tmavý podklad — text leží nad obrázkom */
.gc-rd-map .gc-status-pill{
  flex:none;padding:4px 9px;border-radius:var(--rd-r-pill);
  background:rgba(7,8,6,.72);border:var(--rd-bw) solid var(--rd-border);
}

/* -- prekryvné okno -- */
.gc-rd-modal{
  position:fixed;inset:0;z-index:280;                 /* .gc-copy-toast má 300 */
  display:flex;align-items:center;justify-content:center;padding:var(--sp-5);
}
.gc-rd-modal[hidden]{display:none;}
.gc-rd-modal__backdrop{position:absolute;inset:0;background:rgba(5,6,5,.8);backdrop-filter:blur(5px);}
.gc-rd-modal__dialog{
  position:relative;display:flex;flex-direction:column;
  width:min(1180px,100%);min-width:0;max-height:min(88vh,920px);
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border-strong);
  border-radius:var(--rd-r-lg);box-shadow:var(--rd-shadow-lg);overflow:hidden;
  animation:gcModalIn .2s ease-out both;
}
@keyframes gcModalIn{from{opacity:0;transform:translateY(10px) scale(.985);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){.gc-rd-modal__dialog{animation:none;}}
.gc-rd-modal__head{
  display:flex;align-items:center;gap:var(--sp-4);flex:none;
  padding:var(--sp-4) var(--sp-5);border-bottom:var(--rd-bw) solid var(--rd-line);
  background:var(--rd-panel-2);
}
.gc-rd-modal__mark{display:flex;align-items:center;flex:none;}
.gc-rd-modal__mark img{
  height:42px;width:auto;max-width:130px;object-fit:contain;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}
.gc-rd-modal__titles{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto;}
.gc-rd-modal__eyebrow{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rd-orange);
}
.gc-rd-modal__close{
  flex:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(244,231,212,.04);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r-sm);color:var(--rd-ink-body);
  transition:color .15s ease, border-color .15s ease, background .15s ease;
}
.gc-rd-modal__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
.gc-rd-modal__close:hover{border-color:var(--rd-orange);color:var(--rd-orange-bright);background:rgba(232,132,60,.1);}
.gc-rd-modal__body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--sp-5);min-width:0;}
.gc-rd-modal__foot{
  flex:none;padding:var(--sp-3) var(--sp-5);border-top:var(--rd-bw) solid var(--rd-line);
  background:var(--rd-panel-2);font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);
}
/* skupina presunutá do okna — jej nadpis nesie hlavička okna */
.gc-rd-modal .gc-game-group{margin-bottom:0;}
.gc-rd-modal .gc-game-group[hidden]{display:none;}
.gc-rd-modal .gc-game-group-label{display:none;}
.gc-rd-modal .gc-server-grid{grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:var(--sp-4);}

/* pozadie sa počas otvoreného okna nescrolluje; --gc-sbw dopĺňa JS, aby
   zmiznutý scrollbar neposunul obsah ani fixnú nav */
body.gc-modal-open{overflow:hidden;padding-right:var(--gc-sbw,0px);}
body.gc-modal-open .gc-nav{padding-right:var(--gc-sbw,0px);}
/* zoznam serverov skrýva výhradne JS — v PHP `hidden` nikdy nie je (SEO) */
#gc-servery-zoznam[hidden]{display:none;}

@media (max-width:640px){
  .gc-rd-modal{padding:0;}
  .gc-rd-modal__dialog{width:100%;height:100%;max-height:100%;border-radius:0;border:0;}
  .gc-rd-modal__head{padding:var(--sp-4);gap:var(--sp-3);}
  .gc-rd-modal__mark img{height:34px;max-width:96px;}
  .gc-rd-modal__body{padding:var(--sp-4);}
  .gc-rd-modal__foot{padding:var(--sp-3) var(--sp-4);}
  .gc-rd-modal .gc-server-grid{grid-template-columns:minmax(0,1fr);}
}

/* ---------- 21. stránka štatistík (Fáza 4a) ----------
   Podľa `statistiky.png`: štyri veľké čísla, rebríček máp vľavo,
   bloková heatmapa vpravo, dole tri menšie karty. Sekcia „Pulz komunity"
   z domovskej stránky (.gc-pulse-*) bola pri tejto fáze odstránená —
   markup aj štýly sú napísané nanovo, nič sa neprenášalo. */
.gc-rd-stats{
  position:relative;background:var(--rd-bg);
  padding:calc(var(--nav-h) + var(--sp-7)) 0 var(--sp-6);
}
/* Fáza 8a: stránka často končí len dvoma krátkymi kartami (trend/aktivita sú
   skryté bez dosť histórie/statsDb) — pôvodných --sp-8 tu + --sp-8 margin-top
   na .gc-rd-footer + --sp-8 jeho padding-top dávalo 192px čistej prázdnoty
   a stránka pôsobila, akoby náhle skončila. Selektor cieli len na pätičku,
   ktorá nasleduje priamo po tejto stránke — iné stránky majú svoj koniec
   nedotknutý. */
.gc-rd-stats + .gc-rd-footer{margin-top:var(--sp-6);}

/* -- hlavička stránky (jediná dominantná vec na prvej obrazovke) -- */
.gc-rd-stats__head{text-align:center;margin-bottom:var(--sp-7);}
.gc-rd-stats__eyebrow{justify-content:center;}
.gc-rd-stats__orn{
  display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-4);
}
.gc-rd-stats__orn i{display:block;width:clamp(60px,10vw,120px);height:1px;background:var(--rd-border-strong);}
.gc-rd-stats__orn svg{
  width:16px;height:11px;fill:none;stroke:var(--rd-ink-muted);stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}

/* -- štyri veľké čísla -- */
.gc-rd-stiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);}
.gc-rd-stile{
  display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-rd-stile[hidden]{display:none;}
/* rovnaká konvencia ako pruh metrík na index.php: zelená = živý údaj,
   neutrálna = historický (rekord) */
.gc-rd-stile__icon{width:36px;height:36px;flex:none;display:block;fill:var(--rd-ink-muted);stroke:none;}
.gc-rd-stile--live .gc-rd-stile__icon{fill:var(--rd-green);}
.gc-rd-stile__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;}
.gc-rd-stile__label{
  font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rd-ink-body);line-height:1.35;
}
/* Fáza 8a: --rd-ink-faint dávalo na tomto podklade len 3,92:1 (AA chce
   4,5:1) — rovnaká pasca ako .gc-rd-sidecard__note/.gc-rd-selmap__eyebrow. */
.gc-rd-stile__hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--rd-ink-muted);}
.gc-rd-stile__num{
  flex:none;margin-left:auto;font-family:var(--font-mono);font-weight:600;
  font-size:clamp(24px,2vw,36px);line-height:1;letter-spacing:-.02em;
  color:var(--rd-ink);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.gc-rd-live{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rd-green);
}
.gc-rd-live__dot{
  width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;
  box-shadow:0 0 8px currentColor;animation:gcPulse 2.4s ease-in-out infinite;
}

/* -- stavová karta pri chýbajúcej histórii -- */
.gc-rd-stats__collect{margin-top:var(--sp-5);padding:var(--sp-5);}
.gc-rd-stats__collect[hidden]{display:none;}
.gc-rd-stats__collect .gc-rd-text{max-width:60ch;}
.gc-rd-stats__collect strong{color:var(--rd-ink);}

/* -- stredný pás: rebríček + heatmapa -- */
.gc-rd-stats__mid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  gap:var(--sp-5);margin-top:var(--sp-5);align-items:stretch;
}
.gc-rd-stats__mid.is-single{grid-template-columns:minmax(0,1fr);}
.gc-rd-stats__mid[hidden]{display:none;}
.gc-rd-stats__mid .gc-rd-panel[hidden]{display:none;}
.gc-rd-stats__mid .gc-rd-panel__head .gc-rd-chip{flex:none;}

/* -- riadok mapy v rebríčku --
   Pozadie riadku je skutočný obrázok mapy (tie isté súbory ako okno
   s mapami z Fázy 3d), decentne prekrytý gradientom sprava, aby čísla
   a tlačidlo ostali čitateľné. */
.gc-rd-strows{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0;list-style:none;}
.gc-rd-strow{
  position:relative;display:flex;align-items:center;gap:var(--sp-4);min-width:0;
  padding:var(--sp-3) var(--sp-4);min-height:88px;overflow:hidden;
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-line);border-radius:var(--rd-r-sm);
  transition:border-color .2s ease;
}
.gc-rd-strow:hover{border-color:var(--rd-border-strong);}
.gc-rd-strow__media{position:absolute;inset:0;z-index:0;}
.gc-rd-strow__media img{width:100%;height:100%;object-fit:cover;display:block;}
.gc-rd-strow__media::after{
  content:"";position:absolute;inset:0;
  /* Fáza 8a: pôvodný "priehľad" v strede (.3-.34 alpha) meral kontrast len
     pre krátke názvy hier — "CONAN EXILES — ENHANCED EDITION" je oveľa
     dlhší a text (.gc-rd-strow__game, 10px) doň zasahoval priamo, nad
     svetlými miestami mapy vyšiel kontrast až 1:1. Zmerané pixel-po-pixeli
     (headless Chrome + vlastný PNG dekodér) proti reálnemu obrázku mapy —
     minimum v strede je teraz .8, nie .3, čo drží pozadie pod textom
     dosť tmavé aj nad najsvetlejšou textúrou v galérii. */
  background:linear-gradient(90deg,
    rgba(11,12,10,.94) 0%, rgba(11,12,10,.86) 40%, rgba(11,12,10,.8) 58%, rgba(11,12,10,.94) 70%, var(--rd-panel-2) 90%);
}
.gc-rd-strow > *:not(.gc-rd-strow__media){position:relative;z-index:1;}
.gc-rd-strow__body{flex:1 1 auto;min-width:0;}
.gc-root .gc-rd-strow__name{
  display:block;font-family:var(--font-display);font-size:23px;letter-spacing:.03em;
  color:var(--rd-ink);text-shadow:0 2px 8px rgba(0,0,0,.8);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.gc-rd-strow__game{
  display:block;margin-top:3px;font-family:var(--font-mono);font-size:10px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;color:var(--rd-green);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.gc-rd-strow__num{
  display:inline-flex;align-items:center;gap:7px;flex:none;
  font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--rd-ink);
}
.gc-rd-strow__num b{font-size:19px;font-weight:600;}
.gc-rd-strow__picon{width:15px;height:15px;flex:none;display:block;fill:var(--rd-ink-muted);stroke:none;}
.gc-rd-strow__join{flex:none;}

/* -- heatmapa v 4-hodinových blokoch -- */
.gc-rd-heat{display:flex;gap:var(--sp-2);align-items:stretch;}
.gc-rd-heat__times{
  display:flex;flex-direction:column;gap:5px;flex:none;
  font-family:var(--font-mono);font-size:10px;color:var(--rd-ink-muted);text-align:right;
}
.gc-rd-heat__times span:not(.gc-rd-heat__head){display:flex;align-items:center;justify-content:flex-end;flex:1 1 0;}
.gc-rd-heat__col{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:5px;
  padding:4px;border:var(--rd-bw) solid transparent;border-radius:var(--rd-r-sm);
}
/* najrušnejší deň dostane rámik — presne ako zvýraznený stĺpec na predlohe */
.gc-rd-heat__col.is-peak{border-color:var(--rd-border-strong);background:rgba(244,231,212,.03);}
.gc-rd-heat__head{
  display:block;height:18px;line-height:18px;text-align:center;
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-heat__col.is-peak .gc-rd-heat__head{color:var(--rd-ink);}
.gc-rd-heat__cell{
  display:block;flex:1 1 0;min-height:26px;border-radius:2px;
  background:rgba(30,28,24,.7);
}
.gc-rd-heat__cell.is-empty{
  background-image:repeating-linear-gradient(45deg, rgba(244,231,212,.05) 0 4px, transparent 4px 8px);
}
.gc-rd-heat__note{margin:var(--sp-3) 0 0;font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);}

/* -- callout „najaktívnejší čas" -- */
.gc-rd-heatnote{
  display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);
  padding:var(--sp-4);border-radius:var(--rd-r-sm);
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);
}
.gc-rd-heatnote[hidden]{display:none;}
.gc-rd-heatnote__icon{width:30px;height:30px;flex:none;display:block;fill:var(--rd-orange);stroke:none;}
.gc-rd-heatnote__val{display:flex;flex-direction:column;gap:4px;flex:none;}
.gc-rd-heatnote__label{
  font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-heatnote__val b{
  font-family:var(--font-display);font-size:22px;letter-spacing:.03em;color:var(--rd-orange-bright);
}
.gc-rd-heatnote__text{
  margin:0;padding-left:var(--sp-4);border-left:var(--rd-bw) solid var(--rd-border);
  font-size:var(--fs-sm);line-height:1.55;color:var(--rd-ink-body);
}

/* -- spodný rad kariet -- */
.gc-rd-stats__bottom{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--sp-5);margin-top:var(--sp-5);
}
.gc-rd-stcard{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-rd-stcard[hidden]{display:none;}
.gc-rd-stcard__head{display:flex;align-items:center;gap:var(--sp-3);}
.gc-rd-stcard__head .gc-rd-title{flex:1 1 auto;}
.gc-rd-stcard__head .gc-rd-title em{
  font-style:normal;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--rd-ink-muted);
}
.gc-rd-stcard__icon{
  width:22px;height:22px;flex:none;display:block;
  fill:none;stroke:var(--rd-green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.gc-rd-stcard__icon--fill{fill:var(--rd-green);stroke:none;}
.gc-rd-stcard__cta{margin-top:auto;align-self:flex-start;}
.gc-rd-stcard__kv{margin-top:var(--sp-1);}
.gc-rd-stcard__kv .gc-rd-kv[hidden]{display:none;}
.gc-rd-stcard__foot{margin-top:auto;}

/* trend: veľká percentuálna zmena + pokojný graf */
.gc-rd-sttrend{display:flex;align-items:center;gap:var(--sp-4);}
.gc-rd-sttrend__delta{
  display:flex;flex-direction:column;gap:2px;flex:none;
  padding-right:var(--sp-4);border-right:var(--rd-bw) solid var(--rd-line);
}
.gc-rd-sttrend__delta[hidden]{display:none;}
.gc-rd-sttrend__delta b{
  font-family:var(--font-mono);font-weight:600;font-size:30px;line-height:1;color:var(--rd-green-bright);
}
.gc-rd-sttrend__delta.is-down b{color:var(--rd-danger);}
.gc-rd-sttrend__delta span{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-sttrend__chart{flex:1 1 auto;min-width:0;}
.gc-rd-sttrend__chart svg{display:block;width:100%;height:96px;}
.gc-rd-sttrend__chart polyline{stroke:var(--rd-green);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.gc-rd-sttrend__chart circle{fill:var(--rd-green-bright);}
.gc-rd-sttrend__note{margin:auto 0 0;font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);}

/* discord karta */
.gc-rd-stdiscord__num{margin:0;color:var(--rd-ink-muted);font-size:var(--fs-sm);}
.gc-rd-stdiscord__num b{
  font-family:var(--font-mono);font-weight:600;font-size:26px;color:var(--rd-ink);
  font-variant-numeric:tabular-nums;margin-right:6px;
}
.gc-rd-stdiscord .gc-rd-status[hidden]{display:none;}

/* noví vs. vracajúci sa */
.gc-rd-stnums{display:flex;gap:var(--sp-6);margin-bottom:var(--sp-3);}
.gc-rd-stnums div{display:flex;flex-direction:column;gap:3px;}
.gc-rd-stnums b{font-family:var(--font-mono);font-weight:600;font-size:26px;line-height:1;color:var(--rd-green-bright);}
.gc-rd-stnums span{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);
}

@media (max-width:1080px){
  .gc-rd-stats__mid{grid-template-columns:minmax(0,1fr);}
  .gc-rd-stiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .gc-rd-stats{padding-top:calc(var(--nav-h) + var(--sp-6));}
  .gc-rd-heatnote{flex-wrap:wrap;gap:var(--sp-3);}
  .gc-rd-heatnote__text{padding-left:0;border-left:0;flex:1 1 100%;}
}
@media (max-width:560px){
  .gc-rd-stiles{grid-template-columns:minmax(0,1fr);}
  .gc-rd-stile{padding:var(--sp-4);}
  .gc-rd-strow{flex-wrap:wrap;min-height:0;}
  .gc-rd-strow__join{flex:1 1 100%;}
  .gc-rd-heat{gap:6px;}
  .gc-rd-heat__times{font-size:9px;}
  .gc-rd-heat__cell{min-height:22px;}
  .gc-rd-sttrend{flex-wrap:wrap;}
  .gc-rd-sttrend__delta{padding-right:0;border-right:0;}
}

/* -- odkaz na štatistiky na domovskej stránke (Fáza 4a) --
   Na mieste bývalej sekcie „Pulz komunity" ostal jeden pokojný riadok. */
.gc-rd-statslink{padding:var(--sp-7) 0;}
.gc-rd-statslink__inner{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;
}
.gc-rd-statslink__inner .gc-rd-text{flex:1 1 420px;max-width:70ch;margin:0;}
@media (max-width:680px){
  .gc-rd-statslink__inner .gc-rd-btn{width:100%;}
}
/* statslink bola doteraz na starej .gc-section--alt (panel bg starej palety) —
   Faza 4b ju odpaja od starych sekciovych tried a farbi priamo. */
.gc-rd-statslink{background:var(--rd-panel);}

/* =========================================================
   REDESIGN 2026 — Fáza 4b: zvyšok domovskej stránky
   Sekcie O nás / Pravidlá / Galéria / Novinky prekreslené do
   komponentov Fázy 1 a zjednotené na --maxw-wide. Staré zdieľané
   triedy (.gc-wrap, .gc-section*, .gc-eyebrow, .gc-pillar,
   .gc-rule*, .gc-board/.gc-note, .gc-game-group*) v tom čase ostávali
   nedotknuté — používali ich aj stránky mimo vtedajšieho rozsahu
   redizajnu (navody.php, podpora.php, eventy.php, nabor.php, novinky.php,
   galeria.php, taming.php). Tieto nové triedy vtedy používal zatiaľ len
   index.php. **Odvtedy (Fázy 5–7) sú navody/novinky/tim/galeria/podpora/
   eventy/nabor/genesis prevedené na .gc-rd-* a .gc-board/.gc-note boli
   ako posledné nepoužívané odstránené (Fáza 7b)** — historický popis
   vyššie sa už netýka aktuálneho stavu, len taming.php ostáva mimo.
   ========================================================= */

/* generická sekcia na --rd-bg/--rd-panel, rovnaký rytmus ako
   stará .gc-section/--alt (108px), len na nových tokenoch */
.gc-rd-section{padding:108px 0;position:relative;background:var(--rd-bg);}
.gc-rd-section--alt{background:var(--rd-panel);}
.gc-rd-sectop{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-6);
}
.gc-rd-sectop .gc-rd-title{flex:1 1 auto;}
.gc-rd-sectop .gc-rd-text{max-width:56ch;color:var(--rd-ink-muted);}
@media (max-width:780px){
  .gc-rd-section{padding:64px 0;}
}

/* -- O nás -- */
.gc-rd-about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-7);align-items:center;}
.gc-rd-about-text p{margin:0 0 var(--sp-4);max-width:56ch;}
.gc-rd-about-text p:last-child{margin-bottom:0;}
@media (max-width:780px){
  .gc-rd-about-grid{grid-template-columns:1fr;}
}

/* -- Pravidlá -- */
.gc-rd-rules-banner{
  display:inline-block;font-family:var(--font-display);font-size:clamp(18px,3vw,26px);
  letter-spacing:.12em;text-transform:uppercase;color:var(--rd-orange-bright);
  background:var(--rd-orange-tint);border:var(--rd-bw) solid var(--rd-orange-line);
  border-left:4px solid var(--rd-orange);padding:14px 20px;border-radius:var(--rd-r);
  margin:0 0 var(--sp-5);
}
/* Pevné 3 stĺpce (nie auto-fill) — 6 pravidiel tak vyjde na presne 2 plné
   riadky namiesto osamotených kariet v poslednom riadku so zvyšnou prázdnou
   plochou. */
.gc-rd-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);}
@media (max-width:900px){
  .gc-rd-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .gc-rd-rules-grid{grid-template-columns:minmax(0,1fr);}
}
.gc-rd-rule__num{display:inline-flex;margin-bottom:var(--sp-3);}
.gc-root .gc-rd-rule__title{
  font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);
  text-transform:none;letter-spacing:0;color:var(--rd-ink);margin:0 0 var(--sp-2);
}
.gc-rd-rule__list{margin:0;padding-left:18px;color:var(--rd-ink-muted);font-size:var(--fs-sm);line-height:1.6;}
.gc-rd-rule__list li{margin-bottom:8px;}
.gc-rd-rule__list li:last-child{margin-bottom:0;}
.gc-rd-rule--accent{border-color:var(--rd-green-line);box-shadow:var(--rd-glow-green),var(--rd-inner-light);}

/* Teaser galérie (.gc-rd-section .gc-photostrip) aj nástenka noviniek
   (.gc-rd-newsgrid, .gc-rd-newscard*) tu boli do Fázy 9 — obe sekcie sa
   z domovskej stránky odstránili a nič iné tie triedy nepoužívalo. */

/* -- Genesis banner — len rozšírenie na --maxw-wide (Faza 4b), farby
      a layout ostávajú nedotknuté. Od Fázy 9 to používa už len genesis.php
      (na domovskej banner nahradila pripnutá novinka), pravidlo ale ostáva
      tu pri ostatných --maxw-wide úpravách. -- */
.gc-genesis-inner--wide{max-width:var(--maxw-wide);margin:0 auto;}
@media (max-width:780px){
  .gc-genesis-inner--wide{padding:44px var(--sp-4);}
}

/* =========================================================
   REDESIGN 2026 — Fáza 5: stránka noviniek (novinky.php)
   Podľa predlohy `source-assets/Redizajn/novinky.png`.
   Skladá sa hlavne z komponentov Fázy 1 (.gc-rd-mcard, .gc-rd-ribbon,
   .gc-rd-tabs, .gc-rd-ilist, .gc-rd-chip) — tu je len to, čo je
   špecifické pre túto stránku: hlavička s obrázkom, veľká karta hlavnej
   novinky, mriežka archívu a rozbaľovanie celého textu.
   ========================================================= */

/* padding-bottom je malý zámerne — .gc-rd-footer má vlastný margin-top sp-8
   aj padding-top sp-8, spolu by inak pred pätičkou zívala prázdna plocha */
.gc-rd-news{position:relative;isolation:isolate;background:var(--rd-bg);padding-bottom:var(--sp-4);}

/* -- podklad hlavičky --
   Obrázok nie je krátky pás pod navigáciou: na predlohe pokračuje ZA obsahom
   (vpravo od panela „Rýchle oznamy" je vidno les) a stráca sa do pozadia
   stránky. Je to teda samostatná vrstva pod celým <main>, ktorú prekrývajú
   nepriehľadné karty a panely — vidno ju v okrajoch a medzerách.
   Dva prekryvy: vodorovný (text vľavo ostane čitateľný) a zvislý (šev). */
.gc-rd-news__bg{
  position:absolute;top:0;left:0;right:0;z-index:0;pointer-events:none;
  height:clamp(420px,44vw,660px);background:var(--rd-bg-deep);overflow:hidden;
}
.gc-rd-news__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 42%;}
.gc-rd-news__bg::before,
.gc-rd-news__bg::after{content:"";position:absolute;inset:0;}
/* Stupne prekryvu nie sú „od oka" — pás, kde končí veta pod nadpisom
   (do ~48 % šírky), musí ostať dosť tmavý na WCAG AA. Odmerané na
   vyrenderovanej stránke s ukrytým textom (p95 jasu pozadia). */
.gc-rd-news__bg::before{
  background:linear-gradient(90deg,
    var(--rd-bg) 0%, rgba(11,12,10,.95) 22%, rgba(11,12,10,.78) 40%, rgba(11,12,10,.42) 56%, rgba(11,12,10,.12) 70%, transparent 82%);
}
.gc-rd-news__bg::after{
  background:linear-gradient(180deg, rgba(11,12,10,.55) 0%, transparent 22%, rgba(11,12,10,.5) 62%, var(--rd-bg) 100%);
}

/* -- hlavička stránky (text nad podkladom) -- */
.gc-rd-phead{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(200px,17vw,264px);margin-top:var(--nav-h);
}
.gc-rd-phead__inner{padding-top:var(--sp-6);padding-bottom:var(--sp-5);}
.gc-root .gc-rd-phead__title{
  font-size:clamp(34px,5.4vw,66px);line-height:.94;color:var(--rd-ink);margin:0;
  text-shadow:0 3px 0 rgba(0,0,0,.5), 0 0 40px rgba(0,0,0,.6);
}
/* krátka oranžová čiarka pred vetou — presne ako na predlohe */
.gc-rd-phead__lede{
  display:flex;align-items:baseline;gap:var(--sp-3);
  margin:var(--sp-3) 0 0;max-width:62ch;
  font-size:var(--fs-body);line-height:1.6;color:var(--rd-ink-body);
  text-shadow:0 1px 8px rgba(0,0,0,.65);
}
.gc-rd-phead__lede::before{
  content:"";flex:none;width:26px;height:2px;background:var(--rd-orange);
  transform:translateY(-4px);
}

/* -- rozostupy sekcií stránky -- */
.gc-rd-news__top{
  position:relative;z-index:1;
  /* stretch, nie start: na predlohe majú karta hlavnej novinky a panel
     oznamov zarovnané dno (obrázok karty dorovná zvyšok výšky) */
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:var(--sp-5);align-items:stretch;margin-top:var(--sp-6);
}
/* prázdne 'announcements' → panel sa nerenderuje a hlavná novinka
   dostane celú šírku (žiadny prázdny stĺpec vpravo) */
.gc-rd-news__top--solo{grid-template-columns:minmax(0,1fr);}
.gc-rd-news__section{position:relative;z-index:1;margin-top:var(--sp-8);}

/* -- hlavná novinka (obrázok vľavo, text vpravo) --
   Na predlohe zaberá obrázok ~54 % šírky karty. */
.gc-rd-feat{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow);
  overflow:hidden;position:relative;
  scroll-margin-top:calc(var(--nav-h) + var(--sp-5));
}
.gc-rd-feat__media{position:relative;background:var(--rd-bg-deep);min-height:100%;}
.gc-rd-feat__media img{width:100%;height:100%;object-fit:cover;display:block;}
/* šev medzi obrázkom a textovou polovicou (na predlohe sa obrázok stráca do panela) */
.gc-rd-feat__media::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 62%,rgba(21,20,15,.85) 100%);
}
.gc-rd-feat__body{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:var(--sp-6) var(--sp-6) var(--sp-6) var(--sp-5);
}
.gc-rd-feat__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;}
.gc-root .gc-rd-feat__title{
  font-family:var(--font-body);font-weight:700;font-size:clamp(21px,2vw,28px);
  line-height:1.24;letter-spacing:0;text-transform:none;color:var(--rd-ink);
  margin:var(--sp-4) 0 0;
}
.gc-rd-feat__excerpt{
  margin:var(--sp-4) 0 0;font-size:var(--fs-lede);line-height:1.62;color:var(--rd-ink-body);
}
/* Fáza 8a: margin-top:auto tlačilo tlačidlo na úplný spodok karty — pri
   krátkom perexe (excerpt sa oreže na 190 znakov, ale kratšie novinky
   nemusia mať toľko textu) vznikla veľká medzera medzi perexom a tlačidlom.
   .gc-rd-feat__body je teraz vertikálne centrovaný (justify-content:center
   vyššie), takže tlačidlo drží pevný odstup od perexu bez ohľadu na dĺžku
   textu aj výšku obrázka. */
.gc-rd-feat .gc-rd-news__full{padding-top:var(--sp-6);width:100%;}

/* -- panel „Rýchle oznamy" (na predlohe je jeho ikonka oranžová) -- */
.gc-rd-anns .gc-rd-panel__icon{stroke:var(--rd-orange);}
.gc-rd-anns .gc-rd-panel__body{padding-top:var(--sp-4);padding-bottom:var(--sp-4);}

/* -- trvalý odkaz (#n-<slug>) pri dátume -- */
.gc-rd-permalink{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:var(--rd-r-xs);color:var(--rd-ink-muted);
  transition:color .18s ease, background .18s ease;
}
.gc-rd-permalink svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-permalink:hover{color:var(--rd-orange-bright);background:rgba(232,132,60,.1);}

/* -- hlavička „Všetky novinky" + taby -- */
.gc-rd-news__head{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;margin-bottom:var(--sp-5);}
.gc-rd-news__rule{flex:1 1 60px;height:1px;background:linear-gradient(90deg,var(--rd-border-strong),transparent);}
a.gc-rd-tab{display:inline-block;text-decoration:none;}
.gc-rd-news__note{color:var(--rd-ink-muted);}
.gc-rd-news__note[hidden]{display:none;}

/* -- mriežka archívu --
   Nie auto-fill s pevným minimom: pri 1324 px by z minmax(280px) vyšli
   4 stĺpce a karty by boli drobné. clamp(…30%…) drží na desktope najviac
   3 stĺpce a auto-fit zbalí prázdne stopy, keď je noviniek málo. */
/* align-items:stretch (default) je tu podstatné — karty v riadku majú rovnakú
   výšku aj pri rôzne dlhom perexe, „Čítať celé" si drží dno cez margin-top:auto */
.gc-rd-newslist{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,30%,430px),1fr));
  gap:var(--sp-5);
}
.gc-rd-newsitem{scroll-margin-top:calc(var(--nav-h) + var(--sp-5));}
.gc-rd-newsitem[hidden]{display:none;}
/* Predloha: karta 390 px široká, obrázok 165 px vysoký — teda ~21:9, nie 16:9
   (to by pri stretched karte spravilo z obrázka dominantnú polovicu karty). */
.gc-rd-newsitem .gc-rd-mcard__media{aspect-ratio:21/9;}
.gc-rd-newsitem .gc-rd-mcard__head{gap:var(--sp-2);}
.gc-rd-newsitem .gc-rd-mcard__foot{padding-top:var(--sp-4);}
/* novinka bez vlastného obrázka — neutrálny podklad, nie prázdna diera */
.gc-rd-mcard__media--empty{
  background:linear-gradient(180deg,var(--rd-panel-3),var(--rd-bg-deep));
  position:relative;
}
.gc-rd-mcard__media--empty::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23C3BCAD' stroke-opacity='.09' stroke-width='1'%3E%3Cpath d='M0 28C70 8 130 60 200 34S330 6 400 28'/%3E%3Cpath d='M0 44C70 26 130 78 200 52S330 24 400 44'/%3E%3Cpath d='M0 60C70 44 130 96 200 70S330 42 400 60'/%3E%3Cpath d='M0 132C80 160 150 96 220 128S340 168 400 132'/%3E%3Cpath d='M0 150C80 180 150 116 220 147S340 186 400 150'/%3E%3Cpath d='M0 232C60 206 140 262 210 236S330 200 400 232'/%3E%3Cpath d='M0 248C60 224 140 280 210 254S330 218 400 248'/%3E%3Cpath d='M0 264C60 242 140 296 210 270S330 236 400 264'/%3E%3Cpath d='M0 340C90 372 160 306 230 338S340 372 400 340'/%3E%3Cpath d='M0 358C90 388 160 324 230 355S340 388 400 358'/%3E%3C/g%3E%3C/svg%3E");
  background-size:400px 400px;
}

/* -- celý text novinky (natívny <details>, funguje aj bez JS) --
   Novinka s vlastnou stránkou (pole 'link', Fáza 9) má namiesto <details>
   obyčajný <div> s odkazom — obal drží rovnaké odsadenie, `> summary`
   pravidlá nižšie sa jej len netýkajú. */
.gc-rd-news__full > summary{list-style:none;cursor:pointer;}
.gc-rd-news__full > summary::-webkit-details-marker{display:none;}
.gc-rd-news__full > summary::marker{content:"";}
.gc-rd-news__full > summary svg{transition:transform .2s ease;}
.gc-rd-news__full[open] > summary svg{transform:rotate(180deg);}
/* v hlavnej novinke je otvárač primárne tlačidlo — po otvorení sa zmení
   na pokojnú outline verziu, aby nesúperilo s textom, ktorý odkrylo */
.gc-rd-news__full--feat[open] > summary{
  --btn-ink:var(--rd-ink-body);--btn-line:var(--rd-border-strong);
  background:rgba(244,231,212,.02);box-shadow:none;
}
.gc-rd-news__full--feat[open] > summary svg{transform:rotate(90deg);}
.gc-rd-news__fulltext{
  margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-line);
  border-radius:var(--rd-r-sm);
}
.gc-rd-news__fulltext p{margin:0;font-size:var(--fs-body);line-height:1.7;color:var(--rd-ink-body);}
.gc-rd-news__fulltext strong{color:var(--rd-ink);}

/* -- zvýraznenie novinky, na ktorú vedie trvalý odkaz --
   .is-targeted dopĺňa JS (wireNewsFilter → revealTarget), :target je
   záložná cesta bez JS. */
.gc-rd-feat:target,.gc-rd-newsitem:target,
.gc-rd-feat.is-targeted,.gc-rd-newsitem.is-targeted{
  border-color:var(--rd-orange-line);box-shadow:var(--rd-glow-orange),var(--rd-shadow);
}

@media (max-width:1080px){
  .gc-rd-news__top{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:820px){
  .gc-rd-feat{grid-template-columns:minmax(0,1fr);}
  .gc-rd-feat__media{aspect-ratio:16/9;min-height:0;}
  .gc-rd-feat__media::after{background:linear-gradient(180deg,transparent 55%,rgba(21,20,15,.9) 100%);}
  .gc-rd-feat__body{padding:var(--sp-5);}
  .gc-rd-feat .gc-rd-news__full{padding-top:var(--sp-5);}
}
@media (max-width:680px){
  .gc-rd-phead{min-height:0;}
  .gc-rd-phead__inner{padding-top:var(--sp-7);padding-bottom:var(--sp-6);}
  /* Na mobile leží text priamo na obrázku (nie vedľa jeho tmavej časti),
     takže vodorovný prekryv nemá zmysel — nahradí ho výrazný zvislý scrim,
     aby text nesedel na osvetlených chalupách. */
  .gc-rd-news__bg{height:clamp(380px,96vw,520px);}
  .gc-rd-news__bg img{object-position:56% 46%;}
  .gc-rd-news__bg::before{
    background:linear-gradient(180deg, rgba(11,12,10,.8) 0%, rgba(11,12,10,.9) 58%, var(--rd-bg) 100%);
  }
  .gc-rd-news__head{gap:var(--sp-4);}
  .gc-rd-news__rule{display:none;}
  .gc-rd-news__section{margin-top:var(--sp-7);}
  .gc-rd-feat .gc-rd-news__full > summary,
  .gc-rd-feat .gc-rd-news__full > a{width:100%;}
}

/* =========================================================
   REDESIGN 2026 — Fáza 6: sprievodca pre nových hráčov (navody.php)
   Podľa predlohy `source-assets/Redizajn/sprievodca.png`.

   Väčšina stránky je poskladaná z komponentov Fázy 1 (.gc-rd-panel,
   .gc-rd-card, .gc-rd-stepper, .gc-rd-seg, .gc-rd-kv, .gc-rd-chip,
   .gc-rd-btn) a z .gc-rd-phead z Fázy 5 — tu je len to, čo je
   špecifické: podklad hlavičky, panel „Pripojenie na server"
   s prepínačom hry a mapy, pravý stĺpec a tri karty dole.
   ========================================================= */

.gc-rd-guide{position:relative;isolation:isolate;background:var(--rd-bg);padding-bottom:var(--sp-6);}

/* -- podklad hlavičky --
   Na predlohe nie je obrázok krátky pás pod navigáciou: siaha po pravej
   strane hlboko dole a kroky 3 a 4 stoja nad ním. Je to teda vrstva pod
   hlavičkou aj stepperom (nie pozadie hlavičky) — rovnaký princíp ako
   .gc-rd-news__bg na novinky.php.

   Odchýlka od predlohy: tam je obrázok ŠTVRTÝ stĺpec vpravo od obsahu.
   U nás sa nav aj obsah držia rovnakého kontajnera (--maxw-wide, Fáza 3c),
   takže vedľa obsahu nie je miesto — obrázok preto beží ZA obsahom
   a stráca sa doľava aj dole. */
.gc-rd-guide__bg{
  position:absolute;top:0;right:0;z-index:0;pointer-events:none;
  /* Výška je zvolená tak, aby sa kryla s pásom, kde je podklad reálne
     VIDNO (hlavička + kroky). Nižšie ho aj tak prekryjú nepriehľadné
     panely, takže obrázok tam nemá čo robiť — a jeho orez je na tento
     pomer (~0,95) narezaný priamo v assete. */
  width:clamp(340px,42%,700px);
  height:clamp(430px,40vw,560px);
  background:var(--rd-bg-deep);overflow:hidden;
}
.gc-rd-guide__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;}
.gc-rd-guide__bg::before,
.gc-rd-guide__bg::after{content:"";position:absolute;inset:0;}
/* vodorovný prekryv — text hlavičky vľavo musí ostať čitateľný;
   stupne sú odmerané na vyrenderovanej stránke (najhorší pixel), nie od oka */
.gc-rd-guide__bg::before{
  background:linear-gradient(90deg,
    var(--rd-bg) 0%, rgba(11,12,10,.97) 12%, rgba(11,12,10,.88) 30%,
    rgba(11,12,10,.56) 52%, rgba(11,12,10,.18) 72%, transparent 88%);
}
/* zvislý prekryv — šev pod navigáciou a mäkký prechod do pozadia stránky */
.gc-rd-guide__bg::after{
  background:linear-gradient(180deg,
    rgba(11,12,10,.5) 0%, transparent 18%, rgba(11,12,10,.28) 66%, var(--rd-bg) 100%);
}

/* -- rozostupy sekcií -- */
.gc-rd-guide__steps{position:relative;z-index:1;margin-top:var(--sp-6);}
.gc-rd-guide__main{position:relative;z-index:1;margin-top:var(--sp-7);}
.gc-rd-guide__end{position:relative;z-index:1;margin-top:var(--sp-7);}

/* kroky sú odkazy — na predlohe je prvý zvýraznený (odtiaľ sa začína) */
a.gc-rd-step{text-decoration:none;transition:border-color .2s ease, transform .18s ease, box-shadow .2s ease;}
a.gc-rd-step:hover{border-color:var(--rd-border-strong);transform:translateY(-2px);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);}
a.gc-rd-step.is-active:hover{border-color:var(--rd-green);}
/* Stepper má pevný počet stĺpcov, nie auto-fit: šípku medzi krokmi kreslí
   `:not(:last-child)::after`, takže pri troch stĺpcoch by šípka za tretím
   krokom trčala do prázdna na konci riadku. 4 → 2 → 1 stĺpec; v dvojstĺpcovom
   režime sa skryje jediná šípka, ktorá by končila v prázdne (za krokom 2). */
.gc-rd-guide__steps .gc-rd-stepper{grid-template-columns:repeat(4,minmax(0,1fr));}
.gc-rd-guide__steps .gc-rd-step__num{font-size:44px;}

/* -- hlavný blok: panel pripojenia + pravý stĺpec --
   Na predlohe je pomer ~750:390 px. */
.gc-rd-guide__main{
  display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);
  gap:var(--sp-5);align-items:start;
}
.gc-rd-guide__side{display:flex;flex-direction:column;gap:var(--sp-4);}

/* ---------- panel „Pripojenie na server" ---------- */
/* Panel sa zámerne NEdoťahuje na výšku pravého stĺpca (align-items:start):
   pri stretchi prebytok dostal obrázok mapy a pergamenová mapa sa stala
   najsvetlejšou a najväčšou vecou na stránke — presný opak princípu
   „jedna dominantná vec". Pravý stĺpec je proste dlhší. */
.gc-rd-connect__head{display:block;}
.gc-rd-connect__lede{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--rd-ink-muted);}
.gc-rd-connect__body{display:flex;flex-direction:column;gap:var(--sp-5);}

/* prepínač hry — .gc-rd-seg z Fázy 1, položky sú odkazy (funkčné bez JS) */
.gc-rd-gsw .gc-rd-seg__opt{text-decoration:none;}

/* skupina máp jednej hry. Bez JS sú viditeľné všetky tri pod sebou,
   wireGuide() nechá práve jednu — preto musí `hidden` prebiť display. */
.gc-rd-connect__group{display:flex;flex-direction:column;gap:var(--sp-4);}
.gc-rd-connect__group[hidden]{display:none;}
.gc-rd-connect__glabel{
  margin:0;font-family:var(--font-mono);font-size:var(--fs-xs);
  letter-spacing:.12em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-connect__glabel[hidden]{display:none;}
.gc-rd-connect__details{display:flex;flex-direction:column;gap:var(--sp-4);}

/* prečo sa každá hra pripája inak — prepína sa spolu so skupinou */
.gc-rd-connect__how{
  display:flex;flex-direction:column;gap:var(--sp-1);
  padding:var(--sp-3) var(--sp-4);border-radius:var(--rd-r-sm);
  border:var(--rd-bw) solid var(--rd-line);background:rgba(7,8,6,.4);
}
.gc-rd-connect__how b{
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--rd-green);
}
.gc-rd-connect__how p{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--rd-ink-muted);}
.gc-rd-connect__how code,.gc-rd-connect__how kbd{
  font-family:var(--font-mono);font-size:.94em;color:var(--rd-ink);
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r-xs);padding:1px 5px;
}

/* výber mapy — chipy, ktoré sa zalamujú (11 máp v ARK skupinách) */
.gc-rd-mapsw{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.gc-rd-mapsw__opt{
  display:inline-flex;align-items:center;padding:6px 12px;
  border-radius:var(--rd-r-xs);border:var(--rd-bw) solid var(--rd-border);
  background:var(--rd-panel-3);color:var(--rd-ink-body);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;
  letter-spacing:.06em;text-decoration:none;white-space:nowrap;
  transition:border-color .18s ease, background .18s ease, color .18s ease;
}
.gc-rd-mapsw__opt:hover{border-color:var(--rd-border-strong);color:var(--rd-ink);background:rgba(244,231,212,.05);}
.gc-rd-mapsw__opt.is-active{
  background:var(--rd-green-tint);border-color:var(--rd-green-line);color:var(--rd-green-bright);
}

/* ---------- vybraná mapa ---------- */
.gc-rd-selmap{
  display:flex;flex-direction:column;gap:var(--sp-4);
  padding:var(--sp-4);border-radius:var(--rd-r-sm);
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-line);
  scroll-margin-top:calc(var(--nav-h) + var(--sp-5));
}
.gc-rd-selmap[hidden]{display:none;}
/* min-width:0 na celom reťazci — dlhý fullName aj IP sú nowrap a inak by
   roztiahli panel nad šírku stĺpca (rovnaká pasca ako v okne s mapami) */
.gc-rd-selmap__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:var(--sp-4);align-items:stretch;min-width:0;}
.gc-rd-selmap__id{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.gc-rd-selmap__eyebrow{
  margin:0 0 var(--sp-1);font-family:var(--font-mono);font-size:11px;
  /* --rd-ink-faint dalo na tomto podklade len 3,7:1 (AA chce 4,5:1) */
  letter-spacing:.14em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-root .gc-rd-selmap__name{
  font-family:var(--font-display);font-size:clamp(24px,2.4vw,32px);line-height:1;
  letter-spacing:.03em;color:var(--rd-ink);margin:0;
}
.gc-rd-selmap__full{
  margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--rd-ink-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
/* „+ Isle of Siptah" — rovnaký zelený akcent ako .gc-rd-map__linked na
   dlaždici (Fáza 8a), tu bez tieňa (karta neleží nad obrázkom). */
.gc-rd-selmap__linked{
  margin:var(--sp-1) 0 0;font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:600;
  color:var(--rd-green-bright);
}
.gc-rd-selmap__linkednote{margin-top:var(--sp-4);}
.gc-rd-selmap__media{
  position:relative;overflow:hidden;border-radius:var(--rd-r-xs);
  background:var(--rd-bg-deep);min-height:150px;max-height:210px;
}
.gc-rd-selmap__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.gc-rd-selmap__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(27,26,22,.85),transparent 46%);
}

/* pás údajov — na predlohe tri bunky oddelené vlasovými čiarami */
.gc-rd-selmap__stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border:var(--rd-bw) solid var(--rd-line);border-radius:var(--rd-r-xs);
  background:rgba(7,8,6,.4);overflow:hidden;
}
.gc-rd-selmap__stat{
  display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;
  padding:var(--sp-3) var(--sp-2);border-left:var(--rd-bw) solid var(--rd-line);min-width:0;
}
.gc-rd-selmap__stat:first-child{border-left:0;}
.gc-rd-selmap__slabel{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-selmap__svalue{
  display:inline-flex;align-items:center;gap:6px;min-width:0;
  font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--rd-ink);
  font-variant-numeric:tabular-nums;
}
.gc-rd-selmap__svalue b{font-weight:600;overflow:hidden;text-overflow:ellipsis;}
.gc-rd-selmap__sicon{width:15px;height:15px;flex:none;fill:none;stroke:var(--rd-ink-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}

.gc-rd-selmap__actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp-3);}
.gc-rd-selmap__join{white-space:normal;line-height:1.25;text-align:center;}
.gc-rd-selmap__ip{
  margin:0;text-align:center;font-family:var(--font-mono);font-size:var(--fs-xs);
  letter-spacing:.06em;color:var(--rd-ink-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ---------- pravý stĺpec ---------- */
.gc-rd-sidecard{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5);}
.gc-rd-sidecard__head{display:flex;align-items:center;gap:var(--sp-3);}
.gc-rd-sidecard__icon{
  width:22px;height:22px;flex:none;display:block;
  fill:none;stroke:var(--rd-green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.gc-rd-sidecard__hint{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:400;letter-spacing:0;text-transform:none;color:var(--rd-ink-muted);}
.gc-rd-sidecard__note{margin:0;font-size:var(--fs-sm);line-height:1.55;color:var(--rd-ink-muted);}
.gc-rd-sidecard__note a{color:var(--rd-orange-bright);}
.gc-rd-sidecard__note a:hover{text-decoration:underline;}

/* raty — na predlohe bunky s popiskom hore a hodnotou dole */
.gc-rd-rates{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-rd-rates[hidden]{display:none;}
.gc-rd-rates__for{
  margin:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-rates__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
  border:var(--rd-bw) solid var(--rd-line);border-radius:var(--rd-r-xs);
  background:var(--rd-panel-3);overflow:hidden;
}
.gc-rd-rate{
  display:flex;flex-direction:column;gap:2px;align-items:center;
  padding:var(--sp-3) var(--sp-2);border-left:var(--rd-bw) solid var(--rd-line);min-width:0;
}
.gc-rd-rate:first-child{border-left:0;}
.gc-rd-rate__k{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-rd-rate__v{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--rd-green-bright);line-height:1.1;}
.gc-rd-rates__more{margin:0;}
.gc-rd-rates__more dt,.gc-rd-rates__more dd{margin:0;}
.gc-rd-rates__more .gc-rd-kv__v{text-align:right;}

/* denný reštart — jedno dominantné číslo, presne ako na predlohe */
.gc-rd-restart{display:flex;align-items:center;gap:var(--sp-4);}
.gc-rd-restart__time{
  font-family:var(--font-display);font-size:40px;line-height:.9;
  letter-spacing:.02em;color:var(--rd-orange-bright);
}
.gc-rd-restart__meta{display:flex;flex-direction:column;gap:2px;min-width:0;}
.gc-rd-restart__meta b{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--rd-ink-body);}
.gc-rd-restart__meta span{font-size:var(--fs-sm);color:var(--rd-ink-muted);}

/* mody */
.gc-rd-modlist{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-rd-modlist__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-2);}
.gc-rd-modlist__name{font-family:var(--font-body);font-weight:700;font-size:var(--fs-body);color:var(--rd-ink);}
.gc-rd-modlist__desc{font-size:var(--fs-sm);line-height:1.55;color:var(--rd-ink-muted);}

/* ---------- tri karty dole ---------- */
.gc-rd-guide__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);}
.gc-rd-gcta{display:flex;align-items:center;gap:var(--sp-4);text-decoration:none;}
.gc-rd-gcta__icon{
  width:52px;height:52px;flex:none;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(79,93,54,.28);border:var(--rd-bw) solid rgba(125,138,87,.45);
}
.gc-rd-gcta__icon svg{width:24px;height:24px;fill:none;stroke:var(--rd-green-bright);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.gc-rd-gcta__body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;flex:1 1 auto;}
.gc-rd-gcta__title{font-family:var(--font-display);font-size:21px;letter-spacing:.03em;text-transform:uppercase;color:var(--rd-ink);line-height:1.1;}
.gc-rd-gcta__desc{font-size:var(--fs-sm);line-height:1.5;color:var(--rd-ink-muted);}
.gc-rd-gcta__arrow{width:20px;height:20px;flex:none;fill:none;stroke:var(--rd-ink-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s ease, transform .18s ease;}
.gc-rd-gcta:hover .gc-rd-gcta__arrow{stroke:var(--rd-orange-bright);transform:translateX(3px);}
/* tretia karta (Discord) — jediná oranžová, aby bolo vidno, kam sa ísť spýtať */
.gc-rd-gcta--accent{background:linear-gradient(180deg,rgba(59,34,16,.5),var(--rd-panel-2));border-color:var(--rd-orange-line);}
.gc-rd-gcta--accent .gc-rd-gcta__icon{background:var(--rd-orange-tint);border-color:rgba(166,85,31,.55);}
.gc-rd-gcta--accent .gc-rd-gcta__icon svg{stroke:var(--rd-orange-bright);}

.gc-rd-guide__foot{
  margin:var(--sp-5) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--rd-ink-muted);
}
.gc-rd-guide__foot a{color:var(--rd-orange-bright);}
.gc-rd-guide__foot a:hover{text-decoration:underline;}

/* ---------- responzívne ---------- */
@media (max-width:1180px){
  .gc-rd-guide__main{grid-template-columns:minmax(0,1fr);}
  /* pevné dva stĺpce, nie auto-fit — pri troch bol zvyšok riadku roztrhaný */
  .gc-rd-guide__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
  .gc-rd-guide__steps .gc-rd-stepper{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gc-rd-guide__steps .gc-rd-step:nth-child(2)::after{display:none;}
}
@media (max-width:900px){
  .gc-rd-guide__cards{grid-template-columns:minmax(0,1fr);}
  .gc-rd-guide__side{grid-template-columns:minmax(0,1fr);}
  .gc-rd-selmap__top{grid-template-columns:minmax(0,1fr);}
  .gc-rd-selmap__media{min-height:0;aspect-ratio:16/7;}
  .gc-rd-selmap__media::after{background:linear-gradient(180deg,rgba(27,26,22,.75),transparent 55%);}
}
@media (max-width:680px){
  /* Na mobile nie je vpravo miesto na zvislý pás — obrázok sa roztiahne
     cez celú šírku a text hlavičky leží priamo na ňom, takže vodorovný
     prekryv nahradí výrazný zvislý scrim (rovnako ako novinky.php). */
  .gc-rd-guide__bg{
    left:0;width:auto;height:clamp(360px,88vw,480px);
  }
  .gc-rd-guide__bg img{object-position:52% 42%;}
  .gc-rd-guide__bg::before{
    background:linear-gradient(180deg, rgba(11,12,10,.78) 0%, rgba(11,12,10,.9) 56%, var(--rd-bg) 100%);
  }
  .gc-rd-guide__bg::after{background:none;}
  .gc-rd-phead{min-height:0;}
  .gc-rd-phead__inner{padding-top:var(--sp-7);padding-bottom:var(--sp-6);}
  .gc-rd-sidecard{padding:var(--sp-4);}
  .gc-rd-selmap__actions{grid-template-columns:minmax(0,1fr);}
  .gc-rd-selmap__stats{grid-template-columns:minmax(0,1fr);}
  .gc-rd-selmap__stat{border-left:0;border-top:var(--rd-bw) solid var(--rd-line);}
  .gc-rd-selmap__stat:first-child{border-top:0;}
  .gc-rd-guide__steps .gc-rd-step__num{font-size:38px;}
}
/* Fáza 1 otáča šípky do zvislej polohy pod 760 px — od tej istej hranice
   teda musí byť stepper jednostĺpcový, inak by mierili nabok. */
@media (max-width:760px){
  .gc-rd-guide__steps .gc-rd-stepper{grid-template-columns:minmax(0,1fr);}
  .gc-rd-guide__steps .gc-rd-step:nth-child(2)::after{display:block;}
}

/* =========================================================
   REDESIGN 2026 — Fáza 7: galéria / tím / podpora
   Tri stránky bez vlastnej predlohy, poskladané z komponentov Fázy 1
   (.gc-rd-phead, .gc-rd-card, .gc-rd-chip, .gc-rd-acc, .gc-rd-about-grid,
   .gc-rd-empty). Tu je len to málo, čo pre ne ešte neexistovalo.
   ========================================================= */

/* -- malá poznámka/tip s ľavým akcentom --
   Rovnaký vizuálny účel ako staré .gc-support-note/.gc-guide-note
   (teraz na --rd-* tokenoch), ale ako všeobecná trieda pre hocijakú
   ďalšiu stránku — nie viazaná na jednu sekciu. --rd-ink-muted, nie
   --rd-ink-faint — ten dáva na --rd-bg/--rd-panel len ~4,1:1 (WCAG AA
   na bežný text chce 4,5:1), rovnaká voľba ako .gc-rd-sidecard__note. */
.gc-rd-note{
  font-size:var(--fs-sm);line-height:1.6;color:var(--rd-ink-muted);
  border-left:var(--rd-bw-2) solid var(--rd-border-strong);padding-left:var(--sp-4);
}
.gc-rd-note a{color:var(--rd-orange-bright);}
.gc-rd-note a:hover{text-decoration:underline;}

/* odkazy vnútri rozbaleného obsahu akordeónu (FAQ na tim.php) — základ
   .gc-root a je color:inherit, takže bez tohto by boli neviditeľné */
.gc-rd-acc__body a{color:var(--rd-orange-bright);}
.gc-rd-acc__body a:hover{text-decoration:underline;}

/* -- admin tím (tim.php) -- */
.gc-rd-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-5);}

/* -- tribe board (nabor.php) — rovnaký vzor ako .gc-rd-team-grid, iný
   obsahový kontext (ponuky hráčov/tribov), preto vlastná trieda -- */
.gc-rd-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-5);}

/* -- dlhý článok (genesis.php) — prvá stránka Fázy 7 s čistým textovým
   obsahom, dosiaľ nemala komponent. Nadpisy sú priamo .gc-rd-title (article
   headings majú byť veľké/uppercase Staatliches, na rozdiel od karto-
   vých/krokových titulkov, ktoré si vynucujú body font — tu to teda
   nekoliduje so základným .gc-root h1,h2,h3 pravidlom, žiadny override
   netreba). */
.gc-rd-article{max-width:760px;}
.gc-rd-article .gc-rd-title{margin:var(--sp-7) 0 var(--sp-3);}
.gc-rd-article .gc-rd-title:first-child{margin-top:0;}
.gc-rd-article p{margin:0 0 var(--sp-4);font-size:var(--fs-body);line-height:1.75;color:var(--rd-ink-body);}
.gc-rd-article strong{color:var(--rd-ink);}
/* .gc-rd-note je tiež <p> — táto pretŕča ".gc-rd-article p" vyššie
   (rovnaká špecificita, poradie v súbore rozhoduje), inak by note stratila
   svoju stlmenú farbu z komponentu Fázy 7a */
.gc-rd-article .gc-rd-note{margin:var(--sp-6) 0 0;color:var(--rd-ink-muted);max-width:60ch;}

/* =========================================================
   REDESIGN 2026 — Fáza 10: taming kalkulačka (beh 1)
   Podklad: source-assets/Redizajn/taming.png

   Sekcia je zámerne na KONCI súboru: viaceré pravidlá prebíjajú
   .gc-rd-* komponenty (napr. .gc-tame-table nad .gc-rd-table), čo pri
   rovnakej špecificite rozhoduje poradím v súbore.

   Beh 1 rieši: hlavičku (ovládače), dossier panel, tabuľku potravy,
   lepiacu kartu výsledku a poľnú poznámku. Panely „Torpor & narkotiká",
   „Uspanie", „Staty tvora" a breeding sú tu LEN prefarbené na --rd-*
   tokeny (žiadna zmena štruktúry) — prekresľuje ich beh 2, resp. beh 3.
   ========================================================= */

.gc-tame-section{padding:var(--sp-6) 0 var(--sp-8);background:var(--rd-bg);}
.gc-tame{position:relative;}

/* ---------- 1. pás ovládačov ---------- */
.gc-tame-controls{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-4);
  padding:var(--sp-4) var(--sp-5);
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-tame-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.gc-tame-field > span{
  display:flex;align-items:center;gap:6px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rd-ink-muted);white-space:nowrap;
}
.gc-tame-field > span em{font-style:normal;color:var(--rd-green);margin-left:4px;letter-spacing:.08em;}
.gc-tame-field__icon{
  width:15px;height:15px;flex:none;display:block;
  fill:none;stroke:var(--rd-orange);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.gc-tame-field select,.gc-tame-field input{
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);color:var(--rd-ink);
  font-family:var(--font-mono);font-size:15px;padding:10px 12px;border-radius:var(--rd-r-sm);
  min-width:110px;box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}
.gc-tame-field select:hover,.gc-tame-field input:hover{border-color:var(--rd-border-strong);}
.gc-tame-field select:focus,.gc-tame-field input:focus{outline:none;border-color:var(--rd-green-line);}
.gc-tame-field--num input{width:118px;min-width:0;}
.gc-tame-multrow{display:flex;align-items:center;gap:8px;}
.gc-tame-multrow input{width:82px;min-width:0;}
.gc-tame-multrow .gc-tame-chips{margin-top:0;}
.gc-tame-field--creature{flex:1 1 280px;max-width:320px;}
.gc-tame-field--creature select,.gc-tame-field--creature .gc-tame-search{width:100%;min-width:0;}
.gc-tame-field--creature .gc-tame-search{margin-bottom:6px;font-size:14px;}
/* „Typ tamenia" je odvodený údaj (pole method v dátach), nie ovládač */
.gc-tame-method{
  display:block;padding:10px 12px;border-radius:var(--rd-r-sm);
  background:var(--rd-green-tint);border:var(--rd-bw) solid var(--rd-green-deep);
  font-family:var(--font-mono);font-size:15px;color:var(--rd-green-bright);white-space:nowrap;
}
.gc-tame-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
.gc-tame-chip{
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;
  padding:6px 10px;border-radius:var(--rd-r-xs);cursor:pointer;
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);color:var(--rd-ink-muted);
  transition:border-color .15s,color .15s,background .15s;
}
.gc-tame-chip:hover{border-color:var(--rd-border-strong);color:var(--rd-ink);}
.gc-tame-chip.is-active{border-color:var(--rd-green-line);color:var(--rd-green-bright);background:var(--rd-green-tint);}

/* Sanguine Elixir — prepínač v páse ovládačov */
.gc-tame-elixir-row{position:relative;}
.gc-tame-elixir-label{
  display:flex;align-items:center;gap:10px;cursor:pointer;padding:9px 14px;
  border-radius:var(--rd-r-sm);background:var(--rd-panel-3);
  border:var(--rd-bw) solid var(--rd-border);width:fit-content;max-width:100%;
  transition:border-color .15s;
}
.gc-tame-elixir-label:hover{border-color:var(--rd-border-strong);}
.gc-tame-elixir-label input{accent-color:var(--rd-green);width:16px;height:16px;flex:none;cursor:pointer;}
.gc-tame-elixir-icon-wrap{position:relative;display:flex;flex:none;}
.gc-tame-elixir-icon{display:flex;flex:none;border-radius:var(--rd-r-xs);cursor:help;}
.gc-root .gc-tame-elixir-icon img{width:28px;height:28px;object-fit:contain;margin:0;display:block;}
.gc-tame-elixir-label b{font-size:13px;color:var(--rd-ink);font-weight:600;}
.gc-tame-elixir-label em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);}

/* ---------- 2. hlavná mriežka (dossier · potrava · výsledok) ---------- */
.gc-tame-layout{
  display:grid;grid-template-columns:250px minmax(0,1fr) 310px;
  gap:var(--sp-5);align-items:start;margin-top:var(--sp-5);
}
.gc-tame-main{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0;}

/* ---------- 3. dossier tvora (ľavý stĺpec) ---------- */
.gc-tame-dossier{
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  overflow:hidden;
}
.gc-tame-dossier__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);}
.gc-tame-dossier__mark{
  width:22px;height:22px;flex:none;display:block;
  fill:none;stroke:var(--rd-green);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.gc-root .gc-tame-dossier__head .gc-rd-title{font-size:22px;letter-spacing:.05em;}
/* obrázok je .gc-shot (lightbox rieši wireGallery v ghost-crew.js) — rám
   panela mu berie vlastný rádius aj posun pri hoveri; dossiere sú 3:2 */
.gc-tame-dossier__shot{
  aspect-ratio:3/2;border-radius:0;border-left:0;border-right:0;
  border-color:var(--rd-line);background:var(--rd-bg-deep);cursor:zoom-in;
}
.gc-tame-dossier__shot:hover{transform:none;border-color:var(--rd-green-line);box-shadow:none;}
.gc-tame-dossier__shot::after{content:none;}
.gc-tame-dossier__body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-tame-dossier__chips{display:flex;flex-wrap:wrap;gap:5px;}
.gc-tame-dossier__chips:empty{display:none;}
.gc-tame-dossier__kv{margin:0;display:flex;flex-direction:column;}
.gc-tame-dossier__row{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:2px var(--sp-3);
  padding:7px 0;border-bottom:var(--rd-bw) solid var(--rd-line);
}
.gc-tame-dossier__row:last-child{border-bottom:0;}
.gc-tame-dossier__row dt{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rd-ink-muted);flex:none;
}
.gc-tame-dossier__row dd{margin:0 0 0 auto;min-width:0;font-size:13px;line-height:1.45;
  color:var(--rd-ink);text-align:right;overflow-wrap:anywhere;}
/* poznámka k dátam tvora (pole note v taming-asa.json) */
.gc-tame-note{
  font-size:12px;line-height:1.6;color:var(--rd-ink-muted);
  border-left:var(--rd-bw-2) solid var(--rd-amber);padding-left:var(--sp-3);
}

/* ---------- 4. panel potravy (stred) ---------- */
.gc-tame-foods .gc-rd-panel__head{flex-wrap:wrap;}
.gc-tame-hint{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--rd-ink-muted);
  text-transform:none;font-weight:400;
}
.gc-tame-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);}
.gc-tame-foods-table{min-width:560px;}
.gc-tame-table th{
  text-align:left;padding:var(--sp-3) 10px;
  font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rd-ink-muted);border-bottom:var(--rd-bw) solid var(--rd-border);white-space:nowrap;background:none;
}
.gc-tame-table td{
  padding:var(--sp-3) 10px;color:var(--rd-ink-body);vertical-align:middle;
  border-bottom:var(--rd-bw) solid var(--rd-line);border-left:0;
  font-variant-numeric:tabular-nums;background:none;
}
.gc-tame-table tbody tr:last-child td{border-bottom:0;}
.gc-tame-table th + th{border-left:0;}
.gc-tame-food-name{min-width:150px;color:var(--rd-ink);font-weight:600;line-height:1.35;}
.gc-tame-need{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--rd-ink);white-space:nowrap;}
.gc-tame-time{font-family:var(--font-mono);white-space:nowrap;color:var(--rd-ink-body);}
/* odznak „Odporúčané" pri prvej (najlepšej) položke diéty */
.gc-tame-badge{
  display:inline-block;margin:4px 0 0;padding:2px 7px;border-radius:var(--rd-r-xs);
  background:rgba(79,93,54,.35);border:var(--rd-bw) solid rgba(125,138,87,.5);color:var(--rd-green-bright);
  font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  vertical-align:1px;
}
/* „Mám" — funkčné, ale vizuálne ustupuje (výraznejšie až pri interakcii) */
.gc-tame-selmax-col{width:1%;}
.gc-tame-selmax{white-space:nowrap;}
.gc-tame-mix-input{
  background:transparent;border:var(--rd-bw) solid var(--rd-line);color:var(--rd-ink-muted);
  font-family:var(--font-mono);font-size:13px;padding:5px 6px;border-radius:var(--rd-r-xs);
  width:52px;text-align:right;transition:border-color .15s,color .15s,background .15s;
}
.gc-tame-mix-input:hover{border-color:var(--rd-border-strong);color:var(--rd-ink);}
.gc-tame-mix-input:focus{outline:none;border-color:var(--rd-green-line);color:var(--rd-ink);background:var(--rd-panel-3);}
.gc-tame-eff-col{width:130px;}
.gc-tame-eff-cell{min-width:118px;}
.gc-tame-bar{height:6px;border-radius:3px;background:rgba(11,12,10,.7);overflow:hidden;margin-bottom:5px;}
.gc-tame-bar span{display:block;height:100%;background:var(--rd-green);border-radius:3px;}
.gc-tame-eff-txt{font-family:var(--font-mono);font-size:12px;color:var(--rd-ink);font-variant-numeric:tabular-nums;}
/* farba efektivity je len signál — hodnoty sa nemenia */
.gc-tame-eff-cell.is-good .gc-tame-eff-txt{color:var(--rd-green-bright);}
.gc-tame-eff-cell.is-warn .gc-tame-eff-txt{color:var(--rd-amber);}
.gc-tame-eff-cell.is-warn .gc-tame-bar span{background:var(--rd-amber);}
.gc-tame-eff-cell.is-bad .gc-tame-eff-txt{color:var(--rd-danger);}
.gc-tame-eff-cell.is-bad .gc-tame-bar span{background:var(--rd-danger);}
.gc-tame-dim{display:block;color:var(--rd-ink-muted);font-size:11px;margin-top:1px;}
#gc-tame-foods tbody tr{cursor:pointer;transition:background .15s;}
#gc-tame-foods tbody tr:hover td{background:rgba(244,231,212,.045);}
#gc-tame-foods tbody tr:focus-visible{outline:2px solid var(--rd-green-line);outline-offset:-2px;}
#gc-tame-foods tbody tr.gc-tame-sel td{background:var(--rd-green-tint);color:var(--rd-ink);}
#gc-tame-foods tbody tr.gc-tame-sel td:first-child{box-shadow:inset 3px 0 0 var(--rd-green-line);}
.gc-root img.gc-tame-icon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:-6px;margin-right:8px;}

/* starve blok v päte panela potravy */
.gc-tame-starve{display:flex;flex-direction:column;gap:var(--sp-2);}
.gc-tame-stats{display:flex;gap:var(--sp-3);flex-wrap:wrap;}
.gc-tame-stats>div{
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-line);border-radius:var(--rd-r-sm);
  padding:8px 12px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:120px;
}
.gc-tame-stats b{font-family:var(--font-mono);font-size:16px;color:var(--rd-green-bright);font-weight:600;}
.gc-tame-stats span{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);}
.gc-tame-small{font-size:12px;color:var(--rd-ink-muted);margin:0;line-height:1.6;}
.gc-tame-small code{font-family:var(--font-mono);font-size:11px;color:var(--rd-ink-muted);}
.gc-tame-footer{margin-top:var(--sp-5);}

/* ---------- 5. „Ako tamovať" ---------- */
.gc-tame-howto{
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-left:3px solid var(--rd-green-line);border-radius:var(--rd-r-sm);
  color:var(--rd-ink-body);font-size:var(--fs-sm);line-height:1.75;padding:var(--sp-4) var(--sp-5);
}
.gc-tame-howto b{
  display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rd-green);margin-bottom:6px;font-weight:600;
}

/* ---------- 6. karta výsledku (pravý stĺpec, lepiaca) ---------- */
.gc-tame-side{
  display:flex;flex-direction:column;gap:var(--sp-4);
  position:sticky;top:calc(var(--nav-h) + var(--sp-4));
}
.gc-tame-result__rows{margin:0;display:flex;flex-direction:column;gap:var(--sp-4);}
.gc-tame-result__row{
  display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:var(--sp-3);align-items:center;
}
.gc-tame-result__ico{
  grid-row:1 / span 2;width:34px;height:34px;padding:7px;border-radius:var(--rd-r-sm);
  background:var(--rd-orange-tint);border:var(--rd-bw) solid rgba(166,85,31,.5);
  fill:none;stroke:var(--rd-orange-bright);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.gc-tame-result__row dt{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rd-ink-muted);
}
.gc-tame-result__row dd{margin:0;min-width:0;}
.gc-tame-result__big{
  font-family:var(--font-display);font-size:26px;letter-spacing:.02em;line-height:1.1;
  color:var(--rd-ink);font-variant-numeric:tabular-nums;
}
.gc-tame-result__food{
  display:flex;align-items:center;font-size:14px;font-weight:600;line-height:1.3;
  color:var(--rd-green-bright);
}
.gc-root .gc-tame-result__food img.gc-tame-icon{width:24px;height:24px;vertical-align:baseline;margin-right:8px;}
.gc-tame-result__eff{
  display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;
  margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--rd-bw) solid var(--rd-line);
}
.gc-tame-result__eff:empty{display:none;}
.gc-tame-ring{
  --p:100;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;
  position:relative;flex:none;
  background:conic-gradient(var(--rd-green) calc(var(--p)*1%),rgba(11,12,10,.7) 0);
}
.gc-tame-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--rd-panel);}
.gc-tame-ring span{position:relative;z-index:1;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--rd-ink);}
.gc-tame-perfect{
  flex-basis:100%;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rd-green-bright);
}
.gc-tame-summary-levels{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.gc-tame-lvl{display:flex;flex-direction:column;gap:1px;text-align:center;}
.gc-tame-lvl b{font-family:var(--font-mono);font-size:17px;color:var(--rd-ink);font-weight:600;}
.gc-tame-lvl span{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);}
.gc-tame-lvl-final b{color:var(--rd-green-bright);}
.gc-tame-lvl-arrow{color:var(--rd-ink-muted);font-size:17px;line-height:1;}
.gc-tame-mix-list{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-direction:column;gap:4px;}
.gc-tame-mix-list:empty{display:none;}
.gc-tame-mix-list li{
  display:flex;align-items:center;font-size:13px;color:var(--rd-ink-body);
  font-variant-numeric:tabular-nums;
}
.gc-root .gc-tame-mix-list img.gc-tame-icon{width:20px;height:20px;vertical-align:baseline;margin-right:8px;}
.gc-tame-missing{color:var(--rd-danger);}
#gc-tame-result-msg{margin-top:var(--sp-3);}

/* poľná poznámka pod kartou výsledku (tip na pascu z dát tvora) */
.gc-tame-fieldnote{
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-border);
  border-left:3px solid var(--rd-amber);border-radius:var(--rd-r);
  padding:var(--sp-4) var(--sp-5);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
}
.gc-tame-fieldnote__head{
  display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px;
  font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rd-amber);
}
.gc-tame-fieldnote__icon{
  width:16px;height:16px;flex:none;display:block;
  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.gc-tame-fieldnote__text{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--rd-ink-body);}

/* ---------- 7. tooltipy (elixír, kibble, Poison Specialist) ---------- */
.gc-tame-elixir-icon:focus-visible,.gc-tame-ps-icon:focus-visible{outline:2px solid var(--rd-orange);outline-offset:2px;}
.gc-tame-elixir-tip,.gc-tame-kb-tip,.gc-tame-ps-tip{
  position:absolute;z-index:60;display:block;
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-green-line);border-radius:var(--rd-r-sm);
  padding:12px 14px;font-size:12px;line-height:1.65;color:var(--rd-ink-body);font-weight:400;
  text-transform:none;letter-spacing:0;white-space:normal;
  opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;
  box-shadow:var(--rd-shadow-lg);
}
.gc-tame-elixir-tip{right:-8px;top:calc(100% + 8px);width:min(430px,80vw);}
.gc-tame-kb-tip{left:0;top:calc(100% + 8px);width:min(340px,80vw);}
.gc-tame-ps-tip{right:-8px;top:calc(100% + 8px);width:min(340px,80vw);}
/* <strong> je tu rovnocenné s <b>: texty tooltipov idú od prekladu kalkulačky
   (2026-08) zo slovníka, v ktorom je z HTML povolený len <strong> */
.gc-tame-elixir-tip b,.gc-tame-kb-tip b,.gc-tame-ps-tip b,
.gc-tame-elixir-tip strong,.gc-tame-kb-tip strong,.gc-tame-ps-tip strong{color:var(--rd-ink);font-weight:600;}
.gc-tame-tip-head{
  display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rd-green);margin-bottom:5px;font-weight:600;
}
.gc-tame-elixir-icon:hover + .gc-tame-elixir-tip,
.gc-tame-elixir-icon:focus-visible + .gc-tame-elixir-tip,
.gc-tame-kb-icon:hover + .gc-tame-kb-tip,
.gc-tame-kb-icon:focus-visible + .gc-tame-kb-tip,
.gc-tame-ps-icon:hover + .gc-tame-ps-tip,
.gc-tame-ps-icon:focus-visible + .gc-tame-ps-tip{opacity:1;visibility:visible;}
.gc-tame-kb-wrap{position:relative;display:inline-block;margin-left:6px;}
.gc-tame-kb-icon{
  display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;
  border-radius:50%;border:var(--rd-bw) solid var(--rd-ink-muted);color:var(--rd-ink-muted);
  font-size:11px;line-height:1;cursor:pointer;user-select:none;vertical-align:2px;font-weight:400;
}
.gc-tame-kb-icon:hover,.gc-tame-kb-icon:focus-visible{border-color:var(--rd-green);color:var(--rd-green);outline:none;}

/* =========================================================
   REDESIGN 2026 — Fáza 10, beh 2: vnorené rozbaľovacie panely
   (Omráčenie · Narkotiká · Staty tvora) + mobilné rozloženie.

   Predloha ich ukazuje ako zbalené riadky s okrúhlym odznakom, nadpisom,
   jednovetým zhrnutím a odkazom „Zobraziť detaily". Sú to <details>, takže
   fungujú aj bez JS a sú natívne ovládateľné klávesnicou. Zbalený stav nesie
   živý údaj (.gc-tame-acc__stat) — hlavné číslo panela, nie prázdny nadpis.

   Breeding panel (#gc-tame-breeding) dostal len tie isté triedy, aby na
   stránke nevznikol vizuálny šev; obsah ani ID sa nemenili — v behu 3 sa
   sťahuje na vlastnú stránku breeding.php.
   ========================================================= */
.gc-tame-acc-group{display:flex;flex-direction:column;gap:var(--sp-3);}
.gc-tame-acc{
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);border-radius:var(--rd-r);
  box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);min-width:0;
  transition:border-color .2s ease;
}
.gc-tame-acc[open]{border-color:var(--rd-border-strong);}
.gc-tame-acc--wide{margin-top:var(--sp-3);}
.gc-tame-acc__sum{
  display:flex;align-items:center;gap:var(--sp-4);cursor:pointer;list-style:none;
  padding:var(--sp-4) var(--sp-5);
}
.gc-tame-acc__sum::-webkit-details-marker{display:none;}
.gc-tame-acc__sum:focus-visible{outline:2px solid var(--rd-green-line);outline-offset:-3px;}
.gc-tame-acc__badge{
  width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:var(--rd-orange-tint);border:var(--rd-bw) solid rgba(166,85,31,.55);
}
.gc-tame-acc__badge-ico{
  width:22px;height:22px;display:block;
  fill:none;stroke:var(--rd-orange-bright);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.gc-tame-acc__text{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;}
.gc-tame-acc__title{
  font-family:var(--font-display);font-size:20px;letter-spacing:.05em;line-height:1.1;
  text-transform:uppercase;color:var(--rd-ink);
}
.gc-tame-acc__sub{font-style:normal;font-size:13px;line-height:1.45;color:var(--rd-ink-muted);}
/* breeding: summary nemá odznak ani dvojriadkový blok — len nadpis + zhrnutie */
.gc-tame-acc--plain .gc-tame-acc__sub{flex:1 1 auto;min-width:0;}
/* živý údaj v zbalenej hlavičke (JS: setAccStat) */
.gc-tame-acc__stat{
  display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none;text-align:right;
}
/* rozbalený panel tú istú hodnotu ukazuje vo svojom tele — v hlavičke by len
   dvojmo opakovala to isté číslo */
.gc-tame-acc[open] .gc-tame-acc__stat{display:none;}
.gc-tame-acc__stat b{font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--rd-green-bright);}
.gc-tame-acc__stat em{
  font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-tame-acc__more{
  display:flex;align-items:center;gap:7px;flex:none;
  font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rd-orange-bright);
}
.gc-tame-acc__more-hide{display:none;}
.gc-tame-acc[open] .gc-tame-acc__more-show{display:none;}
.gc-tame-acc[open] .gc-tame-acc__more-hide{display:inline;}
.gc-tame-acc__chev{
  width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;
}
.gc-tame-acc[open] .gc-tame-acc__chev{transform:rotate(180deg);}
.gc-tame-acc__sum:hover .gc-tame-acc__title{color:var(--rd-orange-bright);}
.gc-tame-acc__body{padding:var(--sp-5);border-top:var(--rd-bw) solid var(--rd-line);}
.gc-tame-acc__body > :first-child{margin-top:0;}
.gc-tame-acc__body > :last-child{margin-bottom:0;}

/* medzinadpis v tele panela („Odpočet torporu", „Potrebné narkotiká") */
.gc-tame-subhead{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rd-ink-muted);margin:var(--sp-5) 0 var(--sp-3);
}
.gc-tame-subhead em{font-style:normal;letter-spacing:.08em;color:var(--rd-green);}

/* ---------- ovládače omráčenia (Damage % · Variant · PS · Assassin) ---------- */
/* Sú v tele panela, nie v <summary> — vnorené tlačidlá vo <summary> by
   prehliadaču zároveň prepínali panel a Enter by sa k nim nedostal. */
/* Mriežka, nie flex: štyri ovládače majú veľmi rôznu šírku (číselné pole vs.
   štyri chipy), takže vo flexe vznikali nerovnaké medzery a osamotený štvrtý
   ovládač na druhom riadku. auto-fit dá pri šírke panela 2 stĺpce, na mobile 1. */
.gc-tame-ko-tools{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  align-items:start;gap:var(--sp-4) var(--sp-5);
  padding:var(--sp-4);margin-bottom:var(--sp-4);
  background:var(--rd-panel-2);border:var(--rd-bw) solid var(--rd-line);border-radius:var(--rd-r-sm);
}
.gc-tame-tool{display:flex;flex-direction:column;gap:6px;min-width:0;}
.gc-tame-tool > span{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rd-ink-muted);display:flex;align-items:center;gap:5px;
}
.gc-tame-tool input{
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);color:var(--rd-ink);
  font-family:var(--font-mono);font-size:14px;padding:7px 10px;border-radius:var(--rd-r-sm);width:88px;
}
.gc-tame-tool input:focus{outline:none;border-color:var(--rd-green-line);}
.gc-tame-tool input[type=number]{-moz-appearance:textfield;appearance:textfield;}
.gc-tame-tool input[type=number]::-webkit-outer-spin-button,
.gc-tame-tool input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.gc-tame-tool > span.gc-tame-tool-note{
  display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:10px;
  line-height:1.5;color:var(--rd-ink-muted);max-width:210px;margin-top:2px;
}
/* ikonka Poison Specialistu je vedľa popisky ovládača (nie samostatný stĺpec) */
.gc-tame-ps-icon-wrap{position:relative;display:inline-flex;flex:none;margin-left:3px;}
.gc-tame-ps-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:help;border-radius:var(--rd-r-xs);}
.gc-root .gc-tame-ps-icon img{width:26px;height:26px;object-fit:contain;margin:0;display:block;}
/* onerror odstráni <img> → prázdna ikonka dostane „?" odznak s tým istým tooltipom */
.gc-tame-ps-icon:empty::after{
  content:"?";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  border-radius:50%;border:var(--rd-bw) solid var(--rd-ink-muted);color:var(--rd-ink-muted);font-size:12px;line-height:1;
}
.gc-tame-strong{color:var(--rd-ink);font-family:var(--font-mono);font-weight:600;}
.gc-tame-ko-table{min-width:340px;}
.gc-tame-narc-icons{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:10px;}
.gc-tame-narc-tile{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;}
.gc-root .gc-tame-narc-tile img.gc-tame-icon{width:38px;height:38px;margin:0;vertical-align:baseline;}
.gc-tame-narc-tile b{font-family:var(--font-mono);font-size:18px;color:var(--rd-green-bright);font-weight:600;}
.gc-tame-narc-tile span{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-ink-muted);text-align:center;}
.gc-tame-timer{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:var(--sp-3) 0 4px;}
.gc-tame-timer-input{display:flex;flex-direction:column;gap:6px;}
.gc-tame-timer-input span{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-tame-timer-input span em{font-style:normal;color:var(--rd-green);margin-left:6px;text-transform:none;}
.gc-tame-timer-input input{
  background:var(--rd-panel-3);border:var(--rd-bw) solid var(--rd-border);color:var(--rd-ink);
  font-family:var(--font-mono);font-size:14px;padding:8px 10px;border-radius:var(--rd-r-sm);width:90px;
}
.gc-tame-timer-input input:focus{outline:none;border-color:var(--rd-green-line);}
.gc-tame-timer-btn{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  padding:9px 14px;border-radius:var(--rd-r-sm);cursor:pointer;background:var(--rd-panel-3);
  border:var(--rd-bw) solid var(--rd-border);color:var(--rd-ink);transition:border-color .15s,color .15s;
}
.gc-tame-timer-btn:hover:not(:disabled){border-color:var(--rd-green-line);color:var(--rd-green-bright);}
.gc-tame-timer-btn:disabled{opacity:.4;cursor:default;}
/* Štart odpočtu je primárna akcia riadku — ostatné dve sú bez neho zakázané */
.gc-tame-timer-btn--go{border-color:var(--rd-green-line);color:var(--rd-green-bright);background:var(--rd-green-tint);}
.gc-tame-timer-readout{display:flex;gap:var(--sp-5);flex-wrap:wrap;margin:10px 0 var(--sp-3);}
.gc-tame-timer-readout span{display:flex;flex-direction:column;gap:2px;}
.gc-tame-timer-readout b{
  font-family:var(--font-mono);font-size:19px;color:var(--rd-green-bright);font-weight:600;
  font-variant-numeric:tabular-nums;transition:color .15s;
}
.gc-tame-timer-readout em{
  font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rd-ink-muted);
}
.gc-tame-timer-readout b.gc-tame-alert{color:var(--rd-danger);animation:gc-tame-blink 1s step-start infinite;}
@keyframes gc-tame-blink{50%{opacity:.2;}}
/* tabuľky statov aj breedingu sú širšie než stĺpec — skrolujú vo vlastnom obale */
.gc-tame-poststats-body{overflow-x:auto;}
.gc-tame-poststats-h{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rd-ink-muted);margin:var(--sp-4) 0 6px;
}
.gc-tame-poststats-h:first-child{margin-top:0;}
.gc-tame-poststats-table td:nth-child(2){font-family:var(--font-mono);color:var(--rd-ink);}
.gc-tame-poststats-table td:nth-child(3){font-family:var(--font-mono);color:var(--rd-green-bright);}
.gc-tame-breed-controls{margin:0 0 4px;}
.gc-tame-breed-stats{margin-top:var(--sp-4);}

/* ---------- 8. zalamovanie ---------- */
/* karta výsledku sa prestane lepiť, keď je okno nižšie než jej obsah */
@media (max-height:760px){
  .gc-tame-side{position:static;}
}
@media (max-width:1360px){
  .gc-tame-layout{grid-template-columns:230px minmax(0,1fr) 290px;}
}
@media (max-width:1180px){
  /* dossier + potrava vedľa seba, výsledok pod nimi cez celú šírku */
  .gc-tame-layout{grid-template-columns:240px minmax(0,1fr);}
  .gc-tame-side{grid-column:1 / -1;position:static;flex-direction:row;flex-wrap:wrap;align-items:flex-start;}
  .gc-tame-side > *{flex:1 1 320px;}
}
@media (max-width:900px){
  /* Jeden stĺpec. Poradie je iné než v DOM: najprv odpoveď (karta výsledku
     + poľná poznámka), potom identita tvora, až potom detailné tabuľky.
     Lepenie sa vypína — karta má ~340 px, na mobile by trvalo zaberala
     polovicu obrazovky namiesto toho, aby pomáhala. */
  .gc-tame-layout{grid-template-columns:minmax(0,1fr);}
  .gc-tame-side{
    grid-column:auto;position:static;order:1;
    flex-direction:column;flex-wrap:nowrap;gap:var(--sp-4);
  }
  .gc-tame-side > *{flex:0 0 auto;}
  .gc-tame-dossier{order:2;}
  .gc-tame-main{order:3;}
}
@media (max-width:680px){
  .gc-tame-controls{padding:var(--sp-4);gap:var(--sp-3) var(--sp-4);}
  /* na mobile ide každé pole na vlastný riadok — inak majú inputy rôznu
     šírku podľa dĺžky popisky nad nimi */
  .gc-tame-controls > *{flex:1 1 100%;max-width:none;}
  .gc-tame-field--num input,.gc-tame-field--creature select{width:100%;}
  .gc-tame-multrow input{flex:1 1 auto;}
  .gc-tame-table th,.gc-tame-table td{padding:10px var(--sp-3);}
  .gc-tame-result__big{font-size:23px;}
  /* zbalená hlavička panela: text „Zobraziť detaily" ustúpi, ostáva šípka */
  .gc-tame-acc__sum{padding:var(--sp-4);gap:var(--sp-3);}
  .gc-tame-acc .gc-tame-acc__more-show,
  .gc-tame-acc[open] .gc-tame-acc__more-hide{display:none;}
  .gc-tame-acc__badge{width:36px;height:36px;}
  .gc-tame-acc__badge-ico{width:18px;height:18px;}
  .gc-tame-acc__title{font-size:17px;}
  .gc-tame-acc__sub{font-size:12px;}
  .gc-tame-acc__stat b{font-size:16px;}
  .gc-tame-acc__body{padding:var(--sp-4);}
  .gc-tame-ko-tools{padding:var(--sp-3);gap:var(--sp-4);}
  /* trojmiestne číslo nepotrebuje celú šírku riadku */
  .gc-tame-tool input{width:100%;max-width:140px;}
  .gc-tame-tool > span.gc-tame-tool-note{max-width:none;}
}
@media (max-width:420px){
  /* pri veľmi úzkom okne by živý údaj tlačil nadpis do dvoch riadkov */
  .gc-tame-acc__stat{display:none;}
}

/* =========================================================
   REDESIGN 2026 — Fáza 10, beh 3: breeding.php + krížové odkazy

   Breeding sa odsťahoval z panela na taming.php na vlastnú stránku. Používa
   tie isté komponenty (pás ovládačov, dossier panel, .gc-rd-panel, tabuľky
   .gc-tame-poststats-*), pribudlo len dvojstĺpcové rozloženie bez lepiacej
   karty výsledku a karta krížového odkazu na druhú kalkulačku.
   ========================================================= */

/* dossier vľavo, výstup vpravo — žiadny tretí stĺpec, breeding nemá čo lepiť */
.gc-tame-layout--breed{grid-template-columns:250px minmax(0,1fr);}
/* dlaždice výstupu (inkubácia, maturácia, imprint) sú prvá vec v tele panela */
.gc-tame-breedpanel .gc-tame-breed-stats:first-child{margin-top:0;}
.gc-tame-breedpanel .gc-tame-poststats-h:first-child{margin-top:0;}

/* ---------- krížový odkaz na druhú kalkulačku ---------- */
/* Na taming.php stojí presne tam, kde bol breeding panel — bez neho by stránka
   pod panelmi končila naprázdno. Je to <a>, nie tlačidlo: vedie inam. */
.gc-tame-cross{
  display:flex;align-items:center;gap:var(--sp-4);
  margin-top:var(--sp-3);padding:var(--sp-4) var(--sp-5);
  background:var(--rd-panel);border:var(--rd-bw) solid var(--rd-border);
  border-radius:var(--rd-r);box-shadow:var(--rd-inner-light),var(--rd-shadow-sm);
  text-decoration:none;transition:border-color .2s ease,background .2s ease;
}
.gc-tame-cross:hover,.gc-tame-cross:focus-visible{border-color:var(--rd-green-line);background:var(--rd-panel-2);}
.gc-tame-cross:focus-visible{outline:2px solid var(--rd-green-line);outline-offset:2px;}
.gc-tame-cross__badge{
  width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:var(--rd-green-tint);border:var(--rd-bw) solid var(--rd-green-deep);
}
.gc-tame-cross__ico{
  width:22px;height:22px;display:block;
  fill:none;stroke:var(--rd-green-bright);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.gc-tame-cross__text{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;}
.gc-tame-cross__title{
  font-family:var(--font-display);font-size:20px;letter-spacing:.05em;line-height:1.1;
  text-transform:uppercase;color:var(--rd-ink);transition:color .15s;
}
.gc-tame-cross:hover .gc-tame-cross__title{color:var(--rd-green-bright);}
.gc-tame-cross__sub{font-size:13px;line-height:1.45;color:var(--rd-ink-muted);}
.gc-tame-cross__go{
  display:flex;align-items:center;gap:7px;flex:none;
  font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rd-orange-bright);
}
.gc-tame-cross__arrow{
  width:16px;height:16px;flex:none;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;
}
.gc-tame-cross:hover .gc-tame-cross__arrow{transform:translateX(3px);}

@media (max-width:1180px){
  /* dossier ostáva vedľa, len užší — výstup breedingu je textový, znesie to */
  .gc-tame-layout--breed{grid-template-columns:220px minmax(0,1fr);}
}
@media (max-width:900px){
  .gc-tame-layout--breed{grid-template-columns:minmax(0,1fr);}
  /* rovnaké poradie ako pri tamingu: najprv odpoveď, potom identita tvora */
  .gc-tame-layout--breed .gc-tame-dossier{order:2;}
  .gc-tame-layout--breed .gc-tame-main{order:1;}
}
@media (max-width:680px){
  .gc-tame-cross{padding:var(--sp-4);gap:var(--sp-3);flex-wrap:wrap;}
  .gc-tame-cross__badge{width:36px;height:36px;}
  .gc-tame-cross__ico{width:18px;height:18px;}
  .gc-tame-cross__title{font-size:17px;}
  .gc-tame-cross__sub{font-size:12px;}
  .gc-tame-cross__go{width:100%;justify-content:flex-end;}
}

/* ---------- pás ovládačov na breeding.php ---------- */
/* Šesť ovládačov rovnakej povahy (tvor + 5 multiplikátorov). Vo flexe sa lámali
   do dvoch nerovnako plných riadkov, mriežka ich drží v jednom rade a zarovná
   inputy na spoločnú základňu aj pri dvojriadkových popiskách. Popisky sa tu
   NESMÚ držať na jednom riadku (na rozdiel od taming.php) — „Liahnutie /
   gestácia × (server: 8×)" je širšia než jej stĺpec. */
@media (min-width:681px){
  #gc-breed .gc-tame-controls{
    display:grid;grid-template-columns:minmax(200px,290px) repeat(5,minmax(0,1fr));
    align-items:end;gap:var(--sp-4) var(--sp-5);
  }
  #gc-breed .gc-tame-field--creature{max-width:none;}
  /* popiska sa zalomí ako celok a „(server: …)" ide na vlastný riadok pod ňu —
     inak sa vo flexe rozpadne na dva stĺpce vedľa seba */
  /* blok, nie flex: pri dvojriadkovej popiske by ikonka ostala sama na prvom
     riadku (je to samostatná flex položka). Takto tečie s textom. */
  #gc-breed .gc-tame-field > span{display:block;white-space:normal;}
  #gc-breed .gc-tame-field > span .gc-tame-field__icon{display:inline-block;vertical-align:-3px;margin-right:6px;}
  #gc-breed .gc-tame-field > span em{display:block;margin:2px 0 0 21px;}
  #gc-breed .gc-tame-field--num input{width:100%;}
}
@media (min-width:681px) and (max-width:1080px){
  #gc-breed .gc-tame-controls{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Dossier na breeding.php nesie len obrázok, meno a (voliteľnú) poznámku —
   prázdne telo panela by pod obrázkom nechalo pás prázdneho pozadia. */
#gc-breed .gc-tame-dossier__body{padding:0;}
#gc-breed .gc-tame-note{margin:var(--sp-4);}

/* =========================================================
   ČLÁNOK S OBRÁZKAMI A ZOZNAMAMI (astraeos.php)
   Rozšírenie .gc-rd-article z Fázy 7b — genesis.php je čistý text,
   astraeos.php má navyše screenshoty a patch notes. Všetko je scopované
   do .gc-rd-article, takže sa genesis.php (žiadne <ul>, žiadny <figure>)
   nemôže dotknúť.
   ========================================================= */
/* Clanok vyplna cely stlpec obsahu (.gc-rd-wrap = --maxw-wide), nie uzky
   760 px pas z .gc-rd-article. Vdaka tomu sedi jeho lavy okraj so znackou
   v navigacii a pravy s Discord tlacidlom - nav pouziva presne ten isty
   kontajner (Faza 3c). Plati LEN pre astraeos.php; genesis.php ostava na
   povodnych 760 px. */
.gc-rd-article--wide{max-width:none;}
/* Beziaci text sa ale nenecha roztiahnut na celych 1472 px - to je ~180
   znakov na riadok. Nadpisy, obrazky a tlacidla ostavaju na plnej sirke
   (od znacky po Discord CTA), zuzia sa len odseky a zoznamy patch notes,
   teda vsetko, co sa naozaj cita suvisle. Zamerne > (priamy potomok):
   odsek vnutri <figure> ani inde vnoreny text sa tym nema riadit.
   .gc-rd-note si drzi svojich 60ch - ma vyssiu specificitu (0,2,0). */
.gc-rd-article--wide > p,
.gc-rd-article--wide > .gc-rd-article__list{max-width:900px;}
.gc-rd-article__fig{margin:var(--sp-5) 0 var(--sp-6);}
.gc-rd-article__fig .gc-shot{cursor:zoom-in;}
/* .gc-shot si kreslí popisku z data-game ako odznak v rohu — tu by
   zdvojila <figcaption> pod obrázkom. Atribút ale musí zostať, berie
   si z neho popisku lightbox (wireGallery()), takže sa skrýva len odznak. */
.gc-rd-article__fig .gc-shot::after{content:none;}
.gc-rd-article__fig figcaption{
  margin-top:var(--sp-2);font-family:var(--font-mono);font-size:12px;line-height:1.5;
  color:var(--rd-ink-muted);
}
/* .gc-root ul má list-style:none — odrážku si kreslíme sami, aby mala
   farbu akcentu a nezávisela od UA štýlu. */
.gc-rd-article__list{margin:0 0 var(--sp-4);}
.gc-rd-article__list li{
  position:relative;padding-left:var(--sp-4);margin-bottom:6px;
  font-size:var(--fs-body);line-height:1.7;color:var(--rd-ink-body);
}
.gc-rd-article__list li:last-child{margin-bottom:0;}
.gc-rd-article__list li::before{
  content:"";position:absolute;left:2px;top:.68em;
  width:5px;height:5px;border-radius:50%;background:var(--rd-orange);
}
/* medzinázov sekcie patch notes — menší než .gc-rd-title, aby sa nebil
   s H2 nadpismi článku */
.gc-root .gc-rd-article__sub{
  margin:var(--sp-6) 0 var(--sp-3);font-size:var(--fs-h3);letter-spacing:.05em;color:var(--rd-ink);
}