@charset "UTF-8";
:root{color-scheme:dark;--bg:#08111f;--bg2:#111f32;--gold:#ecc992;--sky:#acdbe8;--paper:#e5edf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,Segoe UI,Arial,sans-serif;color:var(--paper);background:radial-gradient(ellipse at 8% 2%,#283357 0,transparent 41%),radial-gradient(ellipse at 88% 18%,#343043 0,transparent 34%),linear-gradient(170deg,#07101e,#15273c 55%,#070d18);min-height:100vh}
a{color:#c9ecff}a:focus-visible{outline:3px solid #ffe3a2;outline-offset:4px}main{max-width:1100px;margin:auto;padding:25px 21px 56px}
.eyebrow{color:#f6d6a4;letter-spacing:.17em;font:700 11px/1.5 system-ui; margin:16px 0 10px}
h1,h2,h3{font-family:Georgia,serif;color:white;line-height:1.18}h1{font-size:clamp(37px,7vw,75px);margin:0 0 7px}h2{font-size:clamp(26px,4vw,42px);margin:28px 0 11px}h3{font-size:23px;margin:0 0 8px}p{max-width:850px}small,.muted{color:#aabfce}header{padding:20px 0 19px;border-bottom:1px solid #7e6c57}.tagline{font:italic clamp(19px,3vw,26px) Georgia,serif;color:#ebc993;margin:7px 0 20px}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px}nav a,.btn{display:inline-block;text-decoration:none!important;border:1px solid #988366;border-radius:30px;color:#f6ebd7;padding:10px 15px;font:bold 13px/1.35 system-ui,Arial,sans-serif;background:#183148}nav a:hover,.btn:hover{background:#28516c}.primary{background:#ead09e!important;color:#1b2739!important;border-color:#ead09e!important}
.hero{margin:22px 0 30px;border-radius:15px;overflow:hidden;border:1px solid #bda071;box-shadow:0 15px 50px #0009}.hero img{width:100%;display:block;height:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:19px 0 29px}.tile{background:#14283b;border:1px solid #695b59;padding:11px;border-radius:12px;box-shadow:0 11px 29px #0005}.tile img{width:100%;height:auto;display:block;border-radius:5px}.tile p{margin:11px 0 3px;color:#e4ceae;font:700 13px system-ui}.page{margin:25px 0 34px;padding:12px;border:1px solid #74674f;border-radius:14px;background:#17283b}.page img{max-width:780px;display:block;margin:auto;width:100%;height:auto;border-radius:7px}.page figcaption{font:13px system-ui;color:#b3c3d0;text-align:center;padding:11px}
.scene{border-top:1px solid #344a61;padding:20px 0}.scene-number{font:800 12px system-ui;color:#edc992;letter-spacing:.13em}.scene .dialogue{border-left:3px solid #e0b774;padding-left:15px;margin-top:9px;color:#faf4e9;font-size:18px}.scene .speaker{font-weight:800;color:#e4c18d}.note{font-size:13px;color:#c1cbd7;border-top:1px solid #5b7180;margin-top:35px;padding-top:16px}.credit{text-align:center;color:#eed2a7;font:italic 17px Georgia,serif;padding:12px}.links{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 9px}footer{margin-top:35px;border-top:1px solid #5f6770;text-align:center;padding:20px;font-size:12px;color:#b3bfcb}
@media(max-width:680px){main{padding:15px 10px 38px}.grid{grid-template-columns:1fr}.tile{max-width:420px;margin:auto}.page{padding:6px}.scene{padding:18px 8px}nav a{font-size:12px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Otto — Návrat: illustrated matrix-comic promo (creative concept, not technical FTP manifest) */
.otto-package-poster{max-width:1100px;margin:24px 0 30px;padding:11px;border:1px solid #d6b78e;border-radius:14px;background:linear-gradient(145deg,#101d31,#091523);box-shadow:0 14px 36px #0008}
.otto-package-poster a{display:block;line-height:0}.otto-package-poster picture{display:block}
.otto-package-poster img{display:block;width:100%;height:auto;border-radius:8px}
.otto-package-poster figcaption{max-width:900px;margin:auto;padding:12px 6px 5px;font:13px/1.65 system-ui,Arial,sans-serif;color:#d0dce9;text-align:center}
.otto-package-poster figcaption strong{color:#f1d39e}
.otto-package-poster-small{max-width:760px;margin:22px auto 23px}
.otto-package-poster-small figcaption{font-size:12px}
@media(max-width:680px){.otto-package-poster{padding:6px}.otto-package-poster figcaption{padding:10px 5px 5px;font-size:12px}}