/* ==========================================================================
   LABYRINT (v=535000) — js/labyrint.js, prefix ly-
   Antický styl Thelyonu: černohnědé poloprůhledné panely, bronzové linky,
   karmínové titulkové lišty, krémová a zlatá písma. Zelená = hotovo,
   červená = nebezpečí. Rozložení přes container queries (.ly), ne vw.
   ========================================================================== */
:is(#centerContent,body) .ly{
  --ly-panel:rgba(14,10,7,.82);
  --ly-panel-2:rgba(26,19,12,.86);
  --ly-linka:rgba(201,160,82,.5);
  --ly-linka-slaba:rgba(201,160,82,.22);
  --ly-bronz:#a7783a;
  --ly-krem:#efe3c8;
  --ly-zelena:#5fbf6e;
  --ly-cervena:#d24a3a;
  container-type:inline-size;container-name:ly;
  position:relative;padding:12px 14px 16px;
  color:var(--ly-krem);font:400 16px/1.4 var(--tl-pismo-text);font-size-adjust:none;
  background:
    radial-gradient(110% 70% at 50% 0%,rgba(92,64,30,.28),transparent 62%),
    linear-gradient(180deg,rgba(20,15,10,.94),rgba(10,7,5,.96));
  border:1px solid var(--ly-linka);border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),inset 0 0 70px rgba(0,0,0,.55);
}
:is(#centerContent,body) .ly *{box-sizing:border-box}
:is(#centerContent,body) .ly-nacitani{margin:0;padding:60px 10px;text-align:center;color:var(--tl-zlato-500);font-family:var(--tl-pismo-nadpis)}
:is(#centerContent,body) .ly h1,:is(#centerContent,body) .ly h2,:is(#centerContent,body) .ly p{margin:0}

/* ---- ikony bez sdílené třídy v thelyon-ui.css ---- */
:is(#centerContent,body) .ly-ik-lebka{-webkit-mask-image:url(../img/ui/ikony/lebka.svg);mask-image:url(../img/ui/ikony/lebka.svg)}
:is(#centerContent,body) .ly-ik-svitek{-webkit-mask-image:url(../img/ui/ikony/svitek.svg);mask-image:url(../img/ui/ikony/svitek.svg)}

/* ---- hlavička ---- */
:is(#centerContent,body) .ly-hlava{text-align:center;padding:2px 0 8px}
:is(#centerContent,body) .ly-titul{
  display:flex;align-items:center;justify-content:center;gap:16px;
  font:700 28px/1.1 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tl-text-zlaty);text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 16px rgba(214,168,71,.18);
}
:is(#centerContent,body) .ly-meandr{
  flex:1 1 0;max-width:180px;min-width:28px;height:20px;opacity:.55;
  background:url(../img/ui-kit/meandr.png) left center/auto 100% repeat-x;
}
:is(#centerContent,body) .ly-patro{margin-top:4px;font:500 15px/1 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.14em;color:var(--tl-zlato-500)}
:is(#centerContent,body) .ly-patro b{font-size:26px;color:var(--tl-zlato-100);vertical-align:-3px;margin:0 2px}

/* ---- lišta postupu ---- */
:is(#centerContent,body) .ly-lista{
  margin:4px 0 14px;padding:8px 10px 10px;
  border-top:1px solid var(--ly-linka-slaba);border-bottom:1px solid var(--ly-linka-slaba);
  background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.08));
}
:is(#centerContent,body) .ly-lista-hlava{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-lista-hlava b{color:var(--tl-text-zlaty)}
:is(#centerContent,body) .ly-useky{display:flex;gap:3px;flex:0 1 240px}
:is(#centerContent,body) .ly-usek{flex:1 1 0;height:6px;border-radius:1px;background:#1d1710;border:1px solid rgba(201,160,82,.25)}
:is(#centerContent,body) .ly-usek.ly-hotovo{background:linear-gradient(180deg,#7fd08a,#3e8a4a);border-color:#3e8a4a}
:is(#centerContent,body) .ly-usek.ly-ted{background:var(--tl-zlato-gradient);border-color:var(--tl-zlato-700)}

:is(#centerContent,body) .ly-uzly{
  display:flex;justify-content:space-between;margin:0;padding:2px 2px 4px;list-style:none;
  overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--ly-bronz) transparent;
}
:is(#centerContent,body) .ly-uzel{
  position:relative;flex:1 0 64px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;
}
/* spojnice mezi uzly */
:is(#centerContent,body) .ly-uzel + .ly-uzel::before{
  content:'';position:absolute;top:19px;right:calc(50% + 22px);width:calc(100% - 44px);height:2px;
  background:rgba(201,160,82,.22);
}
:is(#centerContent,body) .ly-uzel.ly-hotovo + .ly-uzel::before{background:linear-gradient(90deg,#4e9a5a,rgba(201,160,82,.3))}
:is(#centerContent,body) .ly-uzel.ly-hotovo + .ly-uzel.ly-hotovo::before{background:#4e9a5a}
:is(#centerContent,body) .ly-uzel-kruh{
  display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  font:600 15px/1 var(--tl-pismo-nadpis);font-size-adjust:none;color:#8f826a;
  background:radial-gradient(circle at 50% 35%,#2a2118,#120d08);border:1px solid rgba(201,160,82,.35);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.6);
}
:is(#centerContent,body) .ly-uzel-kruh .tl-ik{width:20px;height:20px;background:linear-gradient(180deg,#b9a98b,#7a6d55)}
:is(#centerContent,body) .ly-uzel-t{font-size:13px;line-height:1.1;color:#8f826a;white-space:nowrap}
:is(#centerContent,body) .ly-hotovo .ly-uzel-kruh{color:#e6f6e1;font-size:18px;background:radial-gradient(circle at 50% 35%,#2f6b37,#163a1c);border-color:#5fbf6e}
:is(#centerContent,body) .ly-hotovo .ly-uzel-t{color:#9fd3a3}
:is(#centerContent,body) .ly-ted .ly-uzel-kruh{
  width:44px;height:44px;margin-top:-3px;color:var(--tl-text-na-zlate);font-size:17px;
  background:var(--tl-zlato-plocha);border:2px solid #fff0b5;
  box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 14px rgba(241,205,114,.45);
}
:is(#centerContent,body) .ly-ted .ly-uzel-t{color:var(--tl-zlato-100);font-weight:600}
:is(#centerContent,body) .ly-uzel-boss .ly-uzel-kruh{border-color:rgba(210,74,58,.75);background:radial-gradient(circle at 50% 35%,#4a1610,#1a0805)}
:is(#centerContent,body) .ly-uzel-boss .ly-uzel-kruh .tl-ik{background:linear-gradient(180deg,#f2b8a8,#c0503c)}
:is(#centerContent,body) .ly-uzel-boss .ly-uzel-t{color:#e2a08f}
:is(#centerContent,body) .ly-uzel-boss.ly-ted .ly-uzel-kruh{background:radial-gradient(circle at 50% 35%,#c2412e,#6a160c);border-color:#ffd0a0;box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 16px rgba(226,80,50,.55)}
:is(#centerContent,body) .ly-uzel-boss.ly-ted .ly-uzel-kruh .tl-ik{background:linear-gradient(180deg,#fff3e0,#f1c9a0)}
:is(#centerContent,body) .ly-uzel-boss.ly-hotovo .ly-uzel-kruh{border-color:#5fbf6e;background:radial-gradient(circle at 50% 35%,#2f6b37,#163a1c)}

/* ---- panely ---- */
:is(#centerContent,body) .ly-panel{
  position:relative;min-width:0;
  background:linear-gradient(180deg,var(--ly-panel-2),var(--ly-panel));
  border:1px solid var(--ly-linka);border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,225,160,.06),0 4px 14px rgba(0,0,0,.5);
}
:is(#centerContent,body) .ly-lista-titul{
  position:relative;padding:7px 12px 6px;text-align:center;
  font:600 14px/1.15 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-zlato-100);
  background:linear-gradient(180deg,#8a1b16 0%,#5e0f0c 55%,#3d0806 100%);
  border-bottom:1px solid #c79a4a;
  box-shadow:inset 0 1px 0 rgba(255,190,150,.22),inset 0 -1px 0 rgba(0,0,0,.5);
  text-shadow:0 1px 2px rgba(0,0,0,.8);
}
:is(#centerContent,body) .ly-obsah{padding:12px 14px 14px}
:is(#centerContent,body) .ly-prazdno{color:var(--tl-text-tlumeny);font-style:italic;text-align:center;padding:6px 0}

/* ---- hlavní mřížka ---- */
:is(#centerContent,body) .ly-mrizka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,310px);gap:14px;align-items:start}
:is(#centerContent,body) .ly-bok{display:grid;gap:14px;min-width:0}

/* ---- scéna souboje ---- */
:is(#centerContent,body) .ly-scena{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  min-height:300px;padding:18px 16px 14px;
  background:radial-gradient(70% 60% at 50% 45%,#2a1d12,#0b0805 75%);
  border-bottom:1px solid var(--ly-linka-slaba);
}
/* rozmazaná kopie obrázku = atmosféra arény po stranách */
:is(#centerContent,body) .ly-scena-pozadi{
  position:absolute;inset:-30px;z-index:-2;width:calc(100% + 60px);height:calc(100% + 60px);
  object-fit:cover;filter:blur(16px) brightness(.55) saturate(.9);transform:scale(1.05);
}
:is(#centerContent,body) .ly-scena::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 55% at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%),
    linear-gradient(180deg,rgba(0,0,0,.15),transparent 30%,rgba(0,0,0,.65));
}
:is(#centerContent,body) .ly-portret{
  position:relative;width:min(100%,360px);aspect-ratio:1;
  padding:4px;border-radius:2px;
  background:linear-gradient(180deg,#f1cd72,#8a5e17 55%,#5e3f0b);
  box-shadow:0 0 0 1px #000,0 10px 30px rgba(0,0,0,.75);
}
:is(#centerContent,body) .ly-portret::before{
  content:'';position:absolute;inset:4px;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),inset 0 -60px 50px -20px rgba(0,0,0,.6);
}
:is(#centerContent,body) .ly-portret-img{display:block;width:100%;height:100%;object-fit:cover;background:#0b0805}
:is(#centerContent,body) span.ly-portret-img{display:flex;align-items:center;justify-content:center;font-size:96px}
:is(#centerContent,body) .ly-stitek{
  position:relative;margin-top:-34px;z-index:2;min-width:min(100%,300px);max-width:100%;
  padding:8px 22px 9px;text-align:center;
  background:linear-gradient(180deg,rgba(28,20,12,.96),rgba(12,9,6,.97));
  border:1px solid var(--ly-linka);border-radius:2px;box-shadow:0 6px 16px rgba(0,0,0,.6);
}
:is(#centerContent,body) .ly-jmeno{font:700 24px/1.15 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-text-zlaty);letter-spacing:.03em;overflow-wrap:anywhere}
:is(#centerContent,body) .ly-uroven{margin-top:3px;font-size:15px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-uroven b{color:var(--tl-zlato-100)}
:is(#centerContent,body) .ly-boss-tag{
  display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;padding:3px 10px 2px;
  font:700 12px/1.2 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.16em;text-transform:uppercase;color:#ffe2c4;
  background:linear-gradient(180deg,#9b2016,#5a0c08);border:1px solid #e0a35a;border-radius:2px;
}
:is(#centerContent,body) .ly-boss-tag .tl-ik{width:15px;height:15px}

/* strážce: karmínový rám a záře */
:is(#centerContent,body) .ly-boss .ly-souboj{border-color:rgba(214,96,60,.7)}
:is(#centerContent,body) .ly-scena-boss{background:radial-gradient(70% 60% at 50% 45%,#3d140c,#0b0505 75%)}
:is(#centerContent,body) .ly-scena-boss .ly-portret{
  background:linear-gradient(180deg,#ffd38a,#b0381f 50%,#5a0c08);
  box-shadow:0 0 0 1px #000,0 0 26px rgba(214,72,40,.45),0 10px 30px rgba(0,0,0,.75);
}
:is(#centerContent,body) .ly-scena-boss .ly-stitek{border-color:rgba(224,120,80,.75)}

/* dokončeno */
:is(#centerContent,body) .ly-scena-hotovo{justify-content:center;min-height:260px}
:is(#centerContent,body) .ly-zdolano{text-align:center;display:grid;justify-items:center;gap:8px}
:is(#centerContent,body) .ly-zdolano-ik{width:84px;height:84px}

/* ---- hráč ---- */
:is(#centerContent,body) .ly-hrac{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;padding:12px 14px 0}
:is(#centerContent,body) .ly-bunka{
  display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 10px 9px;
  background:rgba(0,0,0,.32);border:1px solid var(--ly-linka-slaba);border-radius:2px;
}
:is(#centerContent,body) .ly-bunka-t{
  display:flex;align-items:center;gap:6px;
  font:600 12px/1 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.12em;text-transform:uppercase;color:var(--tl-zlato-500);
}
:is(#centerContent,body) .ly-bunka-t .tl-ik{width:15px;height:15px}
:is(#centerContent,body) .ly-hodnota{font:700 20px/1.1 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-zlato-100);font-variant-numeric:tabular-nums}
:is(#centerContent,body) .ly-hodnota small{font-size:14px;color:var(--tl-text-tlumeny);font-weight:500}
:is(#centerContent,body) .ly-pripraven{color:#9fe0a6}
:is(#centerContent,body) .ly-ceka{color:#f1cd72}
:is(#centerContent,body) .ly-hp{
  position:relative;height:22px;overflow:hidden;
  background:#140807;border:1px solid #6b2a1c;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.8);
}
:is(#centerContent,body) .ly-hp i{
  position:absolute;inset:0 auto 0 0;width:0;transition:width .4s ease;
  background:linear-gradient(180deg,#e05a42 0%,#a8261a 55%,#6e140c 100%);
  box-shadow:inset 0 1px 0 rgba(255,200,170,.35);
}
:is(#centerContent,body) .ly-hp b{
  position:relative;display:block;text-align:center;
  font:700 14px/20px var(--tl-pismo-nadpis);font-size-adjust:none;color:#fff2e4;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;
}
:is(#centerContent,body) .ly-nizke .ly-hp{border-color:var(--ly-cervena);box-shadow:inset 0 1px 3px rgba(0,0,0,.8),0 0 0 1px rgba(210,74,58,.35)}
:is(#centerContent,body) .ly-nizke .ly-bunka-t{color:#f09a86}
:is(#centerContent,body) .ly-pozn{font-size:13px;line-height:1.25;color:#f0b4a6}

/* ---- hlavní akce ---- */
:is(#centerContent,body) .ly-akce-obal{padding:12px 14px 14px;text-align:center}
:is(#centerContent,body) .ly-akce{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 18px;
  font:700 18px/1 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.16em;text-transform:uppercase;
  color:#8f826a;background:linear-gradient(180deg,#2a221a,#16110c);
  border:1px solid rgba(201,160,82,.3);border-radius:3px;cursor:not-allowed;
  box-shadow:inset 0 1px 0 rgba(255,225,160,.05);
}
:is(#centerContent,body) .ly-akce .tl-ik{width:22px;height:22px;background:linear-gradient(180deg,#b9a98b,#7a6d55)}
:is(#centerContent,body) .ly-akce-ok{
  cursor:pointer;color:var(--tl-text-na-zlate);text-shadow:0 1px 0 rgba(255,240,200,.45);
  background:var(--tl-zlato-plocha);border:1px solid #6a4608;
  box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 #fff8d8,inset 0 -2px 3px rgba(120,80,10,.35),0 4px 12px rgba(0,0,0,.5);
  transition:filter .15s ease,box-shadow .15s ease,transform .1s ease;
}
:is(#centerContent,body) .ly-akce-ok .tl-ik{background:linear-gradient(180deg,#3a2207,#1c1003)}
:is(#centerContent,body) .ly-akce-ok:hover{filter:brightness(1.07);box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 #fff8d8,0 0 16px rgba(255,200,90,.45),0 4px 12px rgba(0,0,0,.5)}
:is(#centerContent,body) .ly-akce-ok:active{transform:translateY(1px);filter:brightness(.97)}
:is(#centerContent,body) .ly-akce-ok:focus-visible{outline:2px solid #fff0b5;outline-offset:3px}
/* strážce: karmínové tlačítko se zlatým písmem */
:is(#centerContent,body) .ly-akce-boss{
  color:var(--tl-zlato-100);text-shadow:0 1px 2px rgba(0,0,0,.8);
  background:linear-gradient(180deg,#b8291c 0%,#7e140d 55%,#520b06 100%);border-color:#e0a35a;
  box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,190,150,.35),0 4px 12px rgba(0,0,0,.5);
}
:is(#centerContent,body) .ly-akce-boss .tl-ik{background:var(--tl-zlato-gradient)}
:is(#centerContent,body) .ly-akce-boss:hover{box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,190,150,.35),0 0 18px rgba(226,80,50,.5),0 4px 12px rgba(0,0,0,.5)}
:is(#centerContent,body) .ly-akce .ly-cd-zive{color:var(--tl-zlato-300);font-variant-numeric:tabular-nums}
:is(#centerContent,body) .ly-duvod{margin-top:7px;font-size:14px;font-style:italic;color:var(--tl-text-tlumeny)}

/* ---- odměna ---- */
:is(#centerContent,body) .ly-odmeny{display:grid;gap:8px;margin:0;padding:0;list-style:none}
:is(#centerContent,body) .ly-odm{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;
  padding:6px 10px 6px 6px;background:rgba(0,0,0,.3);border:1px solid var(--ly-linka-slaba);border-radius:2px;
}
:is(#centerContent,body) .ly-odm-ik{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
:is(#centerContent,body) span.ly-odm-ik{display:flex;align-items:center;justify-content:center;font-size:28px}
:is(#centerContent,body) .ly-odm-t{font-size:15px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-odm b{font:700 21px/1 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-zlato-100);font-variant-numeric:tabular-nums}
:is(#centerContent,body) .ly-odm-pozn{margin-top:8px;font-size:13px;line-height:1.3;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-nalezy{margin-top:10px;padding-top:9px;border-top:1px solid var(--ly-linka-slaba)}
:is(#centerContent,body) .ly-nalezy-t{display:block;margin-bottom:6px;font:600 12px/1.3 var(--tl-pismo-nadpis);font-size-adjust:none;letter-spacing:.1em;text-transform:uppercase;color:var(--tl-zlato-500)}
:is(#centerContent,body) .ly-nalezy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;margin:0;padding:0;list-style:none}
:is(#centerContent,body) .ly-nalezy li{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ly-krem);min-width:0}
:is(#centerContent,body) .ly-nalezy li .tl-ik{width:17px;height:17px}

/* ---- pravidla ---- */
:is(#centerContent,body) .ly-pravidla{display:grid;gap:8px;margin:0;padding:12px 14px 14px;list-style:none}
:is(#centerContent,body) .ly-pravidla li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;font-size:15px;line-height:1.3}
:is(#centerContent,body) .ly-pravidla .tl-ik{width:18px;height:18px;margin-top:1px}

/* ---- spodní pás ---- */
:is(#centerContent,body) .ly-spodek{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}

:is(#centerContent,body) .ly-postup{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
:is(#centerContent,body) .ly-znak{
  display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#2e2214,#120d08);border:2px solid #c79a4a;
  box-shadow:0 0 0 3px rgba(0,0,0,.55),inset 0 0 12px rgba(0,0,0,.7);
}
:is(#centerContent,body) .ly-znak b{font:700 24px/1 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-zlato-100)}
:is(#centerContent,body) .ly-znak span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-postup-t{display:block;font-size:14px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-bar{position:relative;height:10px;margin:6px 0 5px;background:#0b0805;border:1px solid rgba(201,160,82,.45);border-radius:1px;overflow:hidden}
:is(#centerContent,body) .ly-bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(180deg,#f1cd72,#a3741f);transition:width .4s ease}
:is(#centerContent,body) .ly-postup-pct{font-size:14px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-postup-pct b{color:var(--tl-zlato-100);font-size:16px}
:is(#centerContent,body) .ly-staty{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
:is(#centerContent,body) .ly-staty div{padding:6px 8px;background:rgba(0,0,0,.3);border:1px solid var(--ly-linka-slaba);border-radius:2px}
:is(#centerContent,body) .ly-staty dt{font-size:12px;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-staty dd{margin:2px 0 0;font:700 16px/1.1 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-zlato-100)}

:is(#centerContent,body) .ly-milniky{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
:is(#centerContent,body) .ly-mil{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 9px;text-align:center;
  background:rgba(0,0,0,.32);border:1px solid var(--ly-linka-slaba);border-radius:2px;
}
:is(#centerContent,body) .ly-mil-p{font:600 13px/1 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-text-zlaty);white-space:nowrap}
:is(#centerContent,body) .ly-mil-ik{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  font:700 22px/1 var(--tl-pismo-nadpis);font-size-adjust:none;color:#8f826a;
  background:radial-gradient(circle at 50% 35%,#241b12,#0e0a06);border:1px dashed rgba(201,160,82,.4);
}
:is(#centerContent,body) .ly-mil-s{font-size:12px;line-height:1.15;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-mil-pristi{border-color:rgba(214,168,71,.75);background:linear-gradient(180deg,rgba(94,63,11,.28),rgba(0,0,0,.32))}
:is(#centerContent,body) .ly-mil-pristi .ly-mil-ik{color:var(--tl-zlato-300);border-style:solid;border-color:var(--tl-zlato-500)}
:is(#centerContent,body) .ly-mil-pristi .ly-mil-s{color:var(--tl-zlato-300)}
:is(#centerContent,body) .ly-mil-hotovo{border-color:rgba(95,191,110,.6)}
:is(#centerContent,body) .ly-mil-hotovo .ly-mil-ik{color:#e6f6e1;border-style:solid;border-color:#5fbf6e;background:radial-gradient(circle at 50% 35%,#2f6b37,#163a1c)}
:is(#centerContent,body) .ly-mil-hotovo .ly-mil-s{color:#9fd3a3}
:is(#centerContent,body) .ly-mil-ted{border-color:rgba(224,120,80,.8);background:linear-gradient(180deg,rgba(120,24,14,.35),rgba(0,0,0,.32))}
:is(#centerContent,body) .ly-mil-ted .ly-mil-s{color:#f3b49e}

:is(#centerContent,body) .ly-oblasti{display:grid;gap:6px;margin:0;padding:0;list-style:none}
:is(#centerContent,body) .ly-obl{
  display:grid;grid-template-columns:18px minmax(0,1fr) auto;grid-template-areas:'ik n r' 'ik e e';
  column-gap:9px;row-gap:1px;align-items:center;padding:7px 10px;
  background:rgba(0,0,0,.3);border:1px solid var(--ly-linka-slaba);border-radius:2px;
}
:is(#centerContent,body) .ly-obl .tl-ik{grid-area:ik;width:18px;height:18px}
:is(#centerContent,body) .ly-obl-n{grid-area:n;font:600 15px/1.15 var(--tl-pismo-nadpis);font-size-adjust:none;color:var(--tl-text-zlaty)}
:is(#centerContent,body) .ly-obl-r{grid-area:r;font-size:14px;color:var(--tl-text-tlumeny);font-variant-numeric:tabular-nums}
:is(#centerContent,body) .ly-obl em{grid-area:e;font-size:12px;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--tl-text-tlumeny)}
:is(#centerContent,body) .ly-obl-akt{border-color:rgba(214,168,71,.75);background:linear-gradient(90deg,rgba(94,63,11,.35),rgba(0,0,0,.3))}
:is(#centerContent,body) .ly-obl-akt em{color:#9fe0a6}
:is(#centerContent,body) .ly-obl-zamek{opacity:.62;border-style:dashed}
:is(#centerContent,body) .ly-obl-zamek .tl-ik{background:linear-gradient(180deg,#9c8f78,#5e5444)}
:is(#centerContent,body) .ly-obl-zamek .ly-obl-n{color:#b3a68c}

/* ---- menší šířky ---- */
@container ly (max-width:980px){
  :is(#centerContent,body) .ly-spodek{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  :is(#centerContent,body) .ly-spodek > :nth-child(2){grid-column:1 / -1;order:3}
}
@container ly (max-width:820px){
  :is(#centerContent,body) .ly-mrizka{grid-template-columns:minmax(0,1fr)}
  :is(#centerContent,body) .ly-bok{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@container ly (max-width:620px){
  :is(#centerContent,body) .ly{padding:10px 8px 12px}
  :is(#centerContent,body) .ly-titul{font-size:21px;gap:10px;letter-spacing:.08em}
  :is(#centerContent,body) .ly-meandr{max-width:60px}
  :is(#centerContent,body) .ly-lista-hlava{flex-direction:column;align-items:stretch;gap:6px}
  :is(#centerContent,body) .ly-useky{flex:0 0 auto}
  :is(#centerContent,body) .ly-uzly{justify-content:flex-start}
  :is(#centerContent,body) .ly-uzel{flex:0 0 66px}
  :is(#centerContent,body) .ly-scena{min-height:0;padding:12px 10px}
  :is(#centerContent,body) .ly-jmeno{font-size:20px}
  :is(#centerContent,body) .ly-hrac{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  :is(#centerContent,body) .ly-bunka-hp{grid-column:1 / -1}
  :is(#centerContent,body) .ly-akce{font-size:16px;letter-spacing:.1em}
  :is(#centerContent,body) .ly-bok,
  :is(#centerContent,body) .ly-spodek{grid-template-columns:minmax(0,1fr)}
  :is(#centerContent,body) .ly-spodek > :nth-child(2){grid-column:auto;order:0}
  :is(#centerContent,body) .ly-milniky{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
}
