/* Masterka — deck engine (prezentace v prohlížeči). Používá presentation.html i slide-templates.html */
/* ===== Deck UI (jen v prohlížeči) ===== */
body[data-mode="deck"].deck-on { background: #050505; overflow: hidden; margin: 0; }
.deck-stage { position: fixed; inset: 0; }
.deck-stage .ab { position: absolute; left: 50%; top: 50%; transform-origin: 0 0; visibility: hidden; box-shadow: 0 40px 120px rgba(0,0,0,.5); }
.deck-stage .ab.cur { visibility: visible; }
.deck-ui { position: fixed; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center; padding: 16px 24px; font: 500 11px 'Victor Mono', monospace; letter-spacing: .16em; text-transform: uppercase; color: rgba(244,244,240,.7); z-index: 10; transition: opacity .4s; }
.deck-ui button, .deck-ui a { font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; background: none; border: 1px solid rgba(244,244,240,.25); border-radius: 99px; padding: 8px 14px; cursor: pointer; text-decoration: none; margin-left: 6px; }
.deck-ui button:hover, .deck-ui a:hover { border-color: #FF4400; color: #fff; }
.deck-ui.idle { opacity: 0; }
.deck-prog { position: fixed; left: 0; top: 0; height: 2px; background: #FF4400; z-index: 11; transition: width .6s cubic-bezier(.65,0,.35,1); }
.deck-wipe { position: fixed; inset: 0; z-index: 15; background: #FF4400; pointer-events: none; clip-path: inset(0 100% 0 0); }
.deck-wipe i { position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; margin: -60px 0 0 -60px; background: #0A0A0A; -webkit-mask: var(--star) center/contain no-repeat; mask: var(--star) center/contain no-repeat; }
.deck-grid { position: fixed; inset: 0; z-index: 20; background: #050505; overflow: auto; padding: 72px 48px; display: none; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 28px; }
.deck-grid.on { display: grid; }
.deck-grid figure { cursor: pointer; color: rgba(244,244,240,.6); font: 500 11px 'Victor Mono', monospace; letter-spacing: .14em; text-transform: uppercase; }
.deck-grid figure div { aspect-ratio: 16/9; background-size: cover; border-radius: 6px; outline: 1px solid rgba(255,255,255,.08); transition: outline-color .3s, transform .4s; }
.deck-grid figure:hover div, .deck-grid figure.cur div { outline: 2px solid #FF4400; transform: translateY(-4px); }
.deck-grid figure figcaption { margin-top: 10px; display: flex; justify-content: space-between; }