*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#050608;color:var(--text);font-family:var(--f-text);-webkit-font-smoothing:antialiased;overflow:hidden}
.deck{position:fixed;inset:0;display:grid;place-items:center}
.slide{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;transform:scale(var(--s,.5));transform-origin:center;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.2,.7,.2,1);overflow:hidden;background:var(--ink)}
.slide.on{opacity:1;pointer-events:auto}
.hud{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font:500 12px/1 var(--f-mono);letter-spacing:.08em;color:#6b7686;z-index:5;pointer-events:none}
.hud a,.hud button{pointer-events:auto;color:#9aa6b4;text-decoration:none;background:none;border:0;font:inherit;letter-spacing:inherit;cursor:pointer;padding:8px 10px}
.hud a:hover,.hud button:hover{color:#fff}
.hud .nav{display:flex;gap:4px}
/* лента на телефоне и в портрете */
body.strip{overflow:auto;height:auto}
body.strip .deck{position:static;display:block}
body.strip .slide{position:relative;left:auto;top:auto;margin:0;opacity:1;pointer-events:auto;transform:scale(var(--s));transform-origin:0 0;margin-bottom:calc(1080px * (var(--s) - 1) + 10px)}
body.strip .hud{position:sticky;bottom:auto;top:0;background:rgba(5,6,8,.9);backdrop-filter:blur(8px)}
body.strip .hud .nav{display:none}
@media print{
  @page{size:1920px 1080px;margin:0}
  body{background:none;overflow:visible}
  .deck{position:static;display:block}
  .slide{position:relative;left:0;top:0;margin:0;transform:none;opacity:1;break-after:page;page-break-after:always}
  .hud{display:none}
}