/* Sceny z boku (public/scena-tel.js: sale, korytarz, postacie .tspr) na telefonie i telewizorze. Scena ma logiczne 960 px szerokości i skaluje się do ekranu. */
.mapa{position:fixed;left:0;top:0;transform-origin:0 0;z-index:0;overflow:hidden;--g:#5fd35f;--y:#f2c14e;--r:#ff5b5b;--acc:#5cc8ff}
.mapa[hidden]{display:none}
.mapa img,.mapa canvas{image-rendering:auto}
.mapa img.pxi{image-rendering:pixelated} /* ikony sekcji to mały pixel art (30-40 px) bez większej wersji: powiększane po pikselach, nie rozmyte */
.mapa .world{position:absolute;left:0;top:0;transform-origin:0 0}
.mapa .world>*{position:absolute}
.mapa .lit{transition:filter .8s}
.mapa .led{width:2px;height:2px}
.mapa .snop{pointer-events:none}
/* telewizor nad mapą: tylko panel karty dostępu w korytarzu (jak w makiecie ekranów) */
body.tv #app.namapie{padding:0;background:none}
.mkarta{position:fixed;right:calc(1.9*var(--u));bottom:calc(1.6*var(--u));display:flex;align-items:center;gap:calc(1*var(--u));width:calc(36*var(--u));z-index:2}
.kkarta{display:flex;align-items:center;gap:12px;padding:10px 12px}.kkarta img.kd{height:64px;image-rendering:pixelated}.kkarta .t{font-size:15px;line-height:1.4}
.mkarta img.kd{height:calc(10*var(--u));image-rendering:pixelated}
.mkarta .t{font-size:calc(1.6*var(--u));line-height:1.35}

/* ---------- telefon: pas sceny z makiety mapy (public/scena-tel.js) ---------- */
.tscena{position:relative;flex:none;height:clamp(170px,31vh,320px);margin:0 -16px;overflow:hidden;background:#070814 url(img/orbita/mapa/kosmos-tel.webp?v=2) center/cover;border-bottom:3px solid #2c3260}
/* sala z boku (scena-tel.js pokojHtml): .tsk w px sali, kadr przez transform (dopasujPokoj albo .wz-room na telewizorze) */
.tsala{position:absolute;inset:0;overflow:hidden}
.tsk{position:absolute;left:0;top:0;transform-origin:0 0}
.tsk>*{position:absolute}
.tsk .tsi{left:0;top:0;width:100%;height:100%;image-rendering:auto}
.tsk .tpola{left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tpola .pol{opacity:.82}
.tpola .glow polygon{fill:none;stroke:var(--c);stroke-linejoin:round}
.tpola .fl{fill:#fff;opacity:0}
.tpola .led{stroke:#fff;stroke-width:9;stroke-dasharray:9 21;opacity:.5}
.tpola .pol.dosz{animation:polOn .3s ease-out var(--ta) forwards}
.tpola .pol.dosz .fl{animation:polFl .5s ease-out var(--ta)}
.tpola .pol.ods.no{animation:polNo .5s ease-out var(--t2) forwards}
.tpola .pol.dosz.no{animation:polOn .3s ease-out var(--ta) forwards,polNo .5s ease-out var(--t2) forwards}
.tpola .pol.ods.ok{animation:polOn .3s ease-out var(--ta,0s) forwards,polOk .9s ease-in-out var(--t2) 4 alternate}
@keyframes polOn{to{opacity:1}}
@keyframes polFl{0%{opacity:0}1%{opacity:.8}100%{opacity:0}}
@keyframes polNo{to{opacity:.2}}
@keyframes polOk{from{opacity:.8}to{opacity:1}}
.tplk{transform:translateX(-50%);min-width:9px;height:8px;padding:0 1.5px;background:var(--c);border:1px solid #0d0f22;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:400;font-size:6px;line-height:1;color:#1a1430;z-index:400}
.tplk.ods.no{animation:polNo .5s ease-out var(--t2) forwards}
.tkacz{z-index:1;image-rendering:pixelated;transform-origin:50% 80%;animation:tkacz 3.2s ease-in-out infinite}
@keyframes tkacz{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-1.6px) rotate(4deg)}}
.tbab{z-index:1;width:var(--s);height:var(--s);border:.4px solid #e8ffff;border-radius:50%;opacity:0;animation:tbab 4.2s linear var(--d) infinite}
@keyframes tbab{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}85%{opacity:.7}100%{opacity:0;transform:translateY(var(--h))}}
.tbeam{z-index:2;transform-origin:50% 100%;opacity:0;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--c) 70%,transparent) 70%,var(--c));animation:tbeam .7s cubic-bezier(.2,.8,.3,1) var(--t2) forwards}
@keyframes tbeam{from{opacity:0;transform:scaleY(.15)}to{opacity:.5;transform:none}}
.tspr{width:48px;height:48px;background-size:288px 288px;background-repeat:no-repeat;background-position:0 -96px;animation:var(--ra,kidle) var(--rt,var(--ti,8.25s)) steps(1) calc(var(--d) - var(--o,0s)) infinite;font-style:normal}
.tspr.wch{animation:twch 1.4s ease-in-out var(--d) both,tkrok .78s steps(1) var(--d) 2,var(--ra,kidle) var(--rt,var(--ti,8.25s)) steps(1) calc(var(--d) + 1.56s) infinite}
@keyframes twch{from{transform:translate(var(--dx),var(--dy))}to{transform:none}}
.tspr.wyj{animation:twyj 1.6s ease-in-out var(--d) both,tkrok .78s steps(1) var(--d) 2}
@keyframes twyj{from{transform:none;opacity:1}80%{opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes tkrok{0%{background-position:0 0}16.67%{background-position:-48px 0}33.33%{background-position:-96px 0}50%{background-position:-144px 0}66.67%{background-position:-192px 0}83.33%{background-position:-240px 0}}
/* arkusz 6x6 (sprity6), klatki w procentach, więc działa w każdym rozmiarze: spoczynek = 5 oddechów i nawyk postaci (czas --ti różny dla każdego, żeby nawyki się rozjeżdżały),
   reakcje przez klasy r-*: --ra to animacja, --rt jej czas; radość i machanie w pętli, reszta to jedna klatka */
@keyframes kidle{0.00%{background-position:0% 40%}2.82%{background-position:20% 40%}5.65%{background-position:40% 40%}8.47%{background-position:60% 40%}11.30%{background-position:80% 40%}14.12%{background-position:100% 40%}16.95%{background-position:0% 40%}19.77%{background-position:20% 40%}22.59%{background-position:40% 40%}25.42%{background-position:60% 40%}28.24%{background-position:80% 40%}31.07%{background-position:100% 40%}33.89%{background-position:0% 40%}36.72%{background-position:20% 40%}39.54%{background-position:40% 40%}42.36%{background-position:60% 40%}45.19%{background-position:80% 40%}48.01%{background-position:100% 40%}50.84%{background-position:0% 40%}53.66%{background-position:20% 40%}56.48%{background-position:40% 40%}59.31%{background-position:60% 40%}62.13%{background-position:80% 40%}64.96%{background-position:100% 40%}67.78%{background-position:0% 40%}70.61%{background-position:20% 40%}73.43%{background-position:40% 40%}76.25%{background-position:60% 40%}79.08%{background-position:80% 40%}81.90%{background-position:100% 40%}84.73%{background-position:0% 60%}87.27%{background-position:20% 60%}89.82%{background-position:40% 60%}92.36%{background-position:60% 60%}94.91%{background-position:80% 60%}97.45%{background-position:100% 60%}}
@keyframes krad{0.00%{background-position:60% 80%}25.00%{background-position:80% 80%}50.00%{background-position:100% 80%}75.00%{background-position:80% 80%}}
@keyframes kmach{0.00%{background-position:0% 80%}25.00%{background-position:20% 80%}50.00%{background-position:40% 80%}75.00%{background-position:20% 80%}}
@keyframes kmysli{0%,100%{background-position:0% 100%}}
@keyframes kciesz{0%,100%{background-position:20% 100%}}
@keyframes ksmut{0%,100%{background-position:40% 100%}}
@keyframes kzaw{0%,100%{background-position:60% 100%}}
@keyframes kzdz{0%,100%{background-position:80% 100%}}
@keyframes kmowi{0%,100%{background-position:100% 100%}}
.tspr.r-rad{--ra:krad;--rt:.76s}.tspr.r-mach{--ra:kmach;--rt:.68s}.tspr.r-mysli{--ra:kmysli;--rt:1s}.tspr.r-ciesz{--ra:kciesz;--rt:1s}
.tspr.r-smut{--ra:ksmut;--rt:1s}.tspr.r-zaw{--ra:kzaw;--rt:1s}.tspr.r-zdz{--ra:kzdz;--rt:1s}.tspr.r-mowi{--ra:kmowi;--rt:1s}
.tspr .odz{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-family:var(--display);font-size:8px;line-height:10px;background:#f2c14e;color:#2a1c00;padding:0 2px;border:1px solid #2a1c00}
/* panel pod sceną (koncepcja A, propozycje/drzwi-wybor): troje drzwi jako kafle w kolejności drzwi z korytarza, złota karta do przeciągnięcia na drzwi */
.tfaza{font-family:var(--display);font-size:13px;color:var(--yellow);letter-spacing:.04em}
.tfaza.zl{color:#ffc83a}
.dkafle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.dbtn{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0!important;color:#eef1ff;transition:transform .2s,opacity .3s;-webkit-tap-highlight-color:transparent}
.dbtn .drw{position:relative;margin-top:8px}
.dbtn .ddr{position:relative;display:block;width:54px;height:96px;background:#05070f;overflow:hidden;border:2px solid #05070f}
.dbtn .ddr .wi{position:absolute;left:0;top:0;width:100%;height:100%;image-rendering:pixelated}
.dbtn .ddr .bl{position:absolute;inset:0;z-index:2;background:#fff7cf;opacity:0;pointer-events:none}
.dbtn .tbl{position:absolute;inset:-12px;z-index:3;background:#ffe9a0;opacity:0;pointer-events:none}
.dbtn .ddr img.l,.dbtn .ddr img.p{position:absolute;top:0;z-index:1;width:50%;height:100%;image-rendering:pixelated;transition:transform .25s linear}
.dbtn .ddr img.l{left:0}.dbtn .ddr img.p{right:0}
.dbtn .cz{position:absolute;right:-21px;top:34px;width:17px;height:26px;image-rendering:pixelated}
.dbtn b{font-family:var(--display);font-weight:400;font-size:11px;letter-spacing:.02em;margin-top:6px;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden}
.dbtn small{font-family:var(--tk);font-size:15px;color:#b8c0e8;-webkit-font-smoothing:none;line-height:1;margin-bottom:2px}
.dbtn .gl{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:5px;max-width:100%}
.dtw{display:block;flex:none;width:22px;height:22px;border:2px solid var(--c);background:#0b0f1f}
.dtw img{display:block;width:100%;height:100%;image-rendering:pixelated}
.dbtn .tw{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:2;font-family:var(--display);font-size:9px;background:var(--yellow);color:#1a1430;padding:2px 5px;white-space:nowrap;box-shadow:2px 2px 0 #05070f}
.dbtn .tw.x{display:none}
.dbtn .tw.n{top:6px;left:auto;right:2px;transform:none;background:none;box-shadow:none;padding:0;color:var(--yellow);font-size:16px;text-shadow:2px 2px 0 #05070f}
.dbtn .tw.zl{background:#ffc83a}
.dbtn.me{transform:translateY(-4px) scale(1.04)} /* wybrany bez kolorowej ramki: podniesienie i jaśniejsze tło */
.dbtn.me .ddr img.l{transform:translateX(-12px)}.dbtn.me .ddr img.p{transform:translateX(12px)}
.dbtn.win,.dbtn.zlota{border-image-source:url(img/orbita/ui/panel-zloty.webp)!important}
/* wynik: drzwi rozsuwają się w równym tempie (po wylądowaniu karty w czytniku), za nimi wnętrze sekcji; złota karta: całe drzwi błyskają */
.dbtn.win .ddr img.l,.dbtn.zlota .ddr img.l{transform:translateX(-100%);animation:dotwL .8s linear .3s both}.dbtn.win .ddr img.p,.dbtn.zlota .ddr img.p{transform:translateX(100%);animation:dotwP .8s linear .3s both}
@keyframes dotwL{from{transform:none}to{transform:translateX(-100%)}}
@keyframes dotwP{from{transform:none}to{transform:translateX(100%)}}
.dbtn.zlota .ddr .bl{animation:dbl .8s linear .3s both}
.dbtn.zlota .tbl{animation:dtbl .8s linear .3s both}
@keyframes dbl{0%{opacity:0}25%{opacity:1}100%{opacity:0}}
@keyframes dtbl{0%{opacity:0}25%{opacity:.55}100%{opacity:0}}
.dbtn.lost{opacity:.35}
.dbtn.cel{outline:2px dashed #ffc83a;outline-offset:2px}
.dbtn .zamk{position:absolute;left:50%;top:56px;transform:translate(-50%,-50%);z-index:2;font-family:var(--display);font-size:9px;background:#05070fdd;color:#aab4e0;padding:2px 4px;border:2px solid #3a4780;white-space:nowrap}
.dstan{align-self:center;font-family:var(--display);font-size:10px;letter-spacing:.04em;white-space:nowrap}
.dstan i{font-style:normal;color:var(--yellow)}
.zreka{position:relative;z-index:10;margin-top:auto;display:flex;align-items:flex-end;gap:12px;padding:0 4px 4px}
/* karta: miejsce (rozmiar) > cień + lewitacja > karta; lewituje tylko, gdy jest dostępna */
.zkarta{display:block;width:100%;height:100%;transform:rotate(-6deg);box-shadow:3px 3px 0 #05070f;image-rendering:pixelated;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}
.zkarta.wziete{opacity:.25;box-shadow:none}
.zreka .t b{display:block;font-family:var(--display);font-weight:400;font-size:13px;color:#ffc83a;letter-spacing:.04em;text-transform:uppercase}
.zreka .t small{display:block;font-family:var(--tk);font-size:15px;color:#b8c0e8;-webkit-font-smoothing:none;line-height:1.1}
.zklon{position:fixed;z-index:60;pointer-events:none;box-shadow:6px 8px 0 rgba(0,0,0,.5)}
.zklon img{display:block;width:100%;height:100%;image-rendering:pixelated}
/* błysk przy chwycie tylko na ramce karty (u góry obrazka jest przezroczysty pas z klejnotem) */
.zklon .flesz{position:absolute;left:0;right:0;top:7.3%;bottom:2.7%;background:#fff7cf;opacity:0;animation:zfl .26s ease-out both}
@keyframes zfl{from{opacity:.9}to{opacity:0}}
.zgw{position:fixed;z-index:61;width:54px;height:54px;pointer-events:none;image-rendering:pixelated;animation:zgw .56s ease-out both}
@keyframes zgw{0%{transform:scale(.6);opacity:1}70%{transform:scale(1);opacity:1}100%{transform:scale(1.1);opacity:0}}
.zklon.wpada{transition:transform .35s ease-in,opacity .35s ease-in;opacity:0}
.zklon.wraca{transition:transform .22s ease-out}
/* niskie telefony (SE): mniejsze drzwi i karta, żeby panel zmieścił się bez scrolla */
@media (prefers-reduced-motion:reduce){.dbtn .ddr img.l,.dbtn .ddr img.p{animation:none!important}}
@media (max-height:740px){.dbtn .ddr{width:40px;height:72px}.dbtn .cz{top:24px;right:-20px}.dbtn .bum,.dbtn .zamk{top:44px}.dbtn small{font-size:14px}.zreka .t small{font-size:14px}}
/* pokój nad pytaniem: niższy pas, odpowiedzi ABCD w dwóch kolumnach jak w makiecie */
.tsc-pokoj{height:min(clamp(150px,27vh,290px),44vw)}
body:not(.tv):not(.desk) .tsc-pokoj~.grow .ans{grid-template-columns:1fr 1fr!important}
body:not(.tv):not(.desk) .tsc-pokoj~.grow .ans .a .t{font-size:17px}
body:not(.tv):not(.desk) .tsc-pokoj~.grow .ans .a .l{width:22px;height:22px;font-size:14px}
body:not(.tv):not(.desk) .tsc-pokoj~.grow .ans.five .a:last-child{grid-column:1/-1}
.tsc-pokoj~.grow .ord .o{min-height:44px}
/* winda grawitacyjna w hali: poświata emitera, migoczący słup, jasne pasmo i pierścienie w górę (transform i opacity) */
/* telefon: patrz na telewizor */
.patrz{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:30;display:none;align-items:center;gap:12px;padding:6px 14px 6px 10px;border:12px solid transparent;border-image:url(img/orbita/ui/panel-zloty.webp) 26 fill/24px;font-family:var(--display);font-size:18px;color:#ffe08a;white-space:nowrap;pointer-events:none}
.patrz img{width:34px;height:auto;image-rendering:pixelated}
/* pod napisem sam przygaszony kosmos: ekran gry z telefonu znika, nie prześwituje */
.patrz-tlo{position:fixed;inset:0;z-index:29;display:none;background:linear-gradient(rgba(7,8,20,.6),rgba(7,8,20,.6)),#070814 url(img/orbita/mapa/kosmos-tel.webp?v=2) center/cover}
body.patrztv .patrz-tlo{display:block}
body.patrztv .patrz{display:flex;animation:patrzin .35s ease-out both}
.patrz-tlo .pomin{position:absolute;left:50%;bottom:calc(var(--sab,0px) + 48px);transform:translateX(-50%);white-space:nowrap}
body.patrztv #app,body.patrztv #scene{visibility:hidden}
@keyframes patrzin{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}
.tspr .pl2{position:absolute;left:50%;top:-6px;transform:translateX(-50%);font-family:var(--display);font-size:8px;line-height:10px;padding:0 2px;border:1px solid #1a1430}
.tspr .pl2.up{background:#7be08a;color:#06301a}.tspr .pl2.dn{background:#ff8fa3;color:#3a0010}.tspr .pl2.lat{background:#f2c14e;color:#2a1c00}
/* ---------- karty z makiety ekranów: telefon dwie malowane karty, telewizor rewersy nad graczami ---------- */
.karta{width:clamp(118px,36vw,168px);display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;background:none;border:0;padding:0;color:#e4e8ff;transition:transform .2s,opacity .2s}
.karta img{width:100%;aspect-ratio:230/368;object-fit:contain;image-rendering:auto}
.karta b{font-family:var(--display);font-weight:400;font-size:15px}
.karta p{margin:0;font-family:var(--tk);font-size:16px;-webkit-font-smoothing:none;color:#b8c0e8;text-align:center;line-height:1.2}
.karta:active{transform:scale(.97)}
.rewers{display:flex;gap:calc(1.6*var(--u));justify-content:center;align-items:flex-end;flex-wrap:wrap;perspective:calc(80*var(--u))}
.rewers .kk{width:calc(9*var(--u));height:calc(14.4*var(--u));position:relative;transform-style:preserve-3d;transition:transform .8s ease-in-out}
.rewers .kk img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.rewers .kk .front{transform:rotateY(180deg);filter:brightness(1.4)}
/* kto na kogo: plakietki jak w makiecie */
/* rząd załogi na telefonie: pełne imiona w dwóch linijkach zamiast ucinania, przy wielu graczach dwa równe rzędy */
body:not(.tv):not(.desk) .pl .nk{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.05;font-size:9.5px;max-width:58px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body:not(.tv):not(.desk) .who-row .ppl:has(.pl:nth-child(7)){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 2px;width:100%}
body:not(.tv):not(.desk) .who-row .ppl:has(.pl:nth-child(7)) .pl{width:auto}
body:not(.tv):not(.desk) .who-row .ppl:has(.pl:nth-child(7)) .pl .nk{max-width:100%}
/* napisy odsłonięcia (warianty A i B) */

/* ekran zasad przed konkurencją (telefon i telewizor) */
.zasb{display:flex;gap:12px;align-items:flex-start;padding:8px 10px!important}
.zasb>.pxi{width:44px;height:44px;flex:none}
.zasb .zt{font-family:var(--display);font-size:16px;color:var(--yellow);letter-spacing:.04em}
.zasb .zs{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;color:#b8c0e8}.zasb .zs .pxi{width:18px;height:18px}
.zasb ul{margin:8px 0 0;padding-left:18px;font-size:15px;line-height:1.4}
.zasb li+li{margin-top:4px}
body.tv .zasb>.pxi{width:calc(7*var(--u));height:calc(7*var(--u))}
body.tv .zasb .zt{font-size:calc(3*var(--u))}
body.tv .zasb .zs{font-size:calc(1.8*var(--u))}
body.tv .zasb ul{font-size:calc(2.2*var(--u));padding-left:calc(2.6*var(--u))}
/* strefy odpowiedzi na podłodze pokoju telefonu i przejście załogi do swoich kolorów w odsłonie */
.tspr.idz{animation:tidz 1.3s ease-in-out var(--d2) forwards,tkrok .78s steps(1) var(--d2) 2,var(--ra,kidle) var(--rt,var(--ti,8.25s)) steps(1) calc(var(--d2) + 1.56s) infinite}
@keyframes tidz{from{transform:none}to{transform:translate(var(--tx),var(--ty))}}
/* ekran pytania na telefonie (układ A z propozycje/ekran-pytania): kreski postępu w nagłówku, pokój jako niski pasek z sekcją i twarzami, pod pytaniem duże kafle 2x2 pod kciukiem */
.hd .pips{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}
.hd .pips i{width:14px;height:8px;background:#2a3060;border:1px solid #3d4680}
.hd .pips i.d{background:#5fc8f5;border-color:#5fc8f5}
.hd .pips i.t{background:var(--yellow);border-color:var(--yellow)}
.tsc-pokoj.pasek{flex:1 1 0;height:auto;min-height:min(150px,44vw);max-height:min(50vh,44vw)}
.pasek .pnad{position:absolute;left:8px;top:6px;z-index:900;pointer-events:none}
.pasek .pnad .catline{justify-content:flex-start;gap:6px}
.pasek .pnad .chip{font-size:10px;padding:3px 7px;background:#0d1030dd}
.pasek .who-row,.pod-pas .who-row{position:absolute;left:0;right:0;bottom:5px;z-index:900;gap:0;pointer-events:none}
.pasek .who-row .cap,.pod-pas .who-row .cap,.pasek .who-row .pl .sc,.pod-pas .who-row .pl .sc,.pasek .who-row .pl .nk,.pod-pas .who-row .pl .nk,.pasek .who-row .pl .fx,.pod-pas .who-row .pl .fx{display:none!important}
body:not(.tv):not(.desk) .pasek .who-row .ppl,body:not(.tv):not(.desk) .pod-pas .who-row .ppl{display:flex!important;flex-wrap:nowrap;gap:4px;width:auto}
.pasek .who-row .pl,.pod-pas .who-row .pl{width:auto!important}
.pasek .who-row .pl .pop,.pod-pas .who-row .pl .pop{width:30px;height:30px}
.pasek .who-row .ppl:has(.pl:nth-child(9)) .pl .pop,.pod-pas .who-row .ppl:has(.pl:nth-child(9)) .pl .pop{width:24px;height:24px}
.pasek .who-row .pl.ans::after,.pod-pas .who-row .pl.ans::after{left:auto;right:-4px;top:auto;bottom:-3px;width:14px;height:14px}
.pasek .who-row .pl.off,.pod-pas .who-row .pl.off{opacity:.45}
.pyt{display:flex;flex-direction:column;gap:10px;flex:0 0 auto!important}
.pyt .q{margin:0}
body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans{grid-template-columns:1fr 1fr!important;grid-auto-rows:minmax(clamp(76px,11vh,104px),auto);gap:10px}
body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a{flex-direction:column;justify-content:center;text-align:center;gap:8px;min-height:0!important;margin:0!important}
body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a .t{font-size:clamp(15px,4.6vw,19px);overflow-wrap:normal;word-break:normal;hyphens:manual}
body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a .l{width:26px;height:26px;font-size:16px}
.pyt .pf button{min-height:clamp(96px,14vh,130px)}
.pyt #stat:empty,.pyt #moc:empty,.pyt #fxban:empty{display:none}
/* po odpowiedzi wszystkie kafle zostają na miejscu: wybrany podniesiony i powiększony, reszta szara (pełne krycie, bez przezroczystości) */
body:not(.tv):not(.desk) .ans.locked .a:not(.pick),body:not(.tv):not(.desk) .pf.locked button:not(.pick){opacity:1!important;border-image-source:url(img/orbita/ui/odp-szary.webp)!important;color:#9aa0b8!important}
body:not(.tv):not(.desk) .ans.locked .a:not(.pick) .l{background:#0003!important;color:#9aa0b8!important}
body:not(.tv):not(.desk) .pf.locked button:not(.pick) i{color:#9aa0b8}
body:not(.tv):not(.desk) .ans.locked .a.pick,body:not(.tv):not(.desk) .pf.locked button.pick{transform:translateY(-3px) scale(1.03);z-index:2}
/* ekran pytania: całe tło to kosmos (tło telefonu), pokój unosi się na nim u góry bez własnej ramki, bez obrazu sekcji pod spodem */
.scene.konsola .sek{opacity:0!important}
.tsc-pokoj.pasek{background:none;border-bottom:0}
@media (max-height:720px){.tsc-pokoj.pasek{min-height:100px}}
/* poczekalnia (śluza): pokój z załogą u góry zajmuje wolne miejsce, kod w neonie, kafle w jednym rzędzie, lista załogi bez pustki */
body:not(.tv) #app[data-ekran=lobby] .crew{flex:0 1 auto;min-height:132px;overflow:auto}
/* telewizor: śluza po lewej, panel kodu po prawej */
body.tv .tvlob2{flex:1;min-height:0;display:grid;grid-template-columns:1fr calc(62*var(--u));gap:calc(3*var(--u));align-items:center}
body.tv .tvsl{height:calc(58*var(--u));margin:0;background:none;border:0}
/* lewa kolumna: scena Odprawy, pod nią karty załogi (6 w rzędzie, przy 7+ graczach scena się zmniejsza), nic nie wchodzi na panele z prawej */
body.tv .tvlobl{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:calc(1.6*var(--u))}
body.tv .tvlobl .tvsl{flex:0 1 calc(58*var(--u));height:auto;min-height:calc(30*var(--u))}
body.tv .tvlobl .tvcrew{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(1*var(--u));flex:none}
body.tv .tvlobl .tvcrew .mate{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:calc(.8*var(--u));align-items:center;justify-items:start;text-align:left;width:auto;min-width:0;min-height:0!important;padding:calc(.2*var(--u))!important;border-width:calc(1*var(--u))!important;border-image-width:calc(2*var(--u))!important}
body.tv .tvlobl .tvcrew .mate .pop{grid-row:1 / 3;width:calc(5.2*var(--u))!important;height:calc(5.2*var(--u))!important;margin:0}
body.tv .tvlobl .tvcrew .mate b{grid-column:2;min-width:0;max-width:100%;font-family:var(--body);font-weight:800;letter-spacing:0;font-size:calc(1.7*var(--u));color:#fff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
body.tv .tvlobl .tvcrew .mate .tag{grid-column:2;min-width:0;max-width:100%;background:none!important;padding:0!important;margin:0;font-size:calc(1.35*var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
body.tv .tvlobl .tvcrew .mate.host::before{left:auto;right:calc(.3*var(--u));top:calc(.3*var(--u))}
body.tv .tvlobp{display:flex;flex-direction:column;gap:calc(1.6*var(--u))}
body.tv .tvkodp{display:grid;grid-template-columns:1fr auto;grid-template-areas:'c q' 'k q' 's s';gap:calc(1.2*var(--u)) calc(3*var(--u));align-items:center;padding:calc(2*var(--u))}
body.tv .tvkodp .cap{grid-area:c}
body.tv .tvkodp .tvkod{grid-area:k;display:flex;gap:calc(1*var(--u))}
body.tv .tvkodp .tvkod span{width:calc(8*var(--u));height:calc(10*var(--u));display:grid;place-items:center;background:#141a44;border:calc(.4*var(--u)) solid #6a76b8;box-shadow:inset 0 0 0 calc(.4*var(--u)) #0c1030;font-family:var(--display);font-size:calc(6*var(--u));color:#ffd24a;text-shadow:calc(.3*var(--u)) calc(.3*var(--u)) 0 #9a5a00,0 0 calc(1.2*var(--u)) #ffb02e99}
body.tv .tvkodp .qr{grid-area:q;width:calc(22*var(--u));height:calc(22*var(--u));background:#fff;padding:calc(.8*var(--u))}
body.tv .tvkodp .qr img{width:100%;height:100%;display:block}
body.tv .tvkodp .sub{grid-area:s;font-size:calc(1.9*var(--u))}
body.tv .tvlob2{grid-template-columns:1fr calc(76*var(--u))}
body.tv .tvkodp .qr{width:calc(19*var(--u));height:calc(19*var(--u))}
body:not(.tv) #app[data-ekran=lobby] .crew{grid-auto-rows:max-content}
/* Śluza: fotele załogi (propozycje/zaloga-lobby, koncepcja A): kod w jednym pasie, 12 foteli 4x3, ustawienia w jednej linii */
.fot{position:relative;height:clamp(76px,11.5vh,96px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 4px;overflow:hidden;min-width:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;
  background:linear-gradient(180deg,#141a36 0,#1a2242 70%,color-mix(in srgb,var(--c) 45%,#1a2242) 70%);border:2px solid var(--line);box-shadow:3px 3px 0 var(--edge)}
.fot img{image-rendering:pixelated;max-width:none;display:block}
.fot .ch{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:34px;height:57px;opacity:.55}
.fot .ch img{width:100%;height:100%}
.fot .pp{position:absolute;left:0;right:0;top:5px;bottom:20px;display:flex;justify-content:center;align-items:flex-end}
.fot .pp img{height:100%;width:auto}
.fot b{position:relative;z-index:1;max-width:100%;padding:0 3px;font-family:var(--body);font-weight:800;font-size:11.5px;letter-spacing:0;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;text-shadow:1px 1px 0 var(--edge);background:rgba(5,7,15,.7)}
.fot.me{transform:translateY(-3px);background-color:#2b3566}.fot.me b{color:var(--yellow)} /* wybrany bez kolorowej ramki: podniesienie i jaśniejsze tło */
.fot.off .pp{opacity:.45}
.fot .x{position:absolute;top:2px;right:2px;z-index:2;width:22px;height:22px;display:grid;place-items:center;background:#0b0f1f;border:2px solid var(--line);font-family:var(--display);font-size:11px;line-height:1;color:var(--muted)}
/* arkusz od dołu: wolny fotel i karta bota */
.modal.dol{place-items:end center;padding:0 6px calc(env(safe-area-inset-bottom) + 6px)}
.modal .pan.ark{max-width:420px;padding:6px 8px 10px}
.modal .pan.ark h3{text-align:left;font-size:16px;margin:0 0 2px}
.modal .pan.ark>p,.modal .pan.ark .fbk p{font-size:12px;margin:0 0 10px}
.modal .pan.ark>.btn{width:100%}
.fpost{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-bottom:10px}
.fpost button{aspect-ratio:1;border:2px solid var(--c);background:#0b0f1f;padding:0;-webkit-tap-highlight-color:transparent}
.fpost button img{width:100%;height:100%;display:block;image-rendering:pixelated}
.fpost button.zaj{opacity:.25;border-color:var(--line)}
.fpost button.on{position:relative;z-index:1;transform:translateY(-3px) scale(1.1);background:#2b3566} /* wybrany bez kolorowej ramki: podniesienie i jaśniejsze tło */
.fbot{display:flex;align-items:center;gap:10px;background:#0b0f1f;border:2px solid var(--line);padding:6px 8px;margin-bottom:10px}
.fbot .pop{width:40px;height:40px;flex:none}
.fbot .t{flex:1;min-width:0}.fbot .t b{font-weight:800;font-size:14px;color:#fff}
.ark .s{display:flex;gap:10px;font-size:11px;font-weight:700;color:var(--muted);margin-top:2px;flex-wrap:wrap}
.fbot .los{flex:none;font-family:var(--display);font-size:10px;letter-spacing:.06em;color:var(--sky);border:2px solid var(--line);padding:6px 8px;background:none}
.fpips{display:inline-flex;gap:2px;vertical-align:middle}.fpips i{width:6px;height:6px;background:#2b3566}.fpips i.on{background:var(--sky)}
.tm .fpips i.on{background:var(--mint)}
.ark .lub{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim);margin:8px 0}
.ark .lub::before,.ark .lub::after{content:'';flex:1;height:2px;background:#232c55}
.fbk{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.fbk>img{width:58px;image-rendering:pixelated;max-width:none}
.ark .row .btn{flex:1;min-height:46px;font-size:13px}
.btn.czer{border-image-source:url(img/orbita/ui/odp-a.webp)!important;color:#fff}
.toast[data-act]{pointer-events:auto;cursor:pointer}
/* kod QR w obudowie skanera (propozycje/qr-lobby, koncepcja B): ciemna obudowa, miętowy ekran z serwera, zielony celownik w rogach, dioda, ikona skanera w środku */
.qr.qsk{position:relative;background:#1b2238!important;border:3px solid #05070f;border-radius:0!important;padding:0!important;box-shadow:inset 0 0 0 2px #3a4780,3px 3px 0 #05070f!important;--r:7%;--bw:max(2px,2%)}
.qsk .ekr{position:absolute;inset:var(--r);background:#cff5df}
.qsk .ekr>img{width:100%;height:100%;display:block;image-rendering:pixelated}
.qsk .mid{position:absolute;left:50%;top:50%;width:20%;height:20%;transform:translate(-50%,-50%);background:#0d2b20;display:grid;place-items:center}
.qsk .mid img{width:80%;height:80%;image-rendering:pixelated;max-width:none}
.qsk .nar{position:absolute;width:22%;height:22%;border:0 solid #6fe09a}
.qsk .nar.a{left:0;top:0;border-top-width:var(--bw);border-left-width:var(--bw)}
.qsk .nar.b{right:0;top:0;border-top-width:var(--bw);border-right-width:var(--bw)}
.qsk .nar.c{left:0;bottom:0;border-bottom-width:var(--bw);border-left-width:var(--bw)}
.qsk .nar.d{right:0;bottom:0;border-bottom-width:var(--bw);border-right-width:var(--bw)}
.qsk .led{position:absolute;right:var(--r);top:2%;width:max(3px,2.5%);height:max(3px,2.5%);background:#6fe09a;box-shadow:0 0 4px #6fe09a}
body.tv .tvkodp .qr.qsk{padding:0!important}
/* głosowanie przed każdym pokojem (makieta propozycje/kosmos/drzwi-pokoje): rząd pokoi piętra i karta wyniku z paskiem do otwarcia drzwi */
.dpips{display:flex;justify-content:center;gap:6px;margin:0 0 6px}
.dpips span{display:flex;align-items:center;gap:4px;font-family:var(--display);font-size:10px;letter-spacing:.04em;color:#c7cdf5;background:#151843;border:2px solid #3b4380;padding:2px 7px;white-space:nowrap}
.dpips span .pxi{height:14px;width:auto}
.dpips span.t{border-color:var(--yellow);color:var(--yellow)}
.dwyn{margin-top:8px;background:#0b0d1c;border:3px solid #7cf3ff;padding:8px 10px 9px;font-family:var(--display);display:flex;flex-direction:column;gap:3px}
.dwyn b{font-weight:400;font-size:15px;color:#fff;letter-spacing:.04em}
.dwyn small{font-family:var(--body);font-size:11px;color:#9aa3d8;line-height:1.35}
.dkd{display:flex;flex-direction:column;gap:5px;margin-top:6px;border-top:2px solid #1d2450;padding-top:6px}
.dkd-r{display:flex;align-items:center;gap:7px;font-family:var(--body);font-size:11px;color:#c9cff0;line-height:1.3}
.dkd-r.wraca{opacity:.55}
.dkd-r .dtw{position:static;flex:none}
.dkd-k{width:22px;height:auto;flex:none}
.dkd-r b{display:block;font-family:var(--display);font-weight:400;font-size:10px;letter-spacing:.04em;color:#f2c14e}
.dwyn i{display:block;height:4px;margin-top:5px;background:#7cf3ff;transform-origin:0 0;animation:dwynPas linear forwards}
@keyframes dwynPas{from{transform:scaleX(1)}to{transform:scaleX(0)}}
/* rząd „kto odpowiedział” pod paskiem sali (nie zasłania płyt pól) */
.pod-pas{flex:none;display:flex;justify-content:center;padding:5px 0 2px}
.pod-pas .who-row{position:static!important}
/* ---------- sala w telewizorze z Odprawy na telefonie (propozycje/pokoj-w-tv, B2a + linie L1) ----------
   ramka ui/ramka-tv2.webp: holo panel (propozycje/mini-tv, prompt TV2), 1320x802, ekran 5.23%..94.78% x 11.79%..85.1% (sala o kilka px pod krawędzią, rogi ramki ją przykrywają), na ekranie sala, linie kineskopu i linia transmisji z paskiem czasu */
/* telewizor zawsze na pełną szerokość telefonu i nigdy się nie zmniejsza (proporcje ramki 1320:802): miejsce oddaje to, co jest pod nim */
body:not(.tv):not(.desk) .tsc-pokoj.tvp{flex:none!important;height:calc((min(100vw,560px) - 12px) * .6076)!important;min-height:0!important;max-height:none!important;margin:2px -10px 4px;display:flex;justify-content:center;background:none;border:0;overflow:visible}
.tvp .tvbox{position:relative;height:100%;aspect-ratio:1320/802;max-width:100%;container-type:inline-size}
.tvp .tvek{position:absolute;left:5.23%;top:11.79%;width:89.55%;height:73.31%;overflow:hidden;background:#05070f}
.tvp .tvram{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;image-rendering:pixelated}
.tvp .tvsz{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(5,7,15,.10) 0 1px,transparent 1px 3px),linear-gradient(rgba(90,216,255,.05),rgba(90,216,255,.05))}
.tvp .tvosd{position:absolute;z-index:3;left:3%;right:3%;top:5%;display:flex;align-items:stretch;gap:2%;font-size:3.2cqw;pointer-events:none}
/* napis „Na żywo” wstawiony obok ekranu (widok wieży), a nie do środka: te same odstępy od ramki co w środku, inaczej nachodził na jej górną krawędź */
.tvp .tvbox>.tvosd{left:7.9%;right:7.9%;top:14.5%}
.tvp .tvrec,.tvp .tvwys{display:flex;align-items:center;gap:.4em;font-family:var(--display);letter-spacing:.06em;color:#fff;background:rgba(5,7,15,.75);padding:.3em .45em .2em;line-height:1;white-space:nowrap}
.tvp .tvwys{color:#ffb02e}
.tvp .tvrec i{width:.6em;height:.6em;flex:none;background:#ff3b3b;animation:emRec 1s steps(2) infinite}
.tvp .tvpus{flex:1}
.tvp .pnad{left:3%;top:calc(5% + 1.6em);z-index:3;font-size:3.2cqw}
/* pasek czasu siedzi w telewizorze, nagłówkowy znika */
@media (prefers-reduced-motion:reduce){.tvp .tvrec i{animation:none}}
/* trop prowadzącego na podłodze sali (app.js tropSceny), przed rzędem załogi, przy drzwiach */
.tsk .ttrop{position:absolute;left:30%;top:80%;width:2.4%;height:auto;image-rendering:pixelated;z-index:1500;pointer-events:none}
/* trop w korytarzu telefonu: drobiazg na podłodze przed windą, nad wieżą w ramce */
.tsc-winda .ktrop{position:absolute;z-index:2;left:40%;bottom:9%;pointer-events:none}
.tsc-winda .ktrop img{width:22px;height:auto;image-rendering:pixelated}
/* losowanie na telefonie (propozycje/poprawki-ekranow, A): bęben nad złotymi drzwiami w ramce TV, wynik z opisem, rząd konkurencji */
.tsc-los .losrl{position:absolute;z-index:4;left:41.2%;top:18.3%;width:12.7cqw;height:12.7cqw;transform:translateX(-50%);background:#0b0d1c;border:.7cqw solid #f2c14e;box-shadow:0 0 0 .5cqw #05060f,0 0 3cqw #f2c14e88;overflow:hidden}
.tsc-los .losrl-p{display:flex;flex-direction:column;animation:losKreci 1.9s cubic-bezier(.25,.6,.35,1) both}
.tsc-los .losrl img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:14%;image-rendering:pixelated}
.tsc-los .losrl img.losrl-w{animation:wlosw .35s ease-out}
@keyframes losKreci{from{transform:translateY(0)}to{transform:translateY(-66.6%)}}
.los-dol{gap:12px;justify-content:center}
.loswyn{display:flex;gap:12px;align-items:center}
.loswyn>img{width:64px;height:64px;object-fit:contain;flex:none;image-rendering:pixelated}
.loswyn b{display:block;font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.04em;color:var(--yellow)}
.loswyn span{display:block;font-family:var(--tk);font-size:17px;line-height:1.2;color:#cfd4f5;-webkit-font-smoothing:none}
.loswyn .tmw{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:11px;color:#ff8fb0;margin:2px 0}
.loswyn .tmw img{width:20px;height:20px}
.losrz{display:flex;justify-content:center;gap:8px}
.losrz img{width:46px;height:46px;object-fit:contain;padding:5px;background:#0d1030;border:2px solid #2a3060;image-rendering:pixelated;transition:transform .25s}
.losrz img.on{border-color:var(--yellow);background:#3a2c08;transform:translateY(-4px) scale(1.12)}
@media (prefers-reduced-motion:reduce){.tsc-los .losrl-p{animation:none}}
/* niski telefon (np. 375x667): ekran pytania i zasad mieścił się dopiero od ok. 720 px wysokości, a strona się nie przewija, więc ostatnia odpowiedź
   i dolny przycisk (Start, Zatwierdź kolejność) były poza ekranem. Rząd „kto już odpowiedział” robi się niski (bez podpisu i ksywek, mniejsze twarze),
   a gdyby miejsca dalej brakowało, przewija się sama kolumna pytania, przycisk pod nią zostaje na ekranie */
@media (max-height:720px){
  body:not(.tv):not(.desk) .who-row .cap,body:not(.tv):not(.desk) .who-row .nk{display:none}
  body:not(.tv):not(.desk) .who-row{gap:2px}
  body:not(.tv):not(.desk) .who-row .pop{width:36px;height:36px}
  body:not(.tv):not(.desk) #app>.pyt{flex:0 1 auto!important;min-height:0;overflow-y:auto;overscroll-behavior:contain}
}
/* telefon z mini TV: telewizor ma zawsze pełną szerokość i nie maleje, więc na niższych ekranach miejsce oddaje treść pod nim:
   mniejsze odstępy, pytanie mniejszą czcionką, odpowiedzi z literą z boku (niższe kafle), krótsze wiersze Kolejności */
@media (max-height:900px){
  body:not(.tv):not(.desk) #app:has(>.tvp){gap:8px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt{gap:8px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .h1.q{font-size:17px!important}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans{grid-auto-rows:minmax(clamp(50px,7.2vh,76px),auto);gap:8px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a{flex-direction:row;gap:8px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ord{gap:6px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ord .o{min-height:44px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .fxban{padding:5px 10px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .fxban img.kartaS{height:30px}
}
@media (max-height:740px){
  body:not(.tv):not(.desk) #app:has(>.tvp){gap:6px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt{gap:6px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .h1.q{font-size:15px!important;line-height:1.25}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans{grid-auto-rows:minmax(48px,auto);gap:6px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a .t{font-size:16px;line-height:1.1}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ans .a .l{width:20px;height:20px;font-size:13px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .h1.q{padding-top:1px!important;padding-bottom:1px!important}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ord .o{min-height:40px;border-width:8px!important;border-image-width:16px!important;font-size:13px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ord .o .n{width:26px;height:26px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .ord .o span:not(.n){font-size:17px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt>.center:has(>.chip:only-child){display:none}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .fxban small{display:none}
  body:not(.tv):not(.desk) #app:has(>.tvp)>.say{padding-top:6px;padding-bottom:6px}
  body:not(.tv):not(.desk) #app:has(>.tvp)>.say p{font-size:15px;line-height:1.25}
  body:not(.tv):not(.desk) #app:has(>.tvp)>.say b{font-size:10px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .tc-zm{padding-top:3px;padding-bottom:3px;margin-bottom:0}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .tc-tw img{width:24px;height:24px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .tc-tw::after{height:3px}
  body:not(.tv):not(.desk) .tsc-pokoj~.pyt .tc-zm>b br{display:none}
}