:root:has(.explainer){--sl-content-width:72rem}.explainer{--color-ink:#0a0a0a;--color-charcoal:#3a3a3a;--color-paper:#fff9f5;--color-paper-dark:#fff0e8;--color-panel:#fff;--color-magenta:#c4177a;--color-violet:#7c3aed;--color-gold:#ffb800;--color-success:#15803d;--color-info:#2563eb;--color-danger:#dc2626;--color-disabled:#d6d2cc;--font-display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--font-sans:"Rubik Variable", ui-sans-serif, system-ui, sans-serif;--font-hand:"Shantell Sans Variable", ui-rounded, "Comic Sans MS", cursive;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:var(--color-paper);background-image:radial-gradient(var(--color-paper-dark) 1.5px, transparent 1.5px);border:3px solid var(--color-ink);box-shadow:5px 5px 0 0 var(--color-ink);color:var(--color-ink);font-family:var(--font-sans);background-size:22px 22px;border-radius:8px;flex-direction:column;margin-top:1rem;display:flex;overflow:hidden}.explainer b,.explainer strong{font-weight:600}.explainer .deck-head{background:var(--color-gold);border-bottom:3px solid var(--color-ink);align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.explainer .deck-head .count{border:2px solid var(--color-ink);background:var(--color-panel);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.explainer .deck-head .scene-title{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;color:var(--color-ink);margin:0;font-size:clamp(16px,1.6vw,22px);font-weight:800;line-height:1.2;overflow:hidden}.explainer .deck-head nav.links{gap:10px;margin-left:auto;display:flex}.explainer .ds-btn{letter-spacing:.025em}.explainer .ds-btn:focus-visible{outline:3px solid var(--color-violet);outline-offset:0}.explainer .stage{cursor:pointer;justify-content:center;align-items:center;padding:16px 20px 4px;display:flex}.explainer .board{aspect-ratio:1600/820;background:var(--color-panel);border:3px solid var(--color-ink);width:100%;box-shadow:6px 6px 0 0 var(--color-ink);border-radius:8px}.explainer svg{width:100%;height:100%;display:block}.explainer .caption{text-align:center;max-width:62rem;min-height:7.5em;margin:0 auto;padding:10px 20px 4px;font-size:clamp(15px,1.2vw,17px);line-height:1.5}.explainer .caption b{font-weight:600}.explainer .caption code{font-family:var(--font-mono);background:var(--color-paper-dark);border:1.5px solid var(--color-ink);border-radius:4px;padding:0 4px;font-size:.86em}.explainer .caption .src{color:var(--color-charcoal);margin-top:6px;font-size:12px}.explainer .caption .watch,.transcript .watch{background:var(--color-gold,#ffb800);border:2px solid #0a0a0a;border-radius:6px;max-width:980px;margin:8px auto 0;padding:6px 12px;font-weight:500;display:block}.explainer .caption .watch b,.transcript .watch b{font-weight:700}.explainer nav.ctl{color:var(--color-charcoal);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:4px 16px 16px;font-size:13px;display:flex}.explainer .dots{flex-wrap:wrap;gap:6px;display:flex}.explainer .dots span{border:2px solid var(--color-ink);background:var(--color-panel);cursor:pointer;border-radius:3px;width:12px;height:12px}.explainer .dots span.seen{background:var(--color-disabled)}.explainer .dots span.cur{background:var(--color-gold)}.explainer:fullscreen{box-shadow:none;border:0;border-radius:0;height:100vh;margin:0}.explainer:fullscreen .stage{flex:1;min-height:0}.explainer:fullscreen .board{width:auto;max-width:100%;height:100%}.explainer .el{opacity:0;transform-box:view-box;transition:opacity .5s,transform 1.1s cubic-bezier(.6,.05,.25,1)}.explainer .el.on{opacity:1}.explainer .el.faded{opacity:.25}.explainer .el .draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s cubic-bezier(.65,0,.35,1)}.explainer .el.on .draw,.explainer .el.faded .draw{stroke-dashoffset:0}.explainer .el .shape{transition:transform .35s cubic-bezier(.16,1,.3,1)}.explainer .el.hl .shape{transform:translate(-3px,-3px)}.explainer .t-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:30px;font-weight:700}.explainer .t-big{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800}.explainer .t-sub{font-family:var(--font-sans);font-size:24px;font-weight:400}.explainer .t-label{font-family:var(--font-sans);font-size:23px;font-weight:400}.explainer .t-num{font-family:var(--font-sans);font-weight:600}.explainer .t-kick,.explainer .t-band{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;font-size:19px;font-weight:600}.explainer .t-hand{font-family:var(--font-hand);font-variation-settings:"INFM" 60, "BNCE" 30;font-size:26px;font-weight:600}.explainer .t-mono{font-family:var(--font-mono);font-size:22px;font-weight:600}@media (prefers-reduced-motion:reduce){.explainer .el,.explainer .el .draw,.explainer .el .shape{transition:none!important}}@media (width<=50rem){.explainer .ctl>span{display:none}.explainer .deck-head{flex-wrap:wrap;row-gap:6px;padding:8px 12px}.explainer .deck-head .scene-title{white-space:normal;flex-basis:100%;order:3}.explainer .deck-head .ds-btn{padding:4px 8px;font-size:.65rem}.explainer .stage{padding:10px 10px 2px}.explainer .caption{padding:8px 12px 4px}}.transcript .scene-src{color:#3a3a3a;font-size:.8rem}