:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#f2f2ef;background:#101e28;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;line-height:1.5}
a{color:inherit;text-underline-offset:.25em}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #dec48a;outline-offset:5px}
.page{width:min(100% - 3rem,1120px);margin:auto}
header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid #2b3a44;flex-wrap:wrap}
.back{font-size:1rem;text-decoration:none;font-weight:600}
.back:hover{text-decoration:underline}
.preview{font-size:.875rem;color:#b8c5cc}
.heading{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.7rem 0 1.3rem;flex-wrap:wrap}
.eyebrow{color:#dac697;font-size:.875rem;margin:0 0 .35rem;letter-spacing:.06em}
h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.18;font-weight:600;margin:0;letter-spacing:-.015em}
.runtime{color:#b8c5cc;font-size:.875rem;margin:0}
.screen{background:#08131b;border:1px solid #2c3b45;box-shadow:0 18px 50px #0003;overflow:hidden}
video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101e28}
video::cue{background:#08131bf0;color:#fff;font-family:"Segoe UI",Arial,sans-serif}
.below-player{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.2rem 0}
.current-chapter{min-width:0}
.current-chapter p{margin:0}
#chapter-title{font-size:1rem;font-weight:600}
#chapter-skills{font-size:1rem;color:#bdcad2;margin-top:.25rem}
.download{display:inline-flex;align-items:center;justify-content:space-between;gap:1.3rem;flex-shrink:0;background:#dec48a;color:#15232c;font-size:1rem;text-decoration:none;font-weight:600;padding:.7rem 1rem;min-height:44px}
.download:hover{background:#ecd6a9}
.chapters{display:flex;flex-wrap:wrap;gap:.5rem;padding:.1rem 0 1.5rem;border-bottom:1px solid #2b3a44}
.chapters button{font:inherit;font-size:.875rem;line-height:1.3;color:#c7d1d7;background:transparent;border:1px solid #3b4c57;padding:.55rem .75rem;min-height:44px;cursor:pointer;text-align:left}
.chapters button:hover{background:#21323f;border-color:#72838d}
.chapters button[aria-current="true"]{background:#21323f;border-color:#dec48a;color:#f7e4b8}
.transcript{margin-top:1rem}
summary{cursor:pointer;font-size:1rem;padding:.55rem 0;width:fit-content}
.story{max-width:70ch;padding:.5rem 0 1rem}
.story h2{font-size:1rem;color:#dec48a;margin:1.25rem 0 .25rem}
.story p{font-size:1rem;color:#d0d9de;margin:0}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;color:#b8c5cc;padding:1.25rem 0 2rem;font-size:.875rem}
footer p{margin:0}
.error{color:#ffe0c6;font-size:1rem}
[hidden]{display:none!important}
@media(max-width:600px){.page{width:min(100% - 1.5rem,1120px)}header{padding:1rem 0;gap:.4rem 1rem}.heading{padding:1.2rem 0 1rem;gap:.6rem}.below-player{align-items:start;flex-direction:column;gap:1rem}.download{width:100%}.chapters{gap:.45rem}.screen{margin:0 -.75rem;border-left:0;border-right:0}.preview{font-size:.8125rem}.runtime{width:100%}footer{display:block}footer p{margin-bottom:.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}