/* ==========================================================================
   ÚSPĚCHY — js/uspechy.js (v=534700) + Admin → Úspěchy (js/admin-uspechy.js)
   Směr podle Thelyon_Achievements_Reference.png, styl Thelyonu (Deník bojů):
   karmínová hlavička, souhrn, záložky kategorií, karty ve dvou sloupcích,
   milníky + poslední splněné. Rozvržení podle šířky .us (@container us):
     ≥ 860 px  karty ve dvou sloupcích, milníky vedle posledních,
     < 860     karty v jednom sloupci, spodek pod sebou,
     < 560     mobil: menší obrázek, odměny pod textem.
   Progres = <progress> (CSP nepustí style=""). Staré skiny `.parchment
   button…` mají váhu 0,4,1 → tlačítka jistí předpona :is(#centerContent,body).
   Bez velkých záři — splnění je jen zelený pruh a decentní oznámení.
   ========================================================================== */

.ik-obrazek{-webkit-mask-image:url(../img/ui/ikony/obrazek.svg);mask-image:url(../img/ui/ikony/obrazek.svg)}

/* ---------------------------------------------------------------- kořen -- */
.us{
  container:us / inline-size;
  position:relative;
  padding:12px;
  color:var(--tl-text);font:400 15px/1.35 var(--tl-pismo-text);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(122,18,18,.16),transparent 55%),
    linear-gradient(180deg,#0f0b08 0%,#0a0807 60%,#08070a 100%);
  border:1px solid rgba(196,150,72,.5);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),0 6px 18px rgba(0,0,0,.55);
}
.us [hidden],.us-modal [hidden]{display:none!important}
:is(#centerContent,body) :is(.us,.us-modal,.us-oznameni) p{margin:0;color:inherit}
:is(#centerContent,body) :is(.us,.us-modal) :is(h2,h3,h4){margin:0;padding:0;border:0;text-align:left;text-shadow:none;background:none}
:is(#centerContent,body) :is(.us,.us-modal) :is(h2,h3,h4)::before,
:is(#centerContent,body) :is(.us,.us-modal) :is(h2,h3,h4)::after{content:none}
.us-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.us .tl-ik,.us-modal .tl-ik,.us-oznameni .tl-ik{display:inline-block;flex:0 0 auto}

/* --- hlavička --- */
.us-hlava{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;
  min-height:clamp(70px,9cqw,104px);margin-bottom:12px;padding:8px clamp(14px,2.2cqw,28px) 12px;
  background:
    linear-gradient(90deg,#5c0d0d 0%,#4d0b0b 26%,rgba(66,9,9,.82) 40%,rgba(58,7,7,.3) 58%,rgba(0,0,0,0) 76%),
    url(../img/boj/arena_v1.jpg) right 30%/auto 160% no-repeat,
    #3a0707;
  border:1px solid rgba(214,168,71,.6);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.65),inset 0 -16px 26px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.5);
  overflow:hidden;
}
.us-hlava::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:7px;pointer-events:none;
  background:var(--meander) repeat-x center/14px 7px;opacity:.5;
}
:is(#centerContent,body) .us .us-titul{
  display:flex;align-items:center;gap:.45em;
  font:600 clamp(24px,3.1cqw,38px)/1 var(--tl-pismo-nadpis);letter-spacing:.08em;text-transform:uppercase;color:#f7dc8e;
}
.us-titul .tl-ik{width:1.2em;height:1.2em;background:var(--tl-zlato-gradient);filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}
.us-titul-text{
  background:linear-gradient(180deg,#fff8dc 0%,#f7dc8e 38%,#e0ac4c 70%,#b27a22 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.95));
}
:is(#centerContent,body) .us .us-podtitul{font:italic 400 clamp(14px,1.5cqw,17px)/1.3 var(--tl-pismo-text);color:#e7d7b4;text-shadow:0 1px 2px #000}

/* --- souhrn --- */
.us-souhrn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.us-souhrn-pol{
  display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;
  background:linear-gradient(180deg,#1a130c,#0d0a07);
  border:1px solid rgba(196,150,72,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
}
.us-souhrn-ik{width:30px;height:30px;background:var(--tl-zlato-gradient)}
.us-souhrn-pol b{display:block;font:600 21px/1.1 var(--tl-pismo-nadpis);color:#f3dc9c;white-space:nowrap}
.us-souhrn-pol b small{font-size:.62em;color:var(--tl-text-tlumeny)}
.us-souhrn-pol span{display:block;font-size:13.5px;color:var(--tl-text-tlumeny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* --- kategorie --- */
.us-kat{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-bottom:10px}
:is(#centerContent,body) .us .us-kat-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:62px;
  margin:0;padding:6px 4px;border-radius:0;cursor:pointer;
  font:500 14px/1.1 var(--tl-pismo-text);color:#d9cba9;text-transform:none;letter-spacing:0;
  background:linear-gradient(180deg,#17110b,#0b0806);border:1px solid rgba(196,150,72,.35);box-shadow:none;
}
:is(#centerContent,body) .us .us-kat-btn:hover{border-color:var(--tl-zlato-300);color:#f3dc9c}
:is(#centerContent,body) .us .us-kat-btn.active{
  color:#fff1c6;background:linear-gradient(180deg,#7a1212,#4a0909);border-color:#e0b860;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6);
}
:is(#centerContent,body) .us .us-kat-btn:focus-visible{outline:2px solid var(--tl-zlato-300);outline-offset:1px}
.us-kat-btn .tl-ik{width:22px;height:22px;background:currentColor}
.us-kat-nazev{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-kat-pocet{font-size:12px;color:var(--tl-text-tlumeny)}
.us-kat-btn.active .us-kat-pocet{color:#f1cd72}

/* --- karty --- */
.us-mrizka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
:is(#centerContent,body) .us .us-karta{
  display:grid;grid-template-columns:clamp(76px,10cqw,112px) minmax(0,1fr) auto;align-items:stretch;gap:0;
  width:100%;min-height:104px;margin:0;padding:0;border-radius:0;cursor:pointer;text-align:left;
  font:inherit;color:inherit;text-transform:none;letter-spacing:0;
  background:linear-gradient(180deg,#17110b 0%,#0d0a07 100%);
  border:1px solid rgba(196,150,72,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.75);
}
:is(#centerContent,body) .us .us-karta:hover{border-color:#e0b860}
:is(#centerContent,body) .us .us-karta:focus-visible{outline:2px solid var(--tl-zlato-300);outline-offset:1px}
.us-obr{display:block;position:relative;overflow:hidden;border-right:1px solid rgba(196,150,72,.35);background:#0a0807}
.us-obr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.us-zamceno .us-obr img{filter:grayscale(.75) brightness(.6)}
.us-obr-skryty{display:grid;place-items:center;background:radial-gradient(circle,#231a10,#0a0807)}
.us-obr-skryty .tl-ik{width:34%;height:34%;background:#8f7b52}
.us-telo{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:8px 12px}
.us-nazev{display:flex;align-items:center;gap:6px;font:600 17px/1.2 var(--tl-pismo-text);color:#f3dc9c}
.us-uroven{
  display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 4px;
  font:600 12px/1 var(--tl-pismo-nadpis);color:#2a1805;background:var(--tl-zlato-plocha);border-radius:2px;
}
.us-popis{font-size:14.5px;color:#cdbf9f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.us-skryte{font-size:13.5px;font-style:italic;color:#8f8676}
.us-progres{display:flex;align-items:center;gap:8px;min-width:0;margin-top:2px}
.us-progres-cislo{flex:0 0 auto;font-size:13.5px;color:#e7dcc2;white-space:nowrap;font-variant-numeric:tabular-nums}
.us progress,.us-modal progress{
  -webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:40px;height:10px;margin:0;
  background:#050403;border:1px solid rgba(196,150,72,.4);border-radius:0;overflow:hidden;color:#b5261d;
}
.us progress::-webkit-progress-bar,.us-modal progress::-webkit-progress-bar{background:#050403}
.us progress::-webkit-progress-value,.us-modal progress::-webkit-progress-value{background:linear-gradient(180deg,#d8432f,#8e1610)}
.us progress::-moz-progress-bar,.us-modal progress::-moz-progress-bar{background:linear-gradient(180deg,#d8432f,#8e1610)}
.us-splneno progress::-webkit-progress-value{background:linear-gradient(180deg,#5fd06f,#1f7a31)}
.us-splneno progress::-moz-progress-bar{background:linear-gradient(180deg,#5fd06f,#1f7a31)}
.us-splneno progress{color:#2f9a42}

.us-bok{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;padding:8px 10px 8px 4px;min-width:104px}
.us-body{display:flex;align-items:center;gap:5px;font:600 18px/1 var(--tl-pismo-nadpis);color:#f3dc9c}
.us-body .tl-ik{width:20px;height:20px;background:var(--tl-zlato-gradient)}
.us-stav{
  display:inline-flex;align-items:center;gap:4px;padding:3px 8px;white-space:nowrap;
  font-size:13px;line-height:1.2;border:1px solid rgba(196,150,72,.4);color:#cdbf9f;background:#0b0907;
}
.us-stav .tl-ik{width:12px;height:12px;background:currentColor}
.us-splneno .us-stav{color:#bff0c4;border-color:#3c9a4c;background:linear-gradient(180deg,#1c4a22,#0f2b13)}
.us-proces .us-stav{color:#f1d58e}
.us-zamceno .us-stav{color:#8f8676}
.us-datum{font-size:12.5px;color:var(--tl-text-tlumeny);white-space:nowrap}
.us-odmeny{display:flex;gap:4px}
.us-odm,.us-ml-odm{
  display:inline-grid;place-items:center;width:28px;height:28px;
  background:radial-gradient(circle at 50% 35%,#2b1f12,#0b0806);border:1px solid rgba(196,150,72,.5);
}
.us-odm .tl-ik,.us-ml-odm .tl-ik{width:62%;height:62%;background:var(--tl-zlato-gradient)}
.us-odm img,.us-ml-odm img{width:70%;height:70%;object-fit:contain}
.us-odm-titul .tl-ik,.us-odm-ramecek .tl-ik{background:linear-gradient(180deg,#f6e3ff,#b58ad6)}
.us-odm-odznak .tl-ik{background:linear-gradient(180deg,#d6ecff,#6d9ccc)}

.us-prazdno{
  grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 12px;
  text-align:center;color:var(--tl-text-tlumeny);font-style:italic;
  border:1px dashed rgba(196,150,72,.35);
}

/* --- spodek: milníky + poslední --- */
.us-spodek{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:8px;margin-top:10px}
.us-milniky,.us-posledni{
  min-width:0;padding:10px 12px;
  background:linear-gradient(180deg,#140f0a,#0a0807);border:1px solid rgba(196,150,72,.45);box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
}
:is(#centerContent,body) .us .us-sekce{
  font:600 15px/1.2 var(--tl-pismo-nadpis);letter-spacing:.08em;text-transform:uppercase;color:#f1cd72;text-align:center;
}
:is(#centerContent,body) .us .us-sekce-pod{margin:2px 0 8px;font-size:13.5px;color:var(--tl-text-tlumeny);text-align:center}
.us-ml-rada{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}
.us-ml{
  display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 3px;text-align:center;
  font-size:12.5px;line-height:1.2;color:#9b8f76;background:#0b0907;border:1px solid rgba(196,150,72,.25);
}
.us-ml b{font:600 13.5px/1.1 var(--tl-pismo-text);color:#d9cba9}
.us-ml-ok{border-color:rgba(95,208,111,.55);color:#cfe8cf}
.us-ml-ok b{color:#f3dc9c}
.us-ml-znak{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;color:#0d2a12;background:#4fbf5f}
.us-ml:not(.us-ml-ok) .us-ml-znak{background:#2a2219;color:#8f7b52}
.us-ml-znak .tl-ik{width:12px;height:12px;background:currentColor}
.us-ml-ikony{display:flex;gap:3px}
.us-ml:not(.us-ml-ok) .us-ml-odm{filter:grayscale(.8) brightness(.75)}
.us-ml-progres{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13.5px;color:#e7dcc2;white-space:nowrap}
.us-ml-progres progress::-webkit-progress-value{background:linear-gradient(180deg,#4f8fe6,#1d4f9c)}
.us-ml-progres progress::-moz-progress-bar{background:linear-gradient(180deg,#4f8fe6,#1d4f9c)}
.us-ml-progres progress{color:#2f6fc4}

.us-posl-seznam{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
:is(#centerContent,body) .us .us-posl{
  display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;
  margin:0;padding:4px 6px;border-radius:0;cursor:pointer;text-align:left;
  font:inherit;color:inherit;text-transform:none;letter-spacing:0;
  background:#0b0907;border:1px solid rgba(196,150,72,.3);box-shadow:none;
}
:is(#centerContent,body) .us .us-posl:hover{border-color:#e0b860}
.us-posl img,.us-posl-ik{width:40px;height:40px;object-fit:cover;display:grid;place-items:center;border:1px solid rgba(196,150,72,.4)}
.us-posl-ik .tl-ik{width:60%;height:60%;background:var(--tl-zlato-gradient)}
.us-posl-txt{min-width:0}
.us-posl-txt b{display:block;font:600 14.5px/1.2 var(--tl-pismo-text);color:#f3dc9c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-posl-txt span{font-size:12.5px;color:var(--tl-text-tlumeny)}
.us-posl time{font-size:12px;color:var(--tl-text-tlumeny);white-space:nowrap}
:is(#centerContent,body) .us .us-posl-nic{margin-top:10px;font-style:italic;color:#8f8676;text-align:center}

/* --- rozvržení podle šířky --- */
@container us (max-width: 1000px){
  .us-kat{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@container us (max-width: 860px){
  .us-souhrn{grid-template-columns:repeat(3,minmax(0,1fr))}
  .us-mrizka{grid-template-columns:minmax(0,1fr)}
  .us-spodek{grid-template-columns:minmax(0,1fr)}
}
@container us (max-width: 640px){
  .us-ml-rada{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}
  .us-ml{flex:0 0 96px;scroll-snap-align:start}
}
@container us (max-width: 560px){
  .us{padding:8px}
  .us-souhrn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .us-souhrn-pol:first-child{grid-column:1/-1}
  .us-kat{display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}
  :is(#centerContent,body) .us .us-kat-btn{flex:0 0 78px}
  :is(#centerContent,body) .us .us-karta{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;min-height:0}
  .us-obr{grid-row:1/3}
  .us-bok{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 8px;padding:0 10px 8px 12px;min-width:0}
  .us-telo{padding-bottom:6px}
}

/* --- detail (okno připojené k <body>) --- */
.us-modal{
  position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(0,0,0,.72);overflow-y:auto;overscroll-behavior:contain;
  font:400 15px/1.4 var(--tl-pismo-text);color:var(--tl-text);
}
.us-modal-okno{
  position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto;
  background:linear-gradient(180deg,#17110b,#0b0806);border:1px solid rgba(214,168,71,.7);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),0 12px 40px rgba(0,0,0,.7);
}
.us-d-hlava{
  display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;
  background:linear-gradient(90deg,#4d0b0b,rgba(58,7,7,.35));border-bottom:1px solid rgba(196,150,72,.45);
}
.us-d-obr{display:block;position:relative;width:96px;height:96px;overflow:hidden;border:1px solid rgba(196,150,72,.6);background:#0a0807}
.us-d-obr img{width:100%;height:100%;object-fit:cover;display:block}
.us-d-obr.us-obr-skryty{display:grid}
.us-d-kat{font-size:13px;color:#e0b860;text-transform:uppercase;letter-spacing:.08em}
:is(#centerContent,body) .us-modal h3{font:600 23px/1.15 var(--tl-pismo-nadpis);color:#f7dc8e}
.us-d-stav{display:inline-block;margin-top:4px;font-size:13.5px;color:#f1d58e}
.us-d-stav.us-splneno{color:#9fe0a8}
.us-d-stav.us-zamceno{color:#8f8676}
:is(#centerContent,body) .us-modal .us-d-zavri{
  align-self:start;width:36px;height:36px;margin:0;padding:0;border-radius:0;cursor:pointer;
  font:400 24px/1 var(--tl-pismo-text);color:#f3dc9c;background:#130e09;border:1px solid rgba(196,150,72,.6);box-shadow:none;
}
:is(#centerContent,body) .us-modal .us-d-zavri:hover{border-color:var(--tl-zlato-300)}
.us-d-telo{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}
.us-d-popis{color:#e2d6bb}
.us-d-podminka{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#0b0907;border:1px solid rgba(196,150,72,.3)}
.us-d-podminka > span:first-child{font-size:12.5px;color:var(--tl-text-tlumeny);text-transform:uppercase;letter-spacing:.06em}
.us-d-podminka b{color:#f3dc9c;font-weight:600}
:is(#centerContent,body) .us-modal h4{font:600 14px/1.2 var(--tl-pismo-nadpis);letter-spacing:.08em;text-transform:uppercase;color:#e0b860}
.us-d-urovne{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.us-d-urovne li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 10px;background:#0b0907;border:1px solid rgba(196,150,72,.25)}
.us-d-urovne li.us-d-ok{border-color:rgba(95,208,111,.5)}
.us-d-rim{display:grid;place-items:center;width:30px;height:30px;font:600 14px/1 var(--tl-pismo-nadpis);color:#2a1805;background:var(--tl-zlato-plocha)}
.us-d-urovne li:not(.us-d-ok) .us-d-rim{filter:grayscale(.7) brightness(.7)}
.us-d-ur-txt{display:flex;flex-direction:column;min-width:0}
.us-d-ur-txt b{color:#f3dc9c;font-weight:600}
.us-d-ur-txt span{font-size:13.5px;color:#cdbf9f}
.us-d-odm{color:#e0b860!important}
.us-d-ur-stav{display:flex;flex-direction:column;align-items:flex-end;font-size:13.5px;color:#9fe0a8;white-space:nowrap}
.us-d-ur-stav small{font-size:11.5px;color:#e0b860}
.us-d-ur-stav .tl-ik{width:16px;height:16px;background:#8f7b52}
.us-d-hist{margin:0;padding:0 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:14px;color:#cdbf9f}
.us-d-hist time{color:var(--tl-text-tlumeny);margin-right:6px;font-variant-numeric:tabular-nums}
.us-d-nic{font-style:italic;color:#8f8676}
@media (max-width: 560px){
  .us-modal{padding:0;align-items:flex-end}
  .us-modal-okno{max-height:92vh}
  .us-d-hlava{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}
  .us-d-obr{width:64px;height:64px}
}

/* --- oznámení o splnění (vpravo nahoře, bez záře) --- */
.us-oznameni{
  position:fixed;z-index:4500;top:76px;right:16px;display:flex;align-items:center;gap:10px;
  width:min(320px,calc(100vw - 32px));padding:10px 12px;cursor:pointer;
  font:400 14px/1.3 var(--tl-pismo-text);color:var(--tl-text);
  background:linear-gradient(180deg,#1d150c,#0d0a07);border:1px solid rgba(214,168,71,.75);
  box-shadow:0 6px 18px rgba(0,0,0,.6);
  animation:us-prijezd .25s ease-out;
}
@keyframes us-prijezd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.us-oznameni{animation:none}}
.us-ozn-ik{width:34px;height:34px;background:var(--tl-zlato-gradient)}
.us-oznameni > div{display:flex;flex-direction:column;min-width:0}
.us-ozn-nadpis{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e0b860}
.us-oznameni b{font:600 16px/1.2 var(--tl-pismo-text);color:#f7dc8e}
.us-oznameni span{font-size:13px;color:#cdbf9f}
.us-ozn-odm{color:#9fe0a8!important}

/* --- Profil: titul pod jménem, volba titulu/rámečku, rámeček portrétu --- */
.us-pr-titul{margin-top:.3cqw;font:italic 500 clamp(13px,1.5cqw,15.5px)/1.2 var(--tl-pismo-text);color:#e0b860;letter-spacing:.02em}
:is(#centerContent,body) .us-pr-vyber{
  max-width:100%;min-height:30px;margin:0;padding:2px 6px;
  font:400 14.5px/1.2 var(--tl-pismo-text);color:#f3dc9c;background:#100c08;border:1px solid rgba(196,150,72,.55);border-radius:0;
}
:is(#centerContent,body) .us-pr-odkaz{
  margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;
  font:italic 400 14px/1.2 var(--tl-pismo-text);color:#b8ab8f;text-decoration:underline;text-transform:none;letter-spacing:0;
}
.pr-postava.us-ramecek::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none}
.us-ramecek-bronzovy::before{border:5px solid #9a6a36;box-shadow:inset 0 0 0 1px #3a230e,inset 0 0 0 7px rgba(205,145,80,.35)}
.us-ramecek-vavrinovy::before{border:6px double #d6a847;box-shadow:inset 0 0 0 2px #2b1c06,inset 0 0 14px rgba(0,0,0,.6)}
.us-ramecek-legendarni::before{
  border:6px solid transparent;
  border-image:linear-gradient(135deg,#fff3c4,#c8952f 30%,#7a1212 55%,#c8952f 80%,#fff3c4) 1;
  box-shadow:inset 0 0 0 2px #1a0505,inset 0 0 18px rgba(122,18,18,.45);
}

/* ===================================================== Admin → Úspěchy -- */
#admPanel .aus-kpi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
#admPanel .aus-kpi > div{padding:10px 12px;border:1px solid var(--adm-okraj,#2b3242);border-radius:8px;background:var(--adm-karta,#141925)}
#admPanel .aus-kpi b{display:block;font-size:20px}
#admPanel .aus-kpi span{font-size:12.5px;opacity:.75}
#admPanel .aus-tabulka td{vertical-align:top}
#admPanel .aus-klic{display:block;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}
#admPanel .aus-urovne > div,#admPanel .aus-splnilo > div{white-space:nowrap}
#admPanel .aus-urovne small,#admPanel .aus-splnilo small{margin-left:4px}
#admPanel .aus-vypnuty td{opacity:.55}
#admPanel .aus-akce{white-space:nowrap}
#admPanel .aus-akce .adm-btn{margin:0 2px 2px 0}
#admPanel .aus-stitek{display:inline-block;margin:0 4px 2px 0;padding:1px 7px;border-radius:10px;font-size:12px;border:1px solid currentColor;opacity:.85}
#admPanel .aus-stitek.ok{color:#5fd06f}
#admPanel .aus-stitek.skryty{color:#e0b860}
#admPanel .aus-form{display:flex;flex-direction:column;gap:10px}
#admPanel .aus-check{flex-direction:row;align-items:center;gap:8px}
#admPanel .aus-urovne-ed{display:flex;flex-direction:column;gap:8px}
#admPanel .aus-ur{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;margin:0;padding:8px 10px 10px;
  border:1px solid var(--adm-okraj,#2b3242);border-radius:8px;
}
#admPanel .aus-ur legend{padding:0 6px;font-weight:600}
#admPanel .aus-sirke{grid-column:span 2}
#admPanel .aus-ur-pryc{grid-column:1/-1;justify-self:end}
#admPanel .aus-chyba{min-height:1.2em;margin:0;color:#ff7b6e}
@media (max-width: 760px){
  #admPanel .aus-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  #admPanel .aus-ur{grid-template-columns:repeat(2,minmax(0,1fr))}
}