/* Paweł w sali pytania (public/pawel-sala.js, makieta propozycje/pawel-w-sali, koncepcja A): hologram pytania na ścianie sali, stożek lasera, Paweł z wlotem i mową.
   Wymiary w px sceny sali (pokojHtml), ten sam HTML na telefonie i telewizorze. Wydajność (WebKit): tylko transform, translate i opacity, bez filtrów. */
.tsk .pholo{z-index:3;overflow:hidden;background:rgba(14,52,62,.86);box-shadow:inset 0 0 0 .7px rgba(130,240,255,.9),0 0 4px rgba(90,230,255,.35);pointer-events:none}
.tsk .pholo .pht{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2% 4%;text-align:center;font-family:var(--tk,'Orbita Tekst'),monospace;color:#fff;text-shadow:0 0 1.5px rgba(90,230,255,.9);text-wrap:balance}
/* w czasie czytania: nieprzeczytane przygaszone, bieżące słowo na żółtym tle, przeczytane jasne */
.tsk .pholo.czyta .pht span{color:#9fdde8}
.tsk .pholo.czyta .pht span.r{color:#fff}
.tsk .pholo.czyta .pht span.c{color:#2a1c00;background:rgba(255,210,63,.75);text-shadow:none}
.tsk .pholo .psk{position:absolute;left:-2px;right:-2px;height:1.5px;background:#e8ffff;box-shadow:0 0 3px 1.5px rgba(90,230,255,.9);opacity:0}
.tsk .pholo .pcl{position:absolute;background:#e8ffff;opacity:0}
.tsk .plas{left:0;top:0;z-index:380;overflow:visible;pointer-events:none;opacity:0}
.tsk .pemit{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,rgba(160,248,255,.9) 35%,rgba(90,230,255,0) 70%);z-index:405;opacity:0;pointer-events:none}
/* Paweł: 24x27 px sceny; unoszenie 4 klatki z lekką lewitacją (translate, osobno od kiwnięcia w transform), mowa 4 klatki, lot 2 klatki */
.tsk .ppw{z-index:400;pointer-events:none}
.tsk .ppw .pkiw{position:absolute;inset:0;transform-origin:50% 50%;animation:pwLew 2.6s ease-in-out infinite}
.tsk .ppw .pkiw i{position:absolute;inset:0;background-repeat:no-repeat;image-rendering:pixelated}
.tsk .ppw .pun{background-image:url(img/orbita/hd/sprity/pawel-unos.webp);background-size:96px 27px;animation:pwKl4 1s steps(4) infinite}
.tsk .ppw.mowi .pun{background-image:url(img/orbita/hd/sprity/pawel-mowi.webp);animation-duration:.8s}
.tsk .ppw .plt{background-image:url(img/orbita/hd/sprity/pawel-lot.webp);background-size:48px 27px;opacity:0}
@keyframes pwKl4{to{background-position:-96px 0}}
@keyframes pwKl2{to{background-position:-48px 0}}
@keyframes pwLew{0%,100%{translate:0 0}50%{translate:0 -1.2px}}
/* wlot z drzwi sali łukiem po załodze: w locie klatki lotu, po doleceniu unoszenie */
.tsk .ppw.wlot{animation:pwWlot var(--lot) ease-in-out var(--d) both}
.tsk .ppw.wlot .plt{animation:pwKl2 .24s steps(2) infinite,pwJest var(--lot) steps(1,end) var(--d) both}
.tsk .ppw.wlot .pun{animation:pwKl4 1s steps(4) infinite,pwNie var(--lot) steps(1,end) var(--d) both}
@keyframes pwWlot{0%{opacity:0;transform:translate(var(--dx),var(--dy))}15%{opacity:1}50%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5 - 14px))}100%{opacity:1;transform:none}}
@keyframes pwJest{from{opacity:1}to{opacity:0}}
@keyframes pwNie{from{opacity:0}to{opacity:1}}
/* fala z głośnika: łuk otwarty w lewo, rośnie i gaśnie (pawel-sala.js) */
.tsk .pfal{width:8px;height:11px;border:1.1px solid #6fe09a;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;z-index:399;opacity:0;pointer-events:none}
/* telewizor i komputer: pytanie jest w hologramie na ścianie sali, więc ramka pytania u góry (zasłaniała hologram i Pawła) znika; ciekawostka w odsłonie zostaje */
.wz-sq.zholo .wz-qt{display:none}
/* finał na mostku: złoty hologram jak złote drzwi */
.tsk .pholo.zl{background:rgba(70,48,8,.84);box-shadow:inset 0 0 0 .7px rgba(255,214,110,.95),0 0 4px rgba(255,190,60,.35)}
.tsk .pholo.zl .pht{text-shadow:0 0 1.5px rgba(255,190,60,.9)}
.tsk .pholo.zl.czyta .pht span{color:#e8d39a}
.tsk .pholo.zl .psk{background:#fff8e0;box-shadow:0 0 3px 1.5px rgba(255,200,80,.9)}
.tsk .pholo.zl .pcl{background:#fff8e0}
.tsk .pemit.zl{background:radial-gradient(circle,#fff 0 20%,rgba(255,224,138,.9) 35%,rgba(255,184,48,0) 70%)}