:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080810;--panel:#0c141e;--line:#202e3d;--text:#e6edf5;--muted:#8193a6;--cyan:#bb9bff;--gold:#efc191;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:14px}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:1px solid var(--line);background:0 0;border-radius:7px;padding:9px 13px}button:hover{background:#172532;border-color:#52687a}a{color:inherit;text-decoration:none}select{background:var(--panel);cursor:pointer;border:0;border-radius:5px;padding:8px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 4.5%;display:flex}.brand{letter-spacing:1.8px;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.brandMark{color:var(--cyan);font-size:28px}.brandDivider{color:#425362;margin:0 10px}.brandSection{color:var(--muted);font-size:10px;font-weight:400}.topActions{align-items:center;gap:24px;display:flex}.localBadge{letter-spacing:1.2px;color:var(--muted);font:10px monospace}.localBadge i,.liveDot{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-right:9px;display:inline-block}.filmApp main{width:min(1360px,91%);margin:auto}.intro{justify-content:space-between;align-items:flex-end;gap:24px;padding:45px 0 31px;display:flex}.overline{letter-spacing:2.4px;color:var(--cyan);margin:0 0 15px;font:10px monospace}h1{letter-spacing:-1.5px;margin:0 0 12px;font-size:clamp(28px,3.1vw,46px);font-weight:500}.subtitle{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.filmMeta{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;margin-bottom:5px;font:11px monospace;display:flex}.metaLine{background:var(--cyan);width:25px;height:1px}.player{background:#060c14;border:1px solid #283948;border-radius:12px;overflow:hidden;box-shadow:0 15px 75px #0003}.stage{aspect-ratio:16/9;isolation:isolate;position:relative;overflow:hidden;container-type:inline-size}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.transport{border-top:1px solid var(--line);background:#0d151f;padding:0 22px 14px}.scrubber{align-items:center;height:22px;display:flex}.scrubber input{appearance:none;background:linear-gradient(to right,var(--cyan) var(--progress),#2b3a46 var(--progress));cursor:pointer;width:100%;height:3px;margin:0}.scrubber input::-webkit-slider-thumb{appearance:none;background:var(--cyan);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #8de7ed55}.scrubber input::-moz-range-thumb{background:var(--cyan);border:0;border-radius:50%;width:10px;height:10px}.transportRow,.playback,.viewControls{align-items:center;gap:13px;display:flex}.transportRow{justify-content:space-between}.playButton{background:var(--cyan);color:#08141d;border-color:var(--cyan);min-width:111px;font-size:12px;font-weight:600}.playButton:hover{background:#b8f2f5;border-color:#b8f2f5}.playButton span{margin-right:10px;font-size:10px}.iconButton{border:0;padding:4px 8px;font-size:22px}.timecode{color:#a5bbca;font:11px monospace}.timecode b{color:#536e80;font-weight:400}.viewControls button:not(.iconButton){color:#aec1d0;font-size:11px}.viewControls select{font:11px monospace}.chapterSection{padding:29px 0 0}.sectionHeading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.sectionHeading h2{margin:0;font-size:13px;font-weight:500}.sectionHeading>span{color:#637b8e;font:10px monospace}.chapterGrid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.chapterGrid button{text-align:left;background:#0d151f;border-color:#1d2b38;min-width:0;padding:15px 15px 12px}.chapterNumber{color:#657e92;justify-content:space-between;margin-bottom:13px;font:11px monospace;display:flex}.chapterNumber>span{font-size:9px}.active .chapterNumber{color:var(--cyan)}.chapterGrid strong{white-space:nowrap;font-size:12px;font-weight:400;display:block}.chapterTrack{background:#20313f;height:2px;margin-top:17px;display:block}.chapterTrack i{background:var(--cyan);height:100%;display:block}.explanation{min-height:66px;color:var(--muted);align-items:center;gap:15px;font-size:12px;line-height:1.6;display:flex}.explanationMark{color:var(--cyan);font-size:21px}footer{color:#526b7d;letter-spacing:.2px;border-top:1px solid #192735;justify-content:space-between;gap:20px;padding:20px 0 25px;font:9px monospace;display:flex}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error,.canvasError{color:var(--gold);padding:15px}.canvasError{position:absolute;top:20%;left:10%}.cinema{z-index:100;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cinema .topbar,.cinema .intro,.cinema .chapterSection,.cinema footer{display:none}.cinema main{width:100%;margin:0}.cinema .player{box-shadow:none;background:#000;border:0;border-radius:0;overflow:visible}.cinema .stage{width:min(100vw,177.778vh);height:auto;margin:auto}.cinema .transport{border:1px solid var(--line);z-index:3;opacity:1;border-radius:10px;transition:opacity .25s;position:fixed;bottom:15px;left:5%;right:5%}.cinema .controlsHidden{opacity:0;pointer-events:none}.cinema .transport:has(:focus-visible){opacity:1;pointer-events:auto}.cinema .error{background:#111;position:fixed;top:0;left:10%}.filmApp:fullscreen{background:var(--bg);overflow:auto}@media (min-width:1700px){.filmApp main{max-width:1450px}.intro{padding-top:48px}}@media (max-width:800px){.topbar{height:60px}.localBadge,.brandSection,.brandDivider,.filmMeta{display:none}.intro{padding:28px 0 23px}.chapterGrid{grid-template-columns:repeat(3,1fr)}.sectionHeading>span{display:none}.transport{padding:0 12px 10px}.transportRow,.playback,.viewControls{gap:5px}.viewControls button:not(.iconButton){padding:8px;font-size:10px}.timecode{font-size:9px}.playButton{min-width:95px}.brand,.chapterGrid strong{font-size:11px}footer{line-height:1.7}.stageTop,.stageBottom{letter-spacing:.3px}}@media (max-width:430px){.filmApp main{width:94%}.intro h1{font-size:27px}.subtitle{font-size:12px}.playback .timecode{display:none}.chapterGrid button{padding:12px 9px}.stage{aspect-ratio:16/10}.cinema .stage{aspect-ratio:16/9}.viewControls select{padding:5px}.transport .iconButton{padding:3px 5px}.sceneLabel{margin-bottom:12px}footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.stage{aspect-ratio:16/9}.intro{padding-top:30px;padding-bottom:24px}.chapterSection{padding-bottom:25px}.player{border-color:#40315b;box-shadow:0 15px 85px #712cff14}.playButton{background:#c5a9ff;border-color:#c5a9ff}.chapterGrid button.active{background:#211a34;border-color:#b28bfa}.cinema:has(.controlsHidden){cursor:none}.loopButton[aria-pressed=true]{color:#c9aaff;background:#251a38;border-color:#9272b7}@media (max-width:430px){.viewControls{gap:3px}.loopButton{padding:6px}.playButton{min-width:80px;padding:8px}}.volumeControl{accent-color:#bd9cff;width:62px}.viewControls button[aria-pressed=true]{color:#dbc5ff;border-color:#8c6abb}@media (max-width:650px){.transportRow{flex-wrap:wrap;gap:10px}.viewControls{flex-wrap:wrap}.volumeControl{width:48px}}.resourceSources{color:var(--muted);max-width:900px;margin:0 0 24px;line-height:1.7}.resourceSources summary{cursor:pointer;color:var(--text);padding:10px 0}.resourceSources summary:focus-visible{outline:2px solid var(--cyan)}.resourceSources a{color:var(--cyan);text-decoration:underline}.cinema .resourceSources{display:none}