/* Pakiety tematyczne w grze (public/tematy.js, makieta propozycje/pakiety-w-grze): okno pakietów z trzema ustawieniami, drzwi tematyczne (wersja B, neon),
   baner w sali sekcji i studio (neon, ekipa) w px sceny sali (357x199), bęben ze studiem, blok „W grze” w Doku. Bez filtrów i masek (WebKit). */

/* ---------- okno pakietów ---------- */
.pkm .tgr{font-family:var(--display);font-size:9.5px;letter-spacing:.07em;color:#6b76a8;margin:10px 0 5px;display:flex;justify-content:space-between;align-items:baseline}
.pkm .tgr span{font-family:inherit;letter-spacing:0;font-size:10.5px;color:#aab4e0;font-family:'Nunito',sans-serif}
.ttm{background:#1a2242;box-shadow:3px 3px 0 #05070f;padding:8px;display:flex;flex-direction:column;gap:7px;margin-bottom:6px;transition:transform .15s}
.ttm.on{background:#2a1530;transform:translateY(-2px)}
.ttm.lock{opacity:.5}
.ttm .w{display:flex;align-items:center;gap:9px}
.ttm .w img{width:40px;height:40px;flex:none;image-rendering:pixelated}
.ttm .w .ikz{width:40px;height:40px;flex:none;display:grid;place-items:center;background:#3a2a10;font-family:var(--display);font-size:9px;color:#ffd23f;box-shadow:2px 2px 0 #05070f}
.ttm .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}
.ttm .t b{font-family:var(--display);font-weight:400;font-size:11px;letter-spacing:.04em}
.ttm .t small{font-size:11px;color:#aab4e0;line-height:1.3}
.ttm .t small em{font-style:normal;color:#ffd0dc}
.ttri{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ttri button{font:inherit;font-family:var(--display);font-size:9px;letter-spacing:.05em;text-align:center;padding:9px 2px 7px;background:#0c1124;color:#6b76a8;border:0;box-shadow:2px 2px 0 #05070f;-webkit-tap-highlight-color:transparent;transition:transform .12s}
.ttri button.on{background:#4a1a35;color:#fff;transform:translateY(-2px) scale(1.04)}
.ttri button:disabled{opacity:.35}
.ttm .hint{font-size:10.5px;color:#6b76a8;line-height:1.35;text-align:left}
.ttm .hint b{color:#aab4e0}
.tsuma{font-size:11px;color:#aab4e0;line-height:1.4;background:#0c1124;padding:7px 8px;box-shadow:2px 2px 0 #05070f;margin-top:8px;text-align:left}
.tsuma b{color:#e8ecff}

/* ---------- drzwi tematyczne (wersja B): kafel z neonem, mała ikona sekcji w rogu, nazwa pakietu pod sekcją ---------- */
.dbtn.dtm{background-color:#24091a}
.dbtn.dtm .dmik{position:absolute;left:4px;top:4px;z-index:2;width:18px;height:18px;object-fit:contain;image-rendering:pixelated}
.dbtn.dtm b{color:#ffd0dc}
.dbtn.dtm small.dnap{font-family:var(--display);font-size:8px;letter-spacing:.06em;color:#ff3b6b;line-height:1.2;margin:2px 0 3px;-webkit-font-smoothing:auto}

/* ---------- sala: baner pakietu (pokój tematyczny) i studio (pokój specjalny) w px sceny 357x199 ---------- */
.tmb{position:absolute;left:159px;top:12px;width:40px;z-index:1;pointer-events:none}
.tmb img{display:block;width:40px;height:auto;image-rendering:pixelated}
.tmb span{position:absolute;left:5px;right:5px;top:69%;height:15%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:4.5px;line-height:1;letter-spacing:.02em;color:#ffd23f;text-align:center;overflow:hidden}
.tmb.z{width:44px;height:52px;left:157px;background:#2b0d22;box-shadow:2px 2px 0 #05070f,inset 0 -5px 0 #4a1a35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.tmb.z img{width:30px;height:30px}
.tmb.z span{position:static;height:auto;font-size:4px;color:#fff}
.tmn{position:absolute;left:146px;top:22px;width:66px;z-index:1;pointer-events:none}
.tmn img{display:block;width:66px;height:auto;image-rendering:pixelated}
.tmn span{position:absolute;left:53%;width:40%;top:22%;height:56%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:5px;letter-spacing:.05em;color:#ffd0dc}
.tmn.z{display:flex;align-items:center;gap:4px;width:auto;left:50%;transform:translateX(-50%);background:#1b0610;padding:3px 6px 2px;box-shadow:inset 0 0 0 1px #ff3b6b,1px 1px 0 #05070f}
.tmn.z img{width:14px;height:14px}
.tmn.z span{position:static;width:auto;height:auto;font-size:5px;color:#fff}
.tme{position:absolute;top:104px;height:46px;width:auto;z-index:130;pointer-events:none;image-rendering:pixelated}

/* ---------- czip sekcji z pakietem nad pytaniem ---------- */
.chip .tmlg{width:16px;height:16px;margin-left:4px;vertical-align:-3px;image-rendering:pixelated}

@media (prefers-reduced-motion:reduce){.ttm,.ttri button{transition:none}}
/* pakiet podstawowy: jeden wiersz zamiast sześciu sekcji, mała odznaka stacji (PB1, pakiety/podstawowy/logo-maly.webp); w Doku na granatowym tle */
.dk-mi.logo.pod{background:radial-gradient(circle,#1d2a5c,#0a0e22)}
.dk-mi.logo.pod img{image-rendering:pixelated}
.tpod{display:flex;align-items:center;gap:9px;width:100%;background:#1a2242;border:0;padding:8px;box-shadow:3px 3px 0 #05070f;font:inherit;color:#e8ecff;text-align:left;-webkit-tap-highlight-color:transparent}
.tpod:disabled{opacity:1}
.tpod.off{opacity:.55}
.tpod-lg{width:40px;height:40px;flex:none;max-width:none;image-rendering:pixelated}
.tpod .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tpod .t b{font-family:var(--display);font-weight:400;font-size:11px;letter-spacing:.04em}
.tpod .t small{font-size:11px;color:#aab4e0}
.tpod .tag{font-family:var(--display);font-size:8px;padding:3px 4px 2px;background:#6fe09a;color:#0b2a17;flex:none}
.tpod.off .tag{background:#2b3566;color:#aab4e0}