:root{
  --inkoust:#2e2116; --inkoust-bledy:#6a5540; --rubrika:#8c2812; --rubrika-tmava:#5f1a0b;
  --zlato-1:#f3d28a; --zlato-2:#b8893e; --zlato-3:#6f4e1d;
  --pergamen:#e3d1a9; --noc:#0f0905;
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --kapitalky:"Cinzel","EB Garamond",Georgia,serif;
  --iniciala:"Cinzel Decorative","Cinzel",Georgia,serif;
}
*{box-sizing:border-box}
html{background:var(--noc); overflow-y:scroll; scrollbar-gutter:stable}
html::before{
  /* Stůl je pevná vrstva za stránkou. Výška 100lvh drží i při schování adresní lišty
     na mobilu, posuvník je vždy rezervovaný - obrázek se nepřeškáluje ani neposkočí. */
  content:""; position:fixed; left:0; top:0; width:100%; height:100vh; height:100lvh; z-index:-1;
  background:url("../img/stul.jpg") center/cover no-repeat;
}
html,body{margin:0}
body{
  color:var(--inkoust); font-family:var(--serif); min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0;
  background:radial-gradient(ellipse 80% 70% at 50% 20%, transparent 40%, rgba(8,4,2,.78) 100%);
}
.obal{position:relative; z-index:1; max-width:900px; margin:0 auto; padding:4vh 16px 8vh}

.list{
  background:var(--pergamen) url("../img/pergamen-dlazdice.jpg") top center/1000px auto repeat;
  border-radius:3px; box-shadow:0 30px 60px rgba(0,0,0,.55), inset 0 0 40px rgba(60,40,10,.25);
  padding:5vh 6vw; margin-bottom:24px;
}

.zahlavi-portal{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6em; margin-bottom:.6em; border-bottom:1px solid var(--zlato-2); padding-bottom:.5em}
.zahlavi-portal a{font-family:var(--kapitalky); font-size:.8em; letter-spacing:.08em; color:var(--rubrika); text-decoration:none}
.zahlavi-portal a:hover{text-decoration:underline}
.nazev-portalu{font-family:var(--kapitalky); font-size:1.1em; letter-spacing:.1em; color:var(--inkoust)}
.tlacitko-zpet{
  order:-1; display:inline-flex; align-items:center; gap:.3em;
  font-size:.78em!important; letter-spacing:.06em!important;
  color:var(--pergamen)!important; background:linear-gradient(160deg,var(--rubrika),var(--rubrika-tmava));
  border:1px solid var(--zlato-2); border-radius:4px; padding:.5em .9em;
  box-shadow:0 2px 6px rgba(0,0,0,.4); text-decoration:none!important; white-space:nowrap;
}
.tlacitko-zpet:hover{background:linear-gradient(160deg,var(--rubrika-tmava),var(--rubrika-tmava)); text-decoration:none!important}

nav.stezky{display:flex; flex-wrap:wrap; gap:1.2em; margin:0 0 3vh; font-family:var(--kapitalky); font-size:.8em; letter-spacing:.08em; text-transform:uppercase}
nav.stezky a{color:var(--rubrika); text-decoration:none; padding-bottom:.2em; border-bottom:2px solid transparent}
nav.stezky a.aktivni,nav.stezky a:hover{border-color:var(--rubrika)}

h1.titul{font-family:var(--iniciala); color:var(--rubrika); font-size:2em; margin:0 0 .2em}
p.podtitul{font-style:italic; color:var(--inkoust-bledy); margin:0 0 3vh}

table.hraci{width:100%; border-collapse:collapse}
table.hraci th{font-family:var(--kapitalky); font-size:.72em; letter-spacing:.1em; text-transform:uppercase; color:var(--rubrika); text-align:left; padding:.4em .5em; border-bottom:1px solid var(--zlato-2)}
table.hraci td{padding:.45em .5em; border-bottom:1px solid rgba(111,78,29,.25)}
table.hraci tr:hover td{background:rgba(140,40,18,.06)}
.pocet{font-family:var(--kapitalky); font-size:.75em; color:var(--inkoust-bledy)}
.prazdno{font-style:italic; color:var(--inkoust-bledy)}
.brzy{font-style:italic; color:var(--inkoust-bledy); text-align:center; padding:4vh 0}

