/* ─────────────────────────────────────────────────────────────────────────────
   Úvodná obrazovka kinecko.sk v palube ukážok (index.html): to, čo shadow DOM
   nevie – písma webu Kinečko a rozmer panelu. Samotné štýly webu sú
   v assets/kin-page.css (vnútri shadow DOM), skripty v assets/kin.js.
   ───────────────────────────────────────────────────────────────────────────── */

/* Anton + Inter (variabilný 400–700), SIL OFL – assets/fonts/Anton-Inter-OFL.txt. Rovnaké
   podmnožiny latin/latin-ext ako na kinecko.sk. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-var-latin.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-var-latin-ext.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Paluba zväčšuje aktívny panel cez --sc (na mobile až 2,8×). Keby to ostalo v transformácii
   panelu, obsah by sa rasterizoval malý a iba roztiahol (rozmazaný text). Panel Kinečka si preto
   zväčšenie berie do rozloženia: jeho --u je --u paluby × --sc, transformácia posúva podľa
   pôvodnej jednotky paluby a scale() v nej nie je. Rám, lišta aj plátno tak rastú ostro. */
.deck { --deck-u: var(--u); }
.deck__item.side--kin {
  --u: calc(var(--deck-u) * var(--sc, 1));
  transform: translate3d(calc(var(--deck-u) * var(--x, 0)), 0, 0) rotateY(var(--ry, 0deg));
}
.side--kin .side__bar { background: #171310; }
.side--kin .side__dots i { background: rgba(255,255,255,.22); }
.side--kin .side__url { background: rgba(255,255,255,.09); color: rgba(255,255,255,.62); }
/* Stránka panelu je plochá 2D skupina (nie súčasť 3D scény paluby): filtre, blend módy a video
   vloženého webu sa tak v každom prehliadači kreslia ako na bežnej stránke. */
.side--kin .side__page { padding: 0; background: #0b0a09; transform-style: flat; isolation: isolate; }
/* Plátno 1440 × 856 px sa zmenší na šírku stránky panelu: k = šírka / 1440. Mierku nastavuje
   assets/kin.js priamo ako transform plátna (ResizeObserver); .44 je len východisko pred skriptom.
   Premenné paluby (--u, --sc, --x …), ktoré app.js prepisuje každý snímok, sa tu zastavia na
   konštantách – inak by sa dedili do celého vloženého webu a každý snímok by prepočítaval
   štýly stoviek prvkov (to bolo to sekanie pri prepínaní panelov). */
.kin-host { position: absolute; inset: 0; --kin-k: .44; --u: 0px; --deck-u: 0px; --sc: 1; --x: 0; --ry: 0deg; --op: 1; }