/* ─────────────────────────────────────────────────────────────────────────────
   Panel „zmaturuj.app – web“ v palube ukážok (index.html): rozmer a rám. Samotné štýly
   webu sú v assets/zmw-page.css (shadow DOM), telefón na pódiu poháňa assets/zmx.js,
   vstup textov a viditeľnosť assets/zmw.js. Rovnaký vzor ako panel Kinečka (assets/kin.css).
   ───────────────────────────────────────────────────────────────────────────── */
.deck { --deck-u: var(--u); }
/* zväčšenie panelu (--sc) ide do rozloženia, nie do transform – obsah ostáva ostrý */
.deck__item.side--zmw {
  --u: calc(var(--deck-u) * var(--sc, 1));
  transform: translate3d(calc(var(--deck-u) * var(--x, 0)), 0, 0) rotateY(var(--ry, 0deg));
}
.side--zmw .side__bar { background: #26215C; }
.side--zmw .side__dots i { background: rgba(255,255,255,.22); }
.side--zmw .side__url { background: rgba(255,255,255,.10); color: rgba(255,255,255,.66); }
/* plochá 2D skupina mimo 3D scény paluby – Safari inak nekreslí prvky s filter/blend */
.side--zmw .side__page { padding: 0; background: #534AB7; transform-style: flat; isolation: isolate; }
/* premenné paluby, ktoré app.js prepisuje každý snímok, sa tu zastavia – inak by sa dedili
   do celého vloženého webu a každý snímok by prepočítaval štýly stoviek prvkov */
.zmw-host { position: absolute; inset: 0; --zmw-k: .44; --u: 0px; --deck-u: 0px; --sc: 1; --x: 0; --ry: 0deg; --op: 1; }