@media (max-width:640px){
  .list{padding:5vh 6vw}
  table.hraci{font-size:.9em}
  table.hraci .jen-sirsi{display:none}
}

/* ---------- armory ---------- */
.s-navrhy{position:relative}
.navrhy-jmena{
  position:absolute; top:calc(100% + 4px); left:0; right:0; z-index:10;
  background:var(--pergamen) url("../img/pergamen-dlazdice.jpg") top left/700px auto repeat;
  border:1px solid var(--zlato-2); border-radius:2px; box-shadow:0 8px 20px rgba(0,0,0,.5);
  max-height:220px; overflow-y:auto;
}
.navrhy-jmena.skryto{display:none}
.navrh-jmena{
  display:flex; justify-content:space-between; gap:1em; padding:.45em .8em; cursor:pointer;
  border-bottom:1px solid rgba(111,78,29,.2); font-family:var(--serif);
}
.navrh-jmena:last-child{border-bottom:none}
.navrh-jmena:hover{background:rgba(140,40,18,.1)}
.navrh-uroven{font-size:.78em; color:var(--inkoust-bledy); font-family:var(--kapitalky)}

#hledani,#hledani-predmetu{display:flex; gap:.6em; margin-bottom:3vh}
#hledani input,#hledani-predmetu input{
  flex:1; font-family:var(--serif); font-size:1em; padding:.5em .7em;
  border:1px solid var(--zlato-2); border-radius:2px; background:rgba(255,255,255,.35); color:var(--inkoust);
}
#hledani button,#hledani-predmetu button{
  font-family:var(--kapitalky); font-size:.8em; letter-spacing:.06em; text-transform:uppercase;
  padding:.5em 1.2em; border:1px solid var(--rubrika); border-radius:2px; background:var(--rubrika);
  color:var(--pergamen); cursor:pointer;
}
#hledani button:hover,#hledani-predmetu button:hover{background:var(--rubrika-tmava)}
h2.titul-mensi{font-family:var(--iniciala); color:var(--rubrika); font-size:1.4em; margin:3vh 0 .2em}

/* "Character screen" - tmavá podložka panelu. Kůže je jen tichý náznak
   v pozadí, ne velká hlučná plocha - hlavní je téměř černá hloubka. */
.obrazovka-postavy{
  background:#0a0603 url("../img/usne.jpg") center/cover;
  background-blend-mode:multiply;
  border:1px solid var(--zlato-2); border-radius:4px; padding:2.6em 1.8em;
  box-shadow:inset 0 0 70px rgba(0,0,0,.85), 0 10px 30px rgba(0,0,0,.5);
  position:relative; overflow:hidden;
}
.obrazovka-postavy::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 70% 65% at 50% 38%, rgba(40,26,14,.35) 0%, rgba(0,0,0,.88) 100%);
}
/* Zlatá páteř spojující sloupce s kartou - vizuální osa, aby se panel necítil jako rozsypané kostky. */
.obrazovka-postavy::after{
  content:""; position:absolute; left:50%; top:8%; bottom:8%; width:1px; transform:translateX(-50%);
  background:linear-gradient(to bottom, transparent, rgba(243,210,138,.35) 15%, rgba(243,210,138,.35) 85%, transparent);
  pointer-events:none;
}
.obrazovka-postavy .panel-postavy{position:relative; z-index:1}
.obrazovka-postavy .slot-predmetu{border-color:rgba(243,210,138,.28); background:rgba(0,0,0,.5)}
/* Karta na tmavém pozadí potřebuje světlý text - původní barvy počítaly se světlým pergamenem. */
.obrazovka-postavy .karta-postavy{
  background:linear-gradient(180deg, rgba(30,20,10,.6), rgba(0,0,0,.55));
  border-color:rgba(243,210,138,.55); box-shadow:0 0 0 1px rgba(0,0,0,.4), 0 6px 20px rgba(0,0,0,.5);
}
.obrazovka-postavy .karta-postavy .titul-hrdiny{color:var(--zlato-1)}
.obrazovka-postavy .statistiky-postavy dt{color:var(--zlato-2)}
.obrazovka-postavy .statistiky-postavy dd{color:var(--pergamen)}

