:root{font-size:clamp(11px,min(.84vw,1.52vh),21px)}:root:has(body[data-prezentacja]){font-size:clamp(12px,min(.94vw,1.7vh),24px)}html,body{height:100%;overflow:hidden}.lab{position:relative;height:100dvh;width:100%;overflow:hidden;display:grid;column-gap:1.5rem;row-gap:.875rem;padding:1.25rem 2rem .75rem;grid-template-columns:var(--kol-l) minmax(0,1fr) var(--kol-p);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"pasek    pasek    pasek" "lewa     scena    prawa" "pokretlo pokretlo prawa" "stopka   stopka   stopka"}.scena{grid-area:scena;position:relative;min-width:0;min-height:0}.scena canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.scena canvas:active{cursor:grabbing}.pasek{grid-area:pasek;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.pasek-akcje{display:flex;gap:.5rem}.lewa-kolumna{grid-area:lewa;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:.875rem;container-type:inline-size}.pokretlo{grid-area:pokretlo;justify-self:center;width:100%;max-width:50rem;min-width:0}.stopka{grid-area:stopka;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 1.5rem;font-size:.75rem;color:var(--tekst-2)}.stopka a{color:var(--accent)}.skroty{display:none}body[data-prezentacja] .pasek .pigulka:not(.rzutnik):not(.efekty-przycisk),body[data-prezentacja] .pasek .solioc-powrot,body[data-prezentacja] .stopka{display:none}body[data-prezentacja] .rzutnik{border-color:var(--tekst)}body[data-prezentacja] .skroty{display:block;grid-area:stopka;margin:0;font-size:.8125rem;color:var(--tekst-2);text-align:center}.zakladki-tel{display:none}@media(orientation:portrait)and (max-width:1100px){:root{font-size:clamp(14px,3.8vw,18px)}.lab{padding:.5rem .625rem calc(.25rem + env(safe-area-inset-bottom));column-gap:0;row-gap:.4rem;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto var(--panel-h) auto auto;grid-template-areas:"pasek" "tytul" "scena" "zakladki" "panel" "pokretlo" "stopka";--panel-h: clamp(6.5rem, 24dvh, 18rem)}}@media(orientation:landscape)and (max-height:500px){:root{font-size:clamp(12px,3.1vh,15px)}.lab{padding:.375rem .75rem calc(.25rem + env(safe-area-inset-bottom));column-gap:.75rem;row-gap:.375rem;grid-template-columns:minmax(0,1fr) min(44%,24rem);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;grid-template-areas:"pasek pasek" "scena tytul" "scena zakladki" "scena panel" "pokretlo panel" "stopka stopka"}}@media(orientation:portrait)and (max-width:1100px),(orientation:landscape)and (max-height:500px){.lewa-kolumna{display:contents}.tytul{grid-area:tytul;min-width:0}.pokretlo{max-width:none}.zakladki-tel{grid-area:zakladki;display:flex;gap:2px;padding:3px;border-radius:999px;background:#17150f0d;min-width:0}.zakladki-tel button{flex:1;min-width:0;height:2.125rem;border:0;border-radius:999px;background:transparent;cursor:pointer;font:500 .875rem Chakra Petch,system-ui,sans-serif;color:var(--tekst);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.przelacznik button{white-space:nowrap}.zakladki-tel button[aria-selected=true]{background:var(--karta);box-shadow:0 1px 4px #17150f26;font-weight:600}[data-tel]{grid-area:panel;min-height:0;min-width:0;contain:size;overflow:auto}[data-tel]:not([data-tel-aktywny]){display:none!important}[data-tel][data-tel-aktywny]{display:flex!important;flex-direction:column}.stopka{font-size:.625rem;line-height:1.3;gap:0 .625rem;justify-content:flex-start}.stopka .dluga-stopka{display:none}.pasek-akcje a.pigulka{font-size:0}.pasek-akcje a.pigulka:after{content:"Symulacje";font-size:.8125rem}.pigulka,.pasek .solioc-powrot{height:2.125rem;padding:0 .75rem;font-size:.8125rem}.pasek .rzutnik{display:none}.solioc-znak img{height:1.625rem}.solioc-wydzial{display:none}}.efekty-przycisk[aria-pressed=true]{border-color:var(--tekst)}