:root{--ink:#171412;--paper:#f3efdf;--coral:#ff553d;--acid:#dcff00;--pink:#f13292}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}header{padding:18px 4vw;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff25;background:var(--paper);color:var(--ink)}.brand{font-family:Impact,Arial,sans-serif;font-size:32px;letter-spacing:-.4px;line-height:1;display:flex;flex-direction:column}.brand span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:3.7px;margin-top:6px;font-weight:800}.edition{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;margin-left:auto}.languages{display:flex;border:1px solid var(--ink)}.languages button{background:transparent;color:var(--ink);padding:10px;font-weight:bold}.languages button[aria-pressed=true]{background:var(--ink);color:var(--paper)}main{max-width:min(1560px,calc((100dvh - 260px)*16/9 + 8vw));margin:auto;padding:0 4vw}.topline{display:flex;align-items:center;gap:20px;min-height:58px;font-size:13px}.topline #chapter{font-variant-numeric:tabular-nums;color:var(--acid);font-weight:700;white-space:nowrap}#slide-title{flex:1}.topline button{background:none;color:var(--paper);text-decoration:underline;text-underline-offset:4px}.stage{aspect-ratio:16/9;background:#231329;position:relative;overflow:hidden;box-shadow:0 20px 80px #0005}.stage img{display:block;width:100%;height:100%;object-fit:contain}.stage img.enter{animation:enter .3s ease-out}.edge{position:absolute;top:calc(50% - 22px);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:var(--paper);background:#171412cc;box-shadow:0 1px 10px #0003;font-size:24px;opacity:0;transition:opacity .15s}.stage:hover .edge,.edge:focus-visible{opacity:1}.previous{left:10px}.next{right:10px}.edge:disabled{display:none}.progress{height:4px;background:#ffffff1a}#progress-bar{display:block;height:100%;background:var(--acid);width:7.14%;transition:width .3s}.toolbar{display:flex;align-items:center;gap:10px;padding:18px 0;flex-wrap:wrap}.toolbar a,.toolbar button{font-size:12px;font-weight:700;padding:12px 15px;border:1px solid #ffffff35;background:transparent;color:var(--paper);text-align:center}.toolbar .accent{background:var(--acid);color:var(--ink);border-color:var(--acid)}.toolbar a:hover,.toolbar button:hover{border-color:var(--coral)}.spacer{flex:1}details{padding:16px 0;border-top:1px solid #ffffff25;font-size:13px;line-height:1.6;max-width:100%}summary{cursor:pointer;color:#d8d2c6}#note-copy{max-width:850px}#transcript{max-width:850px;color:#c2b8a9;display:flex;gap:6px 16px;flex-wrap:wrap}#transcript span{display:block}footer{font-size:11px;color:#b0a697;display:flex;justify-content:space-between;gap:20px;padding:14px 0 28px;border-top:1px solid #ffffff25}dialog{border:1px solid #6b6258;background:var(--ink);color:var(--paper);padding:22px;max-width:1100px;width:90vw;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-family:Impact,Arial,sans-serif;font-size:32px;letter-spacing:.2px;font-weight:400;margin:0}.close{color:var(--paper);background:transparent;font-size:32px;line-height:1;padding:8px}#thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#thumbnails button{background:transparent;color:var(--paper);text-align:left;padding:0;font-size:12px;line-height:1.4}#thumbnails img{display:block;width:100%;aspect-ratio:16/9;margin-bottom:9px;border:2px solid transparent}#thumbnails button[aria-current=true] img{border-color:var(--acid)}#thumbnails small{display:block;color:var(--acid);margin-top:3px}#gameplay{width:100%;max-height:65vh;background:black}#film-caption{font-size:12px;color:#b0a697;margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.stage:fullscreen{background:var(--ink);display:flex;align-items:center;justify-content:center}.stage:fullscreen img{width:100vw;height:100vh;object-fit:contain}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{gap:12px;padding:15px 5vw}.brand{font-size:27px}.brand span{font-size:8px;letter-spacing:2.8px}.edition{display:none}.languages{margin-left:auto}main{padding:0 5vw;max-width:none}.topline{gap:10px;font-size:11px;min-height:60px}#slide-title{line-height:1.35}.edge{opacity:1;width:30px;height:30px;top:calc(50% - 15px);font-size:18px}.previous{left:4px}.next{right:4px}.toolbar{gap:8px}.toolbar a,.toolbar button{font-size:11px;padding:11px 10px}.spacer{display:none}.toolbar .accent,.toolbar #mockup{flex:1 1 42%}.toolbar #pdf,.toolbar #pptx,.toolbar #fullscreen{flex:1}.dialog-head h2{font-size:26px}#thumbnails{grid-template-columns:repeat(2,1fr);gap:12px}dialog{padding:15px;width:94vw}footer{line-height:1.5;flex-direction:column;gap:5px}.stage{margin:0 -5vw;width:100vw}.progress{margin:0 -5vw;width:100vw}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}