/* Panel postavy: dva sloupce slotů kolem karty, zarovnané po řádcích, zbraně pod tím. */
.panel-postavy{display:grid; grid-template-columns:1fr 210px 1fr; gap:1.6em; align-items:start; justify-items:center}
.sloupec-slotu{display:grid; grid-template-rows:repeat(8, 52px); gap:.55em}
.sloupec-slotu:first-child{justify-items:end}
.sloupec-slotu:last-child{justify-items:start}
.radek-zbrani{grid-column:1/-1; display:flex; justify-content:center; gap:.6em; margin-top:.4em}

.slot-predmetu{
  position:relative; width:52px; height:52px; border:1px solid rgba(111,78,29,.5); border-radius:3px;
  background:rgba(20,14,6,.55); overflow:hidden; cursor:default;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);
}
.ikona-predmetu{width:100%; height:100%; object-fit:cover; display:block}
.slot-predmetu.prazdny{background:rgba(0,0,0,.3)}
.slot-predmetu.prazdny::after{
  content:""; position:absolute; inset:8px; border:1px solid rgba(111,78,29,.3); border-radius:2px;
}
.slot-predmetu:not(.prazdny):hover{transform:scale(1.1); z-index:2; box-shadow:0 4px 14px rgba(0,0,0,.6)}

.karta-postavy{
  background:rgba(0,0,0,.18); border:1px solid var(--zlato-2); border-radius:4px;
  padding:1.2em 1em; text-align:center; font-family:var(--kapitalky); width:100%;
}
.karta-postavy .jmeno-hrdiny{
  font-size:1.3em; display:block; margin-bottom:.15em; text-shadow:0 1px 2px rgba(0,0,0,.5);
}
.karta-postavy .titul-hrdiny{font-size:.68em; letter-spacing:.05em; color:var(--inkoust-bledy); display:block; margin-bottom:.9em; padding-bottom:.7em; border-bottom:1px solid rgba(111,78,29,.35)}
/* Statistiky jako řádek destiček, ne roztažený seznam - drží pohromadě. */
.statistiky-postavy{display:flex; justify-content:center; flex-wrap:wrap; gap:.5em; margin:0}
.statistiky-postavy > div{padding:.35em .6em; border:1px solid rgba(111,78,29,.3); border-radius:3px; background:rgba(0,0,0,.12); min-width:4.2em}
.statistiky-postavy dt{margin:0; color:var(--inkoust-bledy); font-family:var(--kapitalky); font-size:.6em; letter-spacing:.07em; text-transform:uppercase}
.statistiky-postavy dd{margin:.1em 0 0; font-family:var(--serif); font-size:.82em}
.stav-online{display:inline-block; width:.55em; height:.55em; border-radius:50%; margin-right:.35em}
.stav-online.ano{background:#3a8a3a}
.stav-online.ne{background:#8a3a3a}

/* Tooltip predmetu - utrzek pergamenu, ne cerna blizzardi bublina. */
.tooltip-predmetu{
  position:fixed; z-index:50; max-width:280px; pointer-events:none;
  background:var(--pergamen) url("../img/pergamen.jpg") center/cover;
  border:1px solid var(--zlato-2); border-radius:3px; box-shadow:0 8px 24px rgba(0,0,0,.6);
  padding:.7em .9em; font-family:var(--serif); font-size:.85em; color:var(--inkoust);
  transition:opacity .1s;
}
.tooltip-predmetu.skryto{opacity:0; visibility:hidden}
.tooltip-predmetu .tt-jmeno{font-family:var(--kapitalky); font-weight:700; display:block; margin-bottom:.1em}
.tooltip-predmetu .tt-kvalita{font-size:.75em; font-style:italic; display:block; margin-bottom:.4em}
.tooltip-predmetu .tt-radek{margin:.1em 0}
.tooltip-predmetu .tt-uroven{color:var(--inkoust-bledy); font-size:.8em; margin-top:.3em}
.tooltip-predmetu .tt-popis{font-style:italic; color:var(--rubrika-tmava); margin-top:.4em}
.tooltip-predmetu .tt-cena{color:var(--inkoust-bledy); font-size:.8em; margin-top:.4em; border-top:1px solid rgba(111,78,29,.3); padding-top:.3em}
.tooltip-predmetu .tt-sada{margin-top:.4em; border-top:1px solid rgba(111,78,29,.3); padding-top:.3em}
.tooltip-predmetu .tt-sada-jmeno{color:#e6cc80; font-weight:700}
.tooltip-predmetu .tt-sada-predmet{color:var(--inkoust-bledy); font-size:.85em}
.tooltip-predmetu .tt-sada-bonus{color:#e6cc80; font-size:.85em; margin-top:.15em}

@media (max-width:640px){
  .panel-postavy{grid-template-columns:1fr; justify-items:center}
  .sloupec-slotu{flex-direction:row; flex-wrap:wrap; justify-content:center}
  .sloupec-slotu .slot-predmetu,.sloupec-slotu:last-child .slot-predmetu{align-self:auto}
  .karta-postavy{order:-1; width:100%}
}

/* ---------- uspechy ---------- */
.blok-uspechu{margin-top:3vh; padding-top:2vh; border-top:1px solid var(--zlato-2)}
.blok-uspechu h3{font-family:var(--kapitalky); color:var(--rubrika); margin:0 0 1em}
.pocet-bodu{color:var(--inkoust-bledy); font-size:.75em; font-weight:400}
.seznam-uspechu{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:.6em}
.seznam-uspechu li{padding:.6em .8em; border:1px solid rgba(111,78,29,.3); border-radius:3px; background:rgba(255,255,255,.15)}
.hlavicka-uspechu{display:flex; justify-content:space-between; gap:.6em; font-family:var(--kapitalky); font-size:.85em}
.jmeno-uspechu{color:var(--rubrika); font-weight:700}
.body-uspechu{color:var(--zlato-2); flex-shrink:0}
.popis-uspechu{font-size:.82em; font-style:italic; margin:.3em 0; color:var(--inkoust)}
.datum-uspechu{font-size:.72em; color:var(--inkoust-bledy)}

/* ---------- forum ---------- */
.seznam-temat{list-style:none; margin:0; padding:0}
.seznam-temat li{padding:.7em 0; border-bottom:1px solid rgba(111,78,29,.25); display:flex; justify-content:space-between; gap:1em; flex-wrap:wrap}
.seznam-temat a{color:var(--rubrika); text-decoration:none; font-weight:600}
.seznam-temat a:hover{text-decoration:underline}
.tema-info{font-size:.82em; color:var(--inkoust-bledy)}

.prispevek{padding:1em 0; border-bottom:1px solid rgba(111,78,29,.2)}
.prispevek .hlavicka-prispevku{display:flex; justify-content:space-between; gap:1em; font-family:var(--kapitalky); font-size:.78em; color:var(--inkoust-bledy); margin-bottom:.4em}
.prispevek .autor-prispevku{color:var(--rubrika); font-weight:700}
.prispevek .text-prispevku{white-space:pre-wrap}
.prispevek.ceka{opacity:.65}
.prispevek.ceka .znacka{color:var(--rubrika); font-style:italic}
.prispevek.skryto .text-prispevku{font-style:italic; color:var(--inkoust-bledy)}

.nove-tema,.novy-prispevek{margin-top:2vh; padding-top:2vh; border-top:1px solid var(--zlato-2)}
.nove-tema input,.nove-tema textarea,.novy-prispevek textarea,.novy-prispevek input{
  width:100%; font-family:var(--serif); font-size:1em; padding:.5em .7em; margin-bottom:.6em;
  border:1px solid var(--zlato-2); border-radius:2px; background:rgba(255,255,255,.35); color:var(--inkoust);
}
.nove-tema textarea,.novy-prispevek textarea{min-height:7em; resize:vertical}
.zprava-odeslani{font-style:italic; margin-top:.6em}
.zprava-odeslani.chybova{color:var(--rubrika)}

/* ---------- mapa ---------- */
nav.kontinenty{display:flex; flex-wrap:wrap; gap:.5em; margin:1em 0 2em}
nav.kontinenty button{
  font-family:var(--kapitalky); font-size:.75em; letter-spacing:.06em; text-transform:uppercase;
  padding:.5em 1em; border:1px solid var(--zlato-2); border-radius:2px; background:rgba(255,255,255,.25);
  color:var(--inkoust); cursor:pointer;
}
nav.kontinenty button.aktivni{background:var(--rubrika); border-color:var(--rubrika); color:var(--pergamen)}

.platno-mapy{
  position:relative; width:100%; max-width:760px; margin:0 auto;
  aspect-ratio:966/732;
  background:#b89b63 center/cover no-repeat;
  border:2px solid var(--zlato-2); border-radius:3px; overflow:hidden;
  box-shadow:inset 0 0 30px rgba(60,40,10,.35);
  transition:background-image .2s ease;
}
.platno-mapy[data-obrazek="azeroth"]{background-image:url("../img/mapa/azeroth.jpg"); aspect-ratio:966/732}
.platno-mapy[data-obrazek="outland"]{background-image:url("../img/mapa/outland.jpg"); aspect-ratio:966/695}
.platno-mapy[data-obrazek="northrend"]{background-image:url("../img/mapa/northrend.jpg"); aspect-ratio:966/732}
.tecka-hrdiny{
  position:absolute; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; padding:0; border-radius:50%;
  background:var(--zlato-2); border:1px solid var(--zlato-1); cursor:pointer;
  box-shadow:0 0 4px rgba(0,0,0,.55); transition:transform .12s ease;
}
/* Barvy stran - stejné jako na mapě ve hře: Aliance modrá, Horda červená. */
.tecka-hrdiny.aliance{background:#2f6bd8; border-color:#cfe0ff}
.tecka-hrdiny.horda{background:#c0271d; border-color:#ffd5c8}
.tecka-hrdiny:hover,.tecka-hrdiny:focus-visible{transform:scale(1.6); outline:none; z-index:2}

.bublina-mapy{
  position:absolute; z-index:3; transform:translate(10px,-50%); pointer-events:none;
  background:rgba(33,22,10,.92); color:#f3e6c8; border:1px solid var(--zlato-2); border-radius:3px;
  padding:.35em .6em; font-size:.8em; line-height:1.35; white-space:nowrap;
  box-shadow:0 4px 12px rgba(0,0,0,.45);
}
.bublina-mapy.vlevo{transform:translate(calc(-100% - 10px),-50%)}
.bublina-mapy strong{display:block; font-family:var(--kapitalky); letter-spacing:.04em}
.bublina-mapy.aliance strong{color:#9cc0ff}
.bublina-mapy.horda strong{color:#ff9d8f}
.bublina-mapy span{opacity:.85}

.legenda-mapy{display:flex; justify-content:center; gap:1.4em; margin:.8em 0 0; font-size:.8em; color:var(--inkoust-bledy)}
.legenda-mapy i{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:.4em; vertical-align:-1px}
.legenda-mapy .aliance i{background:#2f6bd8}
.legenda-mapy .horda i{background:#c0271d}

/* ---------- ucet ---------- */
#stav-uctu{font-size:.75em}
#stav-uctu .jmeno-uctu{font-family:var(--kapitalky); color:var(--rubrika); font-weight:700}
#stav-uctu a{color:var(--rubrika)}
.prihlaseni-forma{display:inline-flex; gap:.4em; align-items:center}
.prihlaseni-forma input{
  font-family:var(--serif); font-size:.95em; padding:.3em .5em; width:9em;
  border:1px solid var(--zlato-2); border-radius:2px; background:rgba(255,255,255,.35); color:var(--inkoust);
}
.prihlaseni-forma button{
  font-family:var(--kapitalky); font-size:.75em; letter-spacing:.05em; text-transform:uppercase;
  padding:.35em .8em; border:1px solid var(--rubrika); border-radius:2px; background:var(--rubrika); color:var(--pergamen); cursor:pointer;
}
.chyba-prihlaseni{color:var(--rubrika); font-style:italic; margin-left:.4em}
.vyber-postavy{
  font-family:var(--serif); font-size:.85em; padding:.15em .4em; margin:0 .2em;
  border:1px solid var(--zlato-2); border-radius:2px; background:rgba(255,255,255,.35); color:var(--inkoust);
}

/* ---------- erb postavy ---------- */
.erb-postavy{display:flex; flex-direction:column; align-items:center; margin-bottom:.6em}
.erb-stit{
  width:56px; height:64px; clip-path:polygon(50% 0%, 100% 0%, 100% 55%, 50% 100%, 0% 55%, 0% 0%);
  background:linear-gradient(160deg, var(--erb-barva) 0%, rgba(0,0,0,.55) 100%);
  border:2px solid var(--erb-ram, var(--zlato-2));
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 3px 8px rgba(0,0,0,.6);
}
.erb-symbol{font-size:1.6em; filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}
.erb-uroven{
  margin-top:-.5em; font-family:var(--kapitalky); font-size:.65em; letter-spacing:.05em;
  background:var(--noc); color:var(--zlato-1); border:1px solid var(--zlato-2); border-radius:2px;
  padding:.1em .5em;
}

/* ---------- hledani predmetu ---------- */
.mrizka-hledani{display:grid; grid-template-columns:repeat(auto-fill,minmax(90px,1fr)); gap:1em}
.vysledek-predmetu-box{display:flex; flex-direction:column; align-items:center; gap:.3em; text-align:center}
.vysledek-predmetu-box .slot-predmetu{width:48px; height:48px}
.jmeno-pod-ikonou{font-size:.72em; color:var(--inkoust-bledy); line-height:1.2}

/* ---------- stuhy: stejne zalozky jako v knize, at je vzdy cesta zpet ---------- */
.stuhy{
  position:fixed; left:0; top:50%; z-index:5;
  display:flex; flex-direction:column; gap:clamp(6px,1.3vh,13px);
  transform:translateY(-50%);
}
.stuha{
  position:relative; display:flex; align-items:center;
  padding:.6em 1.3em .6em 1.15em; margin-left:-10px;
  font-family:var(--kapitalky); font-weight:700; font-size:clamp(11px,1.35vw,13px);
  letter-spacing:.09em; text-transform:uppercase; white-space:nowrap;
  color:#f3e3bd; text-decoration:none;
  clip-path:polygon(0 0, 100% 0, calc(100% - 11px) 50%, 100% 100%, 0 100%);
  box-shadow:2px 4px 10px rgba(0,0,0,.55);
  transition:transform .28s cubic-bezier(.34,1.4,.64,1), box-shadow .28s ease, margin-left .28s ease;
}
.stuha:hover,.stuha:focus-visible{transform:translateX(12px); margin-left:0; box-shadow:4px 6px 16px rgba(0,0,0,.6); outline:0}
/* Stranka, na ktere clovek prave je, ma stuhu vytazenou. */
.stuha[aria-current="page"]{transform:translateX(12px); margin-left:0}
.stuha::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.16), transparent 40%);
}
.stuha-vstup{background:linear-gradient(135deg,#7a1f6e,#3d0f37)}
.stuha-vybava{background:linear-gradient(135deg,#5c4a2e,#2e2416)}
.stuha-stazeni{background:linear-gradient(135deg,#8a6a1c,#45340c)}
.stuha-hrdinove{background:linear-gradient(135deg,#8c2812,#4a1408)}
.stuha-postavy{background:linear-gradient(135deg,#6b2f8c,#3a1a4a)}
.stuha-mapa{background:linear-gradient(135deg,#3e5c2e,#1e2e15)}
.stuha-databaze{background:linear-gradient(135deg,#3e5566,#1c2933)}
.stuha-forum{background:linear-gradient(135deg,#2e4f5c,#152631)}

/* Kde by stuhy vlevo zakryly pergamen, presunou se dolu jako lista. */
@media (max-width:1240px){
  .stuhy{top:auto; bottom:0; left:0; right:0; transform:none; flex-direction:row; flex-wrap:wrap;
         justify-content:center; gap:5px; padding:6px 4px; background:rgba(12,7,3,.82)}
  .stuha{margin-left:0; padding:.45em .8em; clip-path:none; font-size:10.5px; box-shadow:none}
  .stuha:hover,.stuha:focus-visible,.stuha[aria-current="page"]{transform:none; outline:1px solid #f3e3bd}
  .obal{padding-bottom:calc(8vh + 90px)}
}
@media (prefers-reduced-motion:reduce){ .stuha{transition:none} }

/* ---------- ke stažení ---------- */
h2.oddil{font-family:var(--kapitalky); color:var(--rubrika); font-size:1.2em; letter-spacing:.08em; margin:4vh 0 1em; border-bottom:1px solid var(--zlato-2); padding-bottom:.3em}
ol.kroky{margin:0 0 .8em; padding-left:1.4em; line-height:1.55}
ol.kroky li{margin-bottom:.35em}
p.pozor{font-size:.92em; font-style:italic; color:var(--inkoust-bledy); margin:0 0 2.5vh}
code,kbd,pre.prikaz{font-family:Consolas,"Courier New",monospace; font-size:.88em; background:rgba(111,78,29,.12); border-radius:3px; padding:.05em .35em; overflow-wrap:anywhere}
kbd{border:1px solid rgba(111,78,29,.45); border-bottom-width:2px}
pre.prikaz{display:inline-block; margin:.2em 0 0; padding:.4em .8em; font-size:.95em}
section.soubor{
  border:1px solid rgba(111,78,29,.45); border-radius:4px; padding:1.1em 1.3em 1.2em; margin:0 0 1.4em;
  background:rgba(255,248,230,.28); box-shadow:inset 0 0 18px rgba(111,78,29,.12);
}
section.soubor header{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.5em}
section.soubor h2{font-family:var(--kapitalky); color:var(--inkoust); font-size:1.15em; letter-spacing:.06em; margin:0}
section.soubor p{line-height:1.55; margin:.6em 0}
section.soubor ul{margin:.4em 0 .6em; padding-left:1.3em; line-height:1.5}
section.soubor ul li{margin-bottom:.25em}
.verze{font-family:var(--kapitalky); font-size:.72em; letter-spacing:.08em; color:var(--inkoust-bledy)}
.znacka{font-family:var(--kapitalky); font-size:.7em; letter-spacing:.1em; text-transform:uppercase; color:var(--pergamen); background:var(--zlato-3); border-radius:3px; padding:.25em .6em}
p.ovladani{font-size:.94em}
p.akce{display:flex; flex-wrap:wrap; align-items:center; gap:.8em; margin:1em 0 0}
a.stahnout{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--kapitalky); font-size:.85em; letter-spacing:.06em; text-decoration:none;
  color:var(--pergamen); background:linear-gradient(160deg,var(--rubrika),var(--rubrika-tmava));
  border:1px solid var(--zlato-2); border-radius:4px; padding:.6em 1.1em; box-shadow:0 2px 6px rgba(0,0,0,.35);
}
a.stahnout::before{content:"⬇"; font-family:var(--serif)}
a.stahnout:hover,a.stahnout:focus-visible{background:linear-gradient(160deg,var(--rubrika-tmava),var(--rubrika-tmava)); outline:0}
.velikost{font-size:.85em; color:var(--inkoust-bledy); font-style:italic}
section.soubor-vse{background:rgba(140,40,18,.06)}

/* Vlastní hrdinové přihlášeného účtu (armory, mapa) */
.moji-hrdinove{display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin:.6rem 0 0}
.moji-hrdinove-popis{font-style:italic; opacity:.8}
.muj-hrdina{font:inherit; padding:.15rem .6rem; border:1px solid var(--inkoust, #3b2a1a); border-radius:3px;
  background:transparent; color:inherit; cursor:pointer}
.muj-hrdina:hover,.muj-hrdina:focus-visible{background:rgba(120,80,30,.15)}
.tecka-hrdiny.moje{box-shadow:0 0 0 3px #e2b33c, 0 0 10px 3px rgba(226,179,60,.8); z-index:1}

/* Boží zásah */
.karta-zasahu{margin:3vh 0 0; padding-top:2vh; border-top:1px solid var(--zlato-2, rgba(111,78,29,.4))}
.forma-zasahu{display:flex; flex-direction:column; gap:.8em; align-items:flex-start}
.forma-zasahu select,.forma-zasahu button{font:inherit}
.forma-zasahu fieldset.cile{border:1px solid rgba(111,78,29,.35); padding:.4em .9em .6em}
.forma-zasahu fieldset.cile label{display:block; margin:.2em 0}
.pozn{font-style:italic; color:var(--inkoust-bledy); font-size:.92em}
.seznam-zasahu{list-style:none; padding:0; margin:.4em 0}
.seznam-zasahu li{padding:.25em 0; border-bottom:1px dotted rgba(111,78,29,.3)}
.zasah-odmitnuto{color:var(--rubrika-tmava)}
.poznamka-zasahu{color:var(--inkoust-bledy)}
.tiket{padding:.8em 0; border-bottom:1px solid rgba(111,78,29,.25)}
.tiket-stav{color:var(--inkoust-bledy); font-size:.9em}
.tiket-dotaz{margin:.4em 0; white-space:pre-line}
.tiket-odpoved{margin:.4em 0 0 1.2em; padding-left:.8em; border-left:3px solid #e2b33c; white-space:pre-line}
.stuha-zasah{background:linear-gradient(135deg,#b8871f,#6b4a0a)}

.bublina-mapy em{display:block; font-size:.78em; opacity:.7; margin-top:.15em}
.tecka-hrdiny{cursor:pointer}