/* Dok zaopatrzenia (public/dok.js, makieta propozycje/sklep-pakietow): pakiety pytań, monitor z sali Odprawy, karta pakietu, nagroda.
   Ekran monitora skaluje się jednostkami kontenera (cqw), więc ten sam kod działa w nagłówku, na karcie i w nagrodzie. */
.dok{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;
  padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 16px);background:#0b0f1f url(img/orbita/tla/telefon.webp?v=2) center bottom/cover;color:var(--ink)}
.dok::before{content:'';position:fixed;inset:0;background:rgba(11,15,31,.6);pointer-events:none}
.dok>*{position:relative;flex:none}
.dok>.sp{flex:1 1 auto;min-height:4px}
.dok .hd .cap{font-size:14px;letter-spacing:.06em;text-align:center} /* na środku jak w Profilu i Znajomych */
.dok .btn{width:100%;min-height:52px;flex:none}
.dok .btn.sm{width:auto;min-height:40px;font-size:11px;padding:0 6px}
.dok .btn.mn{border-image-source:url(img/orbita/ui/odp-d.webp)!important;color:#fff}
.dok .btn:disabled{opacity:.6}
.dok-kf{position:relative}
.dok-kf img{width:24px;height:24px;object-fit:contain;image-rendering:auto}
.dok-bdg{position:absolute;top:-15px;right:-15px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;background:#ff3b6b;color:#fff;font-family:var(--display);font-size:11px;line-height:1;border:2px solid #1a1430;box-shadow:2px 2px 0 var(--edge)}
.dok-bdg[hidden]{display:none}

/* tagi i wiersze listy */
.dk-tag{font-style:normal;font-family:var(--display);font-size:9px;letter-spacing:.08em;padding:3px 5px 2px;line-height:1;box-shadow:2px 2px 0 var(--edge);display:inline-block;white-space:nowrap}
.dk-tag.nowy{background:#ff3b6b;color:#fff}.dk-tag.masz{background:var(--mint);color:#0b2a17}.dk-tag.gr{background:#2b3566;color:var(--muted)}.dk-tag.zl{background:var(--yellow);color:#1a1430}
.dk-sek{display:flex;align-items:baseline;gap:8px;padding:0 2px}
.dk-sek .cap{font-size:12px;letter-spacing:.06em}
.dk-sek small{margin-left:auto;font-size:11px;color:var(--dim)}
.dk-lis{display:flex;flex-direction:column;gap:5px}
.dk-pr{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;font:inherit;color:inherit;background:rgba(11,15,31,.88);border:2px solid #1b2246;padding:4px 8px 4px 4px;-webkit-tap-highlight-color:transparent}
.dk-pr.wyr{background:#1e1430;transform:translateY(-2px);box-shadow:3px 3px 0 var(--edge)}
.dk-pr.zam .dk-t b{color:var(--muted)}
.dk-mi{width:64px;height:36px;border:2px solid var(--edge);box-shadow:2px 2px 0 var(--edge);background:#141a36 center/cover no-repeat;display:grid;place-items:center;overflow:hidden}
.dk-mi.logo{background:radial-gradient(circle,#3a0a1c,#12040c)}
.dk-mi.logo img{height:32px;width:32px;max-width:none;image-rendering:auto}
.dk-t{min-width:0;display:flex;flex-direction:column}
.dk-t b{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;line-height:1.2;white-space:nowrap}
.dk-t>span{font-size:11px;color:var(--muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-str{font-family:var(--display);font-size:14px;color:var(--dim)}

/* scena: kadr sali Odprawy (pakiety/dok-hero = x 530..1310, y 282..702; dok-sala = x 440..1400, y 230..920 w 1920x1080) */
.dk-scena{position:relative;margin:0 -12px;border-top:3px solid var(--edge);border-bottom:3px solid var(--edge);background:#141a36 0 0/100% 100% no-repeat;image-rendering:pixelated;container-type:inline-size;overflow:hidden}
.dk-scena.hero{aspect-ratio:780/420;background-image:url(img/orbita/pakiety/dok-hero.webp)}
.dk-scena.sala{aspect-ratio:960/690;background-image:url(img/orbita/pakiety/dok-sala.webp)}
/* z-index tworzy własną warstwę ekranu: linie obrazu i napisy zostają w telewizorze, pod ekipą na podeście */
.dk-ek{position:absolute;z-index:1;overflow:hidden;background:#0d0618;container-type:size}
.hero .dk-ek{left:12.31%;top:18.1%;width:75.38%;height:70%}
.sala .dk-ek{left:19.375%;top:18.55%;width:61.25%;height:42.61%}
.dk-sz{position:absolute;inset:0;z-index:7;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))}
.dk-szum{position:absolute;inset:0;background:url(img/orbita/brief/szum.webp) 0 0/120px 70px;image-rendering:pixelated;animation:emSzum .3s steps(3) infinite}
.dk-rec{position:absolute;left:4%;top:7%;z-index:6;display:flex;align-items:center;gap:.35em;font-family:var(--display);letter-spacing:.06em;color:#fff;background:rgba(5,7,15,.75);padding:.25em .4em .15em;line-height:1;font-size:3.5cqw;white-space:nowrap}
.dk-rec i{width:.6em;height:.6em;background:#ff3b3b}
/* logo kanału na ekranie: odznaka + nazwa (karta), albo reklama z ekipą w tle (nagłówek, nagroda) */
.dk-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3%;background:radial-gradient(80% 110% at 30% 50%,#3a0a1c 0,#1a0612 70%,#0d0618 100%);font-size:8.2cqw}
.dk-logo img{max-width:none;image-rendering:auto}
.dk-odz{height:42%;width:auto;flex:none}
.dk-nz{display:flex;align-items:center;gap:.3em}
.dk-nz b{font-family:var(--display);font-weight:400;color:#fff;font-size:1em;line-height:1;letter-spacing:.06em;white-space:nowrap;text-shadow:.08em .08em 0 #c21e4e}
.dk-nz small{font-family:var(--display);color:#1a1430;font-size:.7em;letter-spacing:.3em;line-height:1;padding:.2em .1em .12em .4em;background:var(--yellow);box-shadow:.06em .06em 0 #5a0820}
.sala .dk-logo:not(.ad){align-items:flex-start;padding-top:12%}
.sala .dk-logo:not(.ad) .dk-nz{margin-top:4%;font-size:1.12em}
.dk-logo.ad{display:block;background:radial-gradient(90% 120% at 60% 30%,#6a1438 0,#2a0818 60%,#12040c 100%)}
.dk-kadr img{position:absolute;top:7%;height:120%;width:auto}
.dk-kadr .c1{left:2%;z-index:1}.dk-kadr .c2{left:20%;z-index:2}.dk-kadr .c3{left:63%;z-index:3}
.dk-cn{position:absolute;inset:0;z-index:4;background:linear-gradient(0deg,rgba(18,4,12,.96) 0,rgba(18,4,12,.7) 26%,rgba(18,4,12,0) 48%),rgba(18,4,12,.24)}
.ad .dk-odz{position:absolute;z-index:5;left:3%;bottom:6%;height:33%}
.ad .dk-nz{position:absolute;z-index:5;left:24.5%;bottom:11%;font-size:.94em}
/* ekipa na podeście przed monitorem: arkusz 6x6, ruch jak u załogi w grze (kidle z mapa.css: 5 oddechów, potem nawyk) */
.dk-podest{position:absolute;left:50%;bottom:19.5%;transform:translateX(-50%);display:flex;z-index:2}
.dk-spr{width:28cqw;height:28cqw;margin:0 -2.2cqw;background:var(--im) 0 40%/600% 600% no-repeat;image-rendering:auto;animation:kidle 8.25s steps(1) infinite}
/* różne czasy jak w wieza.css, żeby nawyki nie szły równo */
.dk-spr:nth-child(2){animation-duration:7.4s;animation-delay:-2.3s}.dk-spr:nth-child(3){animation-duration:9.1s;animation-delay:-4.1s}
/* Janczar z kamerą zwrócony do Luizy i Wuwunia */
.dk-spr:nth-child(3){transform:scaleX(-1)}
/* Wuwunio lekko w lewo, dalej od Janczara */
.dk-spr:nth-child(2){transform:translateX(-4cqw)}
.dk-pw{position:absolute;left:86%;top:21.7%;width:12.5%;max-width:none;z-index:2}
.dk-prom{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(55% 55% at 50% 45%,rgba(255,210,63,.2),transparent 70%)}
/* włączenie po odbiorze: ekran zapala się schodkami, poświata raz rozbłyska i zostaje słaba */
.nagroda.wlacz .dk-logo{animation:dkWl .5s steps(4) both}
.nagroda.wlacz .dk-prom{animation:dkProm 1.4s ease-out both}
@keyframes dkWl{from{opacity:0}}
@keyframes dkProm{0%{opacity:0}35%{opacity:1}100%{opacity:.45}}

/* nagłówek Doku: monitor + opis wyróżnionego pakietu */
.dk-hero{margin:0 -12px;background:#0b0f1f;-webkit-tap-highlight-color:transparent}
.dk-hero .dk-scena{margin:0;border-bottom:0}
.dk-opis{display:flex;align-items:center;gap:10px;padding:8px 12px 9px;border-top:3px solid var(--edge);border-bottom:3px solid var(--edge)}
.dk-opis .dk-t>span:first-child{display:flex;align-items:center;gap:6px;color:var(--ink)}
.dk-opis .dk-t b{font-family:var(--display);font-weight:400;font-size:15px;letter-spacing:.04em;text-shadow:2px 2px 0 var(--edge)}
.dk-opis .dk-t>span{white-space:normal}

/* karta pakietu (propozycje/dok-karta, koncepcja A): jeden ekran bez przewijania */
/* scena przycięta do 960x560 z dok-sala (przesunięcie 30% różnicy wysokości = 39 z 690): monitor i podest przeliczone na nowy kadr */
.dk-scena.sala.kad{aspect-ratio:960/560;background-size:100% auto;background-position:0 30%}
.kad .dk-ek{top:15.9%;height:52.5%}
.kad .dk-podest{bottom:7.8%}
.kad .dk-spr{width:24cqw;height:24cqw;margin:0 -1.9cqw}
.dk-kar{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.dk-kar h3{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.04em;line-height:1;color:var(--yellow);text-shadow:3px 3px 0 #6b4a00;margin:0}
.dk-kar p{font-size:12px;color:var(--muted);line-height:1.3;margin:0}
.dk-lb{display:flex;gap:6px}
.dk-lb span{background:#0b0f1f;border:2px solid var(--line);padding:3px 8px 2px;font-size:11px;color:var(--muted)}
.dk-lb b{font-family:var(--display);font-weight:400;font-size:13px;color:var(--sky)}
/* półka: goście w świetle swojego koloru, za przegródką karty */
.dk-pol{display:flex;gap:4px;align-items:flex-end;background:#0b0f1f;border:2px solid #1b2246;box-shadow:inset 0 -10px 0 #1b2246;padding:6px 5px 4px}
.dk-pg,.dk-pk{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}
.dk-pg i{position:absolute;top:0;left:10%;right:10%;height:70%;background:radial-gradient(60% 80% at 50% 0,color-mix(in srgb,var(--kol) 45%,transparent),transparent 75%)}
.dk-pg img{position:relative;width:100%;height:62px;object-fit:contain;object-position:bottom;image-rendering:pixelated}
.dk-pk img{width:100%;height:62px;object-fit:contain;image-rendering:auto}
.dk-pg span,.dk-pk span{font-family:var(--display);font-size:8.5px;letter-spacing:.03em;text-align:center;line-height:1.1;min-height:19px;display:flex;align-items:center;text-transform:uppercase}
.dk-pk span{color:var(--yellow)}
.dk-psep{flex:none;align-self:stretch;width:2px;margin:0 2px;background:#1b2246}
.dk-zq{background:rgba(11,15,31,.88);border:2px solid #1b2246;padding:8px 9px;display:flex;flex-direction:column;gap:5px}
.dk-zq .k{font-family:var(--display);font-size:9px;letter-spacing:.06em;color:var(--sky)}
.dk-zq .q{font-size:12.5px;line-height:1.35}
/* niski telefon (SE): bez zajawki, żeby przycisk został na ekranie */
@media (max-height:700px){.dk-zs,.dk-zs+.dk-zq{display:none}}
.dk-kto{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);line-height:1.35;background:rgba(11,15,31,.8);border:2px dashed #2f3a6e;padding:7px 9px}
.dk-kto .fc{display:flex;flex:none}.dk-kto .fc img{width:26px;height:26px;border:2px solid var(--edge);margin-left:-7px;background:#0b0f1f}.dk-kto .fc img:first-child{margin-left:0}
.dk-kto b{color:var(--ink)}

/* nagroda */
.dk-ok{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding-top:4px}
.dk-ok h3{font-family:var(--display);font-weight:400;font-size:20px;letter-spacing:.04em;color:var(--mint);text-shadow:2px 2px 0 var(--edge);margin:0}
.dk-ok p{font-size:13px;color:var(--muted);line-height:1.45;max-width:320px;margin:0}
.dk-glos{display:flex;gap:10px;align-items:center;background:rgba(11,15,31,.9);border:2px solid var(--line);padding:8px 10px}
.dk-glos img{width:44px;height:44px;flex:none}
.dk-glos span{font-size:12.5px;line-height:1.35}
.dk-glos b{display:block;font-family:var(--display);font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--sky)}

/* okno pakietów w poczekalni: logo pakietu zamiast koloru, wejście do Doku */
.pk-dok{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;text-align:left;font:inherit;color:inherit;background:#141a36;border:2px dashed #2f3a6e;padding:7px 9px;-webkit-tap-highlight-color:transparent}
.pk-dok img{width:36px;height:36px;flex:none;image-rendering:auto}
.pk-dok span{flex:1;min-width:0;font-size:12px;color:var(--muted);line-height:1.3}
.pk-dok b{display:block;font-family:var(--display);font-weight:400;font-size:11px;letter-spacing:.05em;color:var(--ink)}
.pk-dok i{font-style:normal;font-family:var(--display);font-size:14px;color:var(--yellow)}
@media (prefers-reduced-motion:reduce){.dk-spr,.dk-szum{animation:none}.nagroda.wlacz .dk-logo,.nagroda.wlacz .dk-prom{animation:none}}