/* Czat radia: rangi, odznaki, motion, legenda (Radio Lechistan 2.0, strefa A). Bez serifów, bez kursywy. */
:root{--lx-akcent:#e87a1e;--lxr-dist:1}
@media (prefers-reduced-motion:reduce){:root{--lxr-dist:.35}}
html[data-lx-tabliczki="0"] .tbl-warstwa,html[data-lx-tabliczki="0"] .tbl-stopka-wrap{display:none!important}
html[data-lx-int="niska"]{--lxr-dist:.55}
html[data-lx-int="wysoka"]{--lxr-dist:1.25}

/* ── tabliczka rangi (emalia PRL) ── */
.lxr-nick{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:3px}
.lxr-nick .cz-wiad-nick{margin:0}
.lxr-tag{--c:#8d99a6;position:relative;display:inline-flex;align-items:center;gap:.3em;padding:.2rem .5rem;border-radius:.32rem;
  font:800 .58rem/1 Arial,Helvetica,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 80%,#000));
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.88),inset 0 0 0 2.5px rgba(0,0,0,.28),0 1px 0 rgba(0,0,0,.55),0 3px 6px rgba(0,0,0,.35);
  text-shadow:0 1px 0 rgba(0,0,0,.4);transform-origin:50% 60%}
.lxr-tag.lxr-admin{--c:#b7342a}
.lxr-tag.lxr-mod{--c:#2e9e63}
.lxr-tag.lxr-big{font-size:.8rem;padding:.35rem .7rem}
.lxr-odz{--c:#888;display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;font-size:.78rem;line-height:1;cursor:help;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff),var(--c) 70%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.45)}

/* ── reakcje i odpowiedz ── */
.lxr-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px}
.lxr-re{display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#eee9da;font:600 .74rem/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.lxr-re.mam{background:color-mix(in srgb,var(--lx-akcent) 28%,transparent);border-color:var(--lx-akcent)}
.lxr-re:hover{background:rgba(255,255,255,.14)}
.lxr-plus,.lxr-odp{min-width:26px;height:26px;padding:0 7px;border-radius:999px;border:1px dashed rgba(255,255,255,.22);background:transparent;color:#bdb8a6;font:700 .72rem/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.lxr-plus:hover,.lxr-odp:hover{color:#fff;border-color:var(--lx-akcent)}
.lxr-pick{display:none;gap:2px;padding:3px 5px;border-radius:999px;background:#241b12;border:1px solid rgba(255,255,255,.18)}
.cz-wiad.lxr-pickon .lxr-pick{display:inline-flex}
.lxr-pick button{background:none;border:0;font-size:1.05rem;line-height:1;padding:3px;cursor:pointer;border-radius:50%}
.lxr-pick button:hover{background:rgba(255,255,255,.14)}

/* ── pasek postępu w stopce ── */
.lxr-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}
.lxr-pasek{flex:1 1 90px;min-width:70px;height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.lxr-pasek i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--lx-akcent),#ff9a45);transition:width .8s cubic-bezier(.2,1,.3,1)}
.lxr-pkt{font:600 .66rem/1 Arial,sans-serif;color:#aaa592}
#cz-rangi-btn{font-family:inherit;font-size:.78rem;font-weight:700}

/* ── przyciski: baza dla mikro-animacji ── */
#czat-popup button,#czat-fab,.lxr-modal button{will-change:transform;-webkit-tap-highlight-color:transparent}

/* ── nakładki: przepustka, awans ── */
.lxr-nakladka{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:14px;background:rgba(10,7,4,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:hidden}
.lxr-karta{position:relative;width:min(300px,100%);padding:16px 16px 18px;border-radius:14px;background:linear-gradient(160deg,#efe8d4,#d9d0b6);color:#2a2217;box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 0 0 2px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif}
.lxr-karta h3{margin:0 0 10px;font:900 .8rem/1 Arial Black,Arial,sans-serif;letter-spacing:.18em;color:#7b2a20;text-align:center;border-bottom:2px solid #7b2a20;padding-bottom:7px}
.lxr-karta .rz{display:flex;gap:12px;align-items:center}
.lxr-foto{flex:none;width:64px;height:78px;border-radius:6px;background:#bfb69b;display:grid;place-items:center;font-size:2rem;box-shadow:inset 0 0 0 2px rgba(0,0,0,.18)}
.lxr-karta .pn{font:900 1.15rem/1.1 Arial Black,Arial,sans-serif;word-break:break-word}
.lxr-karta .pm{font:600 .68rem/1.3 Arial,sans-serif;color:#5b5240;margin-top:4px}
.lxr-pieczec{position:absolute;right:-6px;bottom:8px;padding:.35rem .6rem;border:3px solid #c3271c;border-radius:6px;color:#c3271c;font:900 .82rem/1.05 Arial Black,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-12deg);background:rgba(255,255,255,.35);text-align:center;opacity:0;pointer-events:none;box-shadow:0 0 0 2px rgba(195,39,28,.25)}
.lxr-awans{text-align:center;position:relative}
.lxr-awans .st{display:inline-block;padding:.5rem 1rem;border:5px solid #e0412f;border-radius:10px;color:#ff6a58;font:900 clamp(1.8rem,9vw,2.6rem)/1 Arial Black,Arial,sans-serif;letter-spacing:.08em;transform:rotate(-8deg);text-shadow:0 0 18px rgba(255,80,60,.55);background:rgba(20,10,8,.55);opacity:0}
.lxr-awans p{margin:14px 0 8px;color:#f3efe3;font:600 .92rem/1.3 Arial,sans-serif}
.lxr-awans .tg{opacity:0;display:inline-block}
.lxr-awans small{display:block;margin-top:10px;color:#aaa592;font:600 .72rem/1.3 Arial,sans-serif}
.lxr-konf{position:absolute;left:50%;top:42%;width:9px;height:14px;border-radius:2px;pointer-events:none;opacity:0}
.lxr-lot{position:fixed;z-index:2147483000;pointer-events:none;max-width:70vw;padding:8px 12px;border-radius:12px;background:var(--lx-akcent);color:#fff;font:600 .9rem/1.25 Arial,sans-serif;box-shadow:0 8px 20px rgba(0,0,0,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lxr-plus1{position:fixed;z-index:2147483000;pointer-events:none;font:900 .85rem/1 Arial Black,Arial,sans-serif;color:#4fcf86;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.cz-auth-blad.lxr-trzes{display:block}

/* ── legenda ── */
.lxr-modal{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:clamp(0px,3vw,24px);background:rgba(8,6,4,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#f3efe3}
.lxr-modal[hidden]{display:none!important}
.lxr-okno{position:relative;width:min(760px,100%);max-height:min(94vh,900px);display:flex;flex-direction:column;border-radius:20px;border:1px solid color-mix(in srgb,var(--lx-akcent) 40%,transparent);background:linear-gradient(180deg,#241c13,#17120c 40%);box-shadow:0 30px 90px rgba(0,0,0,.65);overflow:hidden}
.lxr-hd{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}
.lxr-hd h2{margin:0;flex:1;font:800 clamp(1.05rem,3vw,1.35rem)/1.2 system-ui,Arial,sans-serif;letter-spacing:.01em}
.lxr-hd p{margin:2px 0 0;font:500 .78rem/1.3 Arial,sans-serif;color:#aaa592}
.lxr-x{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#f3efe3;font-size:1.1rem;cursor:pointer}
.lxr-x:hover{background:rgba(255,77,77,.22)}
.lxr-bd{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 20px;-webkit-overflow-scrolling:touch}
.lxr-bd h3{margin:18px 0 8px;font:800 .78rem/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lx-akcent)}
.lxr-lista{display:grid;gap:8px}
.lxr-wiersz{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.lxr-wiersz.moja{border-color:var(--lx-akcent);background:color-mix(in srgb,var(--lx-akcent) 14%,transparent)}
.lxr-wiersz .op{flex:1;min-width:0;font:500 .82rem/1.35 Arial,sans-serif;color:#d9d4c4}
.lxr-wiersz .op b{display:block;color:#fff;font-weight:700}
.lxr-zasady{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.lxr-zasady li{padding:8px 11px;border-radius:10px;background:rgba(255,255,255,.05);font:500 .84rem/1.35 Arial,sans-serif;color:#d9d4c4}
.lxr-zasady li b{color:#fff}
.lxr-opcje{display:flex;align-items:center;gap:10px;margin-top:14px;font:600 .82rem/1.3 Arial,sans-serif;color:#cfcab8}
.lxr-opcje input{width:20px;height:20px;accent-color:var(--lx-akcent)}

/* ── filmik ── */
.lxr-film{margin-top:6px}
.lxr-scena{container-type:inline-size;position:relative;width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 30% 20%,#2c2216,#120d08);border:1px solid rgba(255,255,255,.12)}
.lxr-sc{position:absolute;inset:0;font-size:3.1cqw;line-height:1.25;font-family:Arial,Helvetica,sans-serif;color:#f3efe3;display:grid;place-items:center}
.lxr-sc *{box-sizing:border-box}
.lxr-pauza .lxr-sc *,.lxr-pauza .lxr-sc *::before,.lxr-pauza .lxr-sc *::after{animation-play-state:paused!important}
.lxr-pasek-film{height:5px;background:rgba(255,255,255,.12);border-radius:9px;margin-top:8px;overflow:hidden}
.lxr-pasek-film i{display:block;height:100%;width:0;background:var(--lx-akcent)}
.lxr-napis{min-height:2.6em;margin:8px 0 0;font:600 .9rem/1.35 Arial,sans-serif;color:#f3efe3}
.lxr-napis small{display:block;color:#aaa592;font-weight:500;font-size:.76rem}
.lxr-ster{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}
.lxr-ster button{min-height:44px;min-width:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#f3efe3;font:700 .86rem/1 Arial,sans-serif;cursor:pointer}
.lxr-ster button:hover{background:rgba(255,255,255,.14)}
.lxr-kropki{display:flex;gap:6px;margin-left:auto}
.lxr-kropki i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.22);transition:background .2s,transform .2s}
.lxr-kropki i.on{background:var(--lx-akcent);transform:scale(1.3)}

/* elementy scen */
.sc-okno{width:78%;border-radius:1.2em;background:#1d160e;border:1px solid rgba(255,255,255,.16);box-shadow:0 1.2em 3em rgba(0,0,0,.5);padding:1em;position:relative}
.sc-tyt{font:900 .95em/1 Arial Black,Arial,sans-serif;margin-bottom:.7em;color:#f3efe3}
.sc-pole{height:2em;border-radius:.6em;background:#0f0b07;border:1px solid rgba(255,255,255,.2);margin:.45em 0;padding:.45em .7em;font-size:.9em;overflow:hidden;white-space:nowrap}
.sc-typ{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;animation:scTyp var(--t,1.2s) steps(var(--n,14),end) var(--d,0s) forwards}
@keyframes scTyp{to{width:calc(var(--n,14) * 1ch)}}
.sc-btn{display:inline-block;padding:.55em 1.1em;border-radius:.7em;background:linear-gradient(180deg,#c3271c,#8f1a10);font-weight:800;font-size:.9em;animation:scTap .5s ease var(--d,0s) both}
@keyframes scTap{0%{transform:scale(1)}40%{transform:scale(.88)}100%{transform:scale(1)}}
.sc-st{position:absolute;right:6%;bottom:12%;padding:.45em .8em;border:.25em solid #ff5a48;border-radius:.5em;color:#ff5a48;font:900 1.15em/1.05 Arial Black,Arial,sans-serif;letter-spacing:.06em;text-align:center;transform:rotate(-10deg);background:rgba(20,8,6,.7);opacity:0;animation:scSt .55s cubic-bezier(.2,1.4,.4,1) var(--d,1s) forwards}
@keyframes scSt{0%{opacity:0;transform:rotate(-10deg) scale(calc(1 + 2.2*var(--lxr-dist)))}60%{opacity:1;transform:rotate(-10deg) scale(.92)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
.sc-baniak{max-width:80%;padding:.5em .8em;border-radius:.8em;background:#2a2117;margin:.4em 0;font-size:.88em;opacity:0;animation:scWej .5s cubic-bezier(.2,1.2,.3,1) var(--d,0s) forwards}
.sc-baniak.ja{margin-left:auto;background:#4a2a18;border:1px solid rgba(232,122,30,.4)}
@keyframes scWej{from{opacity:0;transform:translateY(calc(1.4em * var(--lxr-dist))) scale(.94)}to{opacity:1;transform:none}}
.sc-tag{display:inline-block;margin-right:.4em;padding:.18em .45em;border-radius:.3em;background:var(--c,#8d99a6);color:#fff;font:800 .62em/1 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
.sc-form{display:flex;gap:.5em;align-items:center;margin-top:.6em}
.sc-form .sc-pole{flex:1;margin:0}
.sc-go{width:2.2em;height:2.2em;border-radius:50%;background:#c3271c;display:grid;place-items:center;animation:scTap .5s ease var(--d,0s) both}
.sc-plus{position:absolute;right:12%;top:24%;font:900 1.3em/1 Arial Black,Arial,sans-serif;color:#4fcf86;opacity:0;animation:scUnos 1.2s ease-out var(--d,0s) forwards}
@keyframes scUnos{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(calc(-3em * var(--lxr-dist)))}}
.sc-pas{height:.9em;border-radius:9em;background:rgba(255,255,255,.12);overflow:hidden;margin:.8em 0}
.sc-pas i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lx-akcent),#ff9a45);animation:scPas var(--t,2.4s) ease-out var(--d,0s) forwards}
@keyframes scPas{to{width:100%}}
.sc-zam{position:relative;display:inline-grid;vertical-align:middle}
.sc-zam .tg{grid-area:1/1}
.sc-zam .a{animation:scCzas 3.5s ease var(--d,0s) both}
@keyframes scCzas{0%,60%{opacity:1;transform:none}75%,100%{opacity:0;transform:translateY(-.6em) scale(.8)}}
.sc-zam .b{opacity:0;animation:scCzasB .6s cubic-bezier(.2,1.4,.4,1) var(--d2,2s) forwards}
@keyframes scCzasB{from{opacity:0;transform:translateY(.8em) scale(.6)}to{opacity:1;transform:none}}
.sc-konf{position:absolute;left:50%;top:48%;width:.5em;height:.8em;border-radius:.1em;opacity:0;animation:scKonf 1.5s ease-out var(--d,2s) forwards}
@keyframes scKonf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(calc(var(--x) * var(--lxr-dist)),calc(var(--y) * var(--lxr-dist))) rotate(var(--r))}}
.sc-opt{padding:.6em .8em;border-radius:.7em;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);margin:.4em 0;position:relative;overflow:hidden;font-size:.9em}
.sc-opt i{position:absolute;inset:0;width:0;background:rgba(46,158,99,.5);animation:scPas 1s ease-out var(--d,0s) forwards;max-width:var(--p,50%)}
.sc-opt span{position:relative}
.sc-reka{position:absolute;font-size:2.2em;line-height:1;left:70%;top:90%;animation:scReka var(--t,1.6s) cubic-bezier(.3,.9,.3,1) var(--d,0s) forwards;opacity:0}
@keyframes scReka{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}70%{opacity:1;transform:translate(var(--x,0),var(--y,-8em)) scale(1)}85%{transform:translate(var(--x,0),var(--y,-8em)) scale(.8)}100%{opacity:1;transform:translate(var(--x,0),var(--y,-8em)) scale(1)}}
.sc-pasek-nar{display:flex;gap:.5em;margin-bottom:.8em}
.sc-pasek-nar b{padding:.45em .7em;border-radius:.6em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:.85em}
.sc-pasek-nar b.top{animation:scPuls 1s ease-in-out var(--d,0s) 2}
@keyframes scPuls{50%{transform:scale(1.14);background:rgba(232,122,30,.4)}}
.sc-utw{display:flex;justify-content:space-between;align-items:center;gap:.6em;padding:.6em .8em;border-radius:.7em;background:rgba(255,255,255,.06);margin:.35em 0;font-size:.88em}
.sc-utw u{text-decoration:none;padding:.35em .6em;border-radius:.5em;background:#2e9e63;font-weight:800;font-size:.85em}
.sc-utw.go u{animation:scTap .5s ease var(--d,0s) both}
.sc-toast{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);padding:.55em 1em;border-radius:.8em;background:#2e9e63;color:#fff;font-weight:700;font-size:.9em;white-space:nowrap;opacity:0;animation:scWej .5s ease var(--d,0s) forwards}
.sc-odzw{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;width:84%}
.sc-odz{display:grid;justify-items:center;gap:.4em;padding:.7em .3em;border-radius:.9em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);text-align:center;font-size:.8em;opacity:0;animation:scPop .6s cubic-bezier(.2,1.5,.4,1) var(--d,0s) forwards}
.sc-odz em{font-style:normal;font-size:2em;line-height:1}
@keyframes scPop{from{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:none}}

@media (max-width:520px){
  .lxr-modal{padding:0;align-items:stretch}
  .lxr-okno{max-height:100%;height:100%;border-radius:0}
  .lxr-pieczec{font-size:.7rem}
}

/* bąbel powitalny bota nie zasłania otwartego czatu */
body:has(#czat-popup:not([hidden])) .lxb-bubble{display:none!important}