/* Talia stacji: ręka tylko w oknie kart (propozycje/talia-okna), zdobywanie kart (propozycje/talia-zdobywanie).
   Na telefonie panel jest ostatnim dzieckiem #app i zajmuje resztę wysokości pod treścią fazy; obrazek karty ma szerokość --w (dopasujKarty),
   tekst całą kolumnę. Zaznaczenie bez kolorowych ramek: podniesienie, przygaszenie reszty. Bez filter i masek (WebKit). */
body.zreka #app .grow{flex:0 0 auto}
/* przy drzwiach ręka potrzebuje miejsca pod kaflami: mniejsza scena w tych samych proporcjach (niższa przy pełnej szerokości ściskała kadr), wieża w ramce przelicza się sama */
body.zreka #app[data-ekran=drzwi] .tscena{height:clamp(120px,19vh,190px);aspect-ratio:3/2;width:auto;max-width:100%;align-self:center;margin:0 auto;border:3px solid #2c3260}
/* niski telefon (SE): bez sceny i paska pokoi, kafle drzwi zostają */
@media (max-height:760px){body.zreka #app[data-ekran=drzwi] .tscena,body.zreka #app[data-ekran=drzwi] .dpips{display:none}}
.pasek-kart{flex:1 1 auto;min-height:200px;display:flex;flex-direction:column;margin:0 -16px calc(-14px - var(--sab, 0px));padding:10px 14px calc(var(--sab, 0px) + 14px);background:#0b0e26f5;border-top:3px solid #05060f;box-shadow:0 -3px 0 #2a3373;font-family:var(--tk, 'Orbita Tekst', monospace);color:#e9ecff;-webkit-user-select:none;user-select:none}
.pasek-kart.zgr{flex:0 0 auto;min-height:0;margin-top:auto;padding-top:8px}
.pk-h{display:flex;align-items:center;gap:8px}
.pk-h>b{flex:1;min-width:0;font:400 12px var(--display, 'Orbita Pixel', monospace);color:#5fe3a8;letter-spacing:.05em}
.pk-h small{display:block;font:400 12.5px/1.25 var(--tk, 'Orbita Tekst', monospace);letter-spacing:0;color:#c9cff0;margin-top:3px}
.pasek-kart.nowe .pk-h>b{color:#f2c14e}
/* NIE GRAM na całą szerokość pod kartami (propozycje/nie-gram, koncepcja A): malowany niebieski przycisk gry (.btn.vi), dopisek drobnym pismem */
.pasek-kart .pk-nie{flex:none;width:100%;margin-top:10px;min-height:50px;font-size:14px;letter-spacing:.04em;-webkit-tap-highlight-color:transparent}
.pk-nie>span{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.pk-nie small{font:400 11.5px var(--tk, 'Orbita Tekst', monospace);letter-spacing:0;opacity:.8;margin-top:2px}
/* karty równo w jednej linii (kolumny od góry), cały rząd na środku wolnego miejsca */
.pk-rz{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:center;gap:10px;padding-top:12px;--w:120px}
.pk-k{flex:0 1 auto;width:calc((100% - 20px) / 3);display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:opacity .15s}
.pk-rz.n1 .pk-k{width:100%}.pk-rz.n2 .pk-k{width:calc(50% - 5px)}
/* cztery karty (mostek z Przepięciem) równo w jednym rzędzie */
.pk-rz.n4{gap:6px}.pk-rz.n4 .pk-k{width:calc((100% - 18px) / 4)}
.pk-im{position:relative;display:block;width:var(--w);max-width:100%;transition:transform .15s;container-type:inline-size}
.pk-im img{display:block;width:100%;height:auto;aspect-ratio:230/342;image-rendering:auto;-webkit-user-drag:none}
.pk-k>small{font:400 8px var(--display, 'Orbita Pixel', monospace);letter-spacing:.06em;color:var(--wk, #f2c14e);background:#05060f;padding:2px 5px;text-transform:uppercase}
.pk-k>span{font-size:12px;line-height:1.25;color:#c9cff0;max-width:290px}
.pk-rz.n3 .pk-k>span{font-size:11px}.pk-rz.n4 .pk-k>span{font-size:10px}
.pk-k.wyb .pk-im{transform:translateY(-8px) scale(1.06)}
.pk-rz.nisko{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:6px;padding-top:8px}
.pk-rz.nisko .pk-k{width:100%;display:grid;grid-template-columns:var(--w) 1fr;column-gap:10px;row-gap:2px;align-items:center;text-align:left}
.pk-rz.nisko .pk-im{grid-row:1 / span 3}
.pk-rz.nisko .pk-k>small{justify-self:start}
.pk-rz.nisko .pk-k.wyb{background:#232c66}.pk-rz.nisko .pk-k.wyb .pk-im{transform:none}
.pk-k.przyg{opacity:.38}
.pk-k.wzi .pk-im img{opacity:.4}
.o-siebie,.o-pasyw{--wk:#5fe3a8;--wg:#c9ffe6}.o-rywal{--wk:#ff6b7d;--wg:#ffd4da}.o-drzwi{--wk:#7aa8ff;--wg:#d6e4ff}.o-zlota{--wk:#f2c14e;--wg:#fff0bf}.o-odslona{--wk:#ff9f4a;--wg:#ffe0c2}.o-mostek{--wk:#c79bff;--wg:#ecdcff}
.pk-a{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:10px;text-align:center}
.pk-kr{font:400 11px var(--display, 'Orbita Pixel', monospace);letter-spacing:.04em;color:var(--wk, #f2c14e)}
.pk-d{margin-top:8px;font-size:11.5px;color:#9aa3d0;text-align:center}
.pk-h>b.o-rywal{color:var(--wk)}
/* rzut na rywala (propozycje/rzut-na-rywala, koncepcja A): karta w dłoni z lewej, rywale jako malowane tabliczki z prawej; bez powrotu do ręki */
.pk-rzut{flex:1 1 auto;min-height:0;display:flex;gap:12px;align-items:flex-start;padding-top:12px}
.pk-dlon{flex:0 0 128px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;line-height:1.25;color:#c9cff0}
.pk-dlon .pk-im{width:124px;transform:rotate(-4deg)}
.pk-dlon .pk-im img{box-shadow:6px 8px 0 #05060f88}
.pk-cele2{flex:1;min-width:0;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.pk-cel{display:flex;align-items:center;gap:10px;min-height:52px;width:100%;padding:0 4px;background:none;border-style:solid;border-color:transparent;border-width:8px;border-image:url(img/orbita/ui/panel.webp) 26 fill/16px;image-rendering:pixelated;color:#fff;font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.pk-cel:active{transform:translateX(-4px);border-image-source:url(img/orbita/ui/panel-zloty.webp)}
.pk-cel .pop{flex:none;width:38px;height:38px}
.pk-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pk-ct b{font:400 13px var(--display, 'Orbita Pixel', monospace);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-os{display:flex;align-items:center;gap:2px;font-size:11px;color:#9aa3d0}
.pk-os img{width:14px;height:14px;object-fit:contain}
.pk-cel em{flex:none;font:400 9px var(--display, 'Orbita Pixel', monospace);font-style:normal;color:#1a1300;background:#f2c14e;padding:3px 5px}
.pk-cel>i{flex:none;font:400 18px var(--display, 'Orbita Pixel', monospace);font-style:normal;color:#ff6b7d}
/* więcej niż pięciu rywali: karta mała nad siatką dwóch kolumn */
.pk-rzut.duzo{flex-direction:column;align-items:stretch;gap:8px}
.pk-rzut.duzo .pk-dlon{flex:none;flex-direction:row;text-align:left;gap:10px}
.pk-rzut.duzo .pk-dlon .pk-im{width:54px;flex:none;transform:none}
.pk-rzut.duzo .pk-cele2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pk-rzut.duzo .pk-cel{min-height:44px;gap:6px;border-width:6px}
.pk-rzut.duzo .pk-cel .pop{width:28px;height:28px}
.pk-rzut.duzo .pk-ct b{font-size:11px}
.pk-rzut.duzo .pk-cel>i{display:none}
.pk-rzut.duzo .pk-cel:last-child:nth-child(odd){grid-column:1 / -1}
/* karty drzwi: plakietka stanu pod kartą (1 RAZ, CZEKA, ZUŻYTA, NIE TERAZ) i ramka ukrytej karty po zagraniu */
.pk-st{font:400 8px var(--display, 'Orbita Pixel', monospace);font-style:normal;letter-spacing:.06em;color:#9aa3d0;border:2px solid #232a63;padding:2px 5px;margin-top:2px}
.pk-st.cz{color:#f2c14e;border-color:#5a4210}
.pk-st.x{color:#5a6299}
.pk-rz.nisko .pk-st{justify-self:start}
.pk-taj{display:flex;align-items:center;gap:10px;background:#1b1f45;border:3px dashed #3a4699;padding:8px 10px;text-align:left}
.pk-taj img{width:34px;height:auto;flex:none}
.pk-taj b{display:block;font:400 10px var(--display, 'Orbita Pixel', monospace);color:var(--wk, #f2c14e);letter-spacing:.04em;margin-bottom:2px}
.pk-taj span{font-size:12px;line-height:1.3;color:#c9cff0}
/* cała ręka w rzędzie (nowe karty) */
.pk-mr{margin-top:10px;border-top:2px solid #1d2450;padding-top:8px}
.pk-mr>b{display:block;font:400 9px var(--display, 'Orbita Pixel', monospace);color:#9aa3d0;letter-spacing:.06em;margin-bottom:6px}
.pk-mr>div{display:flex;gap:8px}
.pk-mr button,.pk-mr .pus{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;background:#0b0e26;border:2px solid #05060f;padding:4px;font:400 11px var(--tk, 'Orbita Tekst', monospace);color:#c9cff0;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.pk-mr img{width:26px;flex:none;height:auto}
.pk-mr button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-mr button.nowa{background:#1f4a3c;color:#e9ecff;transform:translateY(-3px)}
.pk-mr .pus{border-style:dashed;border-color:#39407a;justify-content:center;color:#4a528f}
/* po zagraniu: zostaje pasek z zagraną kartą do końca okna */
.pk-zgr{display:flex;align-items:center;gap:10px}
.pk-zgr img{width:40px;height:auto}
.pk-zgr b{display:block;font:400 11px var(--display, 'Orbita Pixel', monospace);color:#5fe3a8;letter-spacing:.04em}
.pk-zgr span{font-size:12px;color:#c9cff0}
/* Spawarka albo Złota wybrana: drzwi do stuknięcia jaśniejsze i podniesione */
body.kdrzwi .dkafle .dbtn:not(.spaw){transform:translateY(-4px);background-color:#4a3612}
/* stos kart w nagłówku */
.hd:has(>.hlicz){grid-template-columns:52px 1fr 40px 52px}
.hd:has(>.hlicz):not(:has(>.secs)){grid-template-columns:52px 1fr 52px}
.hd>.hlicz:last-child{justify-self:end;margin-right:6px}
.hlicz{position:relative;flex:none;width:36px;height:40px}
.hlicz i{position:absolute;top:0;width:26px;height:36px;background:url(img/orbita/ui/rewers-karty.webp) center/contain no-repeat}
.hlicz i:nth-child(1){left:0;transform:rotate(-8deg)}.hlicz i:nth-child(2){left:5px}.hlicz i:nth-child(3){left:10px;transform:rotate(8deg)}
.hlicz em{position:absolute;right:-2px;bottom:-2px;font:400 11px var(--display, 'Orbita Pixel', monospace);font-style:normal;background:#f2c14e;color:#1a1300;border:2px solid #05060f;padding:1px 4px}
.hlicz.nowa em{background:#5fe3a8}
/* przy telewizorze: pasek zamiast sceny pokoju; Dostawa: pas ze skrzyniami */
.pk-tv{display:flex;align-items:center;gap:10px;background:#141a3e;border:3px solid #05060f;box-shadow:inset 0 3px 0 #ffffff14;padding:8px 10px}
.pk-tv img{width:34px;height:auto}
.pk-tv b{display:block;font:400 10px var(--display, 'Orbita Pixel', monospace);color:#f2c14e;letter-spacing:.05em;text-transform:uppercase}
.pk-tv span{font-family:var(--tk, 'Orbita Tekst', monospace);font-size:12px;color:#c9cff0}
img.kartaS{width:30px;height:auto}
img.kartaS{width:22px;height:auto;image-rendering:auto;vertical-align:middle}
/* wejście do pokoju */
.grane{display:flex;flex-direction:column;gap:4px}
.grane span{display:flex;align-items:center;gap:6px;background:#0d1030e6;border:2px solid #05060f;padding:3px 8px;font-family:var(--tk, 'Orbita Tekst', monospace);font-size:12px}
.grane span.me{background:#2a3170e6}
.grane .pop{width:24px;height:24px}
.grane b{font-weight:400;color:#f2c14e}
.grane i{font-style:normal;color:#c9cff0}
/* telewizor: kto co zagrał (siatka twarzy z kartami) */
/* Dostawa */
/* 4 karty (ostatni w tabeli): układ 2 × 2 zamiast 3 + 1 */
/* wynik: co zrobiły karty */
/* drzwi zaspawane Spawarką */
.dbtn.spaw{opacity:.4;pointer-events:none}
body.tv .pasek-kart{display:none}
/* komputer: ręka w prawym dolnym rogu nad sceną, żeby nie zasłaniała kafli odpowiedzi; Dostawa w kolumnie jak na telefonie */
body.desk .pasek-kart:not(.pk-dost){position:fixed;right:16px;bottom:8px;z-index:40;width:400px;max-height:72vh;min-height:0;margin:0;padding:10px 12px;border:3px solid #05060f}
body.desk .pasek-kart:not(.pk-dost) .pk-rz{flex:0 0 auto}
/* telewizor i komputer: pasek kart u dołu sceny w oknie wejścia, widoczny od pierwszej sekundy (także w czasie animacji wejścia załogi) */
.wp-pas{position:fixed;left:calc(4*var(--u));right:calc(4*var(--u));bottom:calc(2*var(--u));z-index:3;display:flex;flex-direction:column;gap:calc(.8*var(--u));padding:calc(1.2*var(--u)) calc(2*var(--u));background:#0b0e26f0;border:calc(.5*var(--u)) solid #05060f;box-shadow:inset 0 calc(.5*var(--u)) 0 #ffffff14;pointer-events:none}
.wp-h{display:flex;align-items:baseline;gap:calc(2*var(--u))}
.wp-h b{font:400 calc(2.4*var(--u)) var(--display, 'Orbita Pixel', monospace);color:#f2c14e}
.wp-h span{font-family:var(--tk, 'Orbita Tekst', monospace);font-size:calc(2.2*var(--u));color:#c9cff0}
.wp-rz{display:flex;justify-content:center;gap:calc(1.6*var(--u))}
.wp-k{display:flex;flex-direction:column;align-items:center;gap:calc(.4*var(--u));min-width:calc(9*var(--u))}
.wp-k img.tw{width:calc(5*var(--u));height:calc(5*var(--u));border:calc(.4*var(--u)) solid var(--c);background:#0b0d1c;image-rendering:pixelated}
.wp-k b{font:400 calc(1.5*var(--u)) var(--display, 'Orbita Pixel', monospace);color:#9aa3d0;max-width:calc(11*var(--u));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-k.on b{color:#7be08a}
.wp-gra{display:flex;gap:calc(.4*var(--u));min-height:calc(6.4*var(--u));align-items:flex-end}
.wp-gra img{width:calc(4.4*var(--u));height:auto;image-rendering:auto;animation:wpKarta .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes wpKarta{from{transform:translateY(calc(2*var(--u))) scale(.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.wp-gra img{animation:none}}
/* komputer: z prawej jest pasek kart gracza */
body.desk .wp-pas{right:calc(400px + 32px)}
/* nazwa na pustym pasku grafiki karty (app.js naPasku, propozycje/karty-start/nazwa.html): grawer w jasnym odcieniu koloru okna, jedna linia, wyśrodkowana w pasku */
.knz{position:absolute;left:10.43%;width:79.13%;display:flex;align-items:center;justify-content:center;font-family:var(--display, 'Orbita Pixel', monospace);font-style:normal;line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:var(--wg, #e9ecff);text-shadow:0 -.08em 0 #0009,0 .08em 0 #ffffff26;pointer-events:none}