.sideb{padding-top:.5rem}.sideb__grid{grid-template-columns:minmax(0,15rem) minmax(0,1fr) minmax(0,20rem);align-items:center;gap:1.5rem clamp(1.5rem,3vw,2.5rem);display:grid}.sideb__tapes{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sideb__tapes button{background:linear-gradient(90deg, var(--tape) 0 .35rem, var(--panel) .35rem);border:1px solid var(--line-strong);width:100%;min-height:3rem;font:600 .75rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;align-items:center;gap:.7rem;padding:.4rem .8rem;transition:border-color .2s,background .2s;display:flex}.sideb__tapes button b{font:800 .8125rem/1 var(--dot);color:var(--phosphor)}.sideb__tapes button span{text-align:left;flex:1;gap:.2rem;display:grid}.sideb__tapes button small{letter-spacing:.1em;color:var(--dim);font-size:.5625rem}.sideb__tapes button:hover,.sideb__tapes button[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(90deg, var(--tape) 0 .35rem, var(--panel-2) .35rem)}.sideb__keys{gap:.35rem;margin-top:1rem;display:flex}.sideb__keys button{min-width:2.75rem;height:2.5rem;font:800 .8125rem/1 var(--mono);color:#10131f;cursor:pointer;background:linear-gradient(#d6dbe8,#9aa2b8);border:0;border-radius:3px;place-items:center;padding:0 .6rem;transition:transform 80ms,box-shadow 80ms;display:grid;box-shadow:inset 0 1px #fff,0 3px #4b5268,0 5px 10px #00000080}.sideb__keys button.is-play{background:linear-gradient(#f5d38e,#c9953f);box-shadow:inset 0 1px #fff5d8,0 3px #7a5418,0 5px 10px #00000080}.sideb__keys button.is-flip{letter-spacing:.12em;text-transform:uppercase;font-size:.625rem}.sideb__keys button:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #4b5268}.sideb__keys button:focus-visible,.sideb__tapes button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[data-playing] .is-play{outline:2px solid var(--gold);outline-offset:2px}.sideb__stage{aspect-ratio:16/10;min-width:0;margin:0;position:relative}.sideb__still,.sideb__canvas{width:100%;height:100%;position:absolute;inset:0}.sideb__still{object-fit:contain;transition:opacity .4s;-webkit-mask-image:radial-gradient(70% 70%,#000 62%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 62%,#0000 100%)}.sideb__canvas{opacity:0;cursor:pointer;transition:opacity .5s}.sideb[data-ready] .sideb__canvas{opacity:1}.sideb[data-ready] .sideb__still{opacity:0}.sideb__credit{font:500 .625rem/1.5 var(--mono);letter-spacing:.04em;color:var(--dim);position:absolute;bottom:-1.6rem;left:0;right:0}.sideb__credit a{color:var(--muted);text-decoration-color:var(--line-strong);text-underline-offset:.2em}.sideb__jcard{color:#10131f;background:linear-gradient(#f1ede2,#e3ddcc);border-radius:4px;padding:1.1rem 1.1rem 1rem;position:relative;box-shadow:0 30px 60px -30px #000000e6}.sideb__jcard:before{content:"";background:repeating-linear-gradient(90deg,#2447d8 0 2rem,#e8b45a 2rem 4rem);border-radius:4px 4px 0 0;height:.45rem;position:absolute;top:0;left:0;right:0}.sideb__jcard-head{border-bottom:1.5px dashed #10131f59;gap:.3rem;margin-top:.3rem;padding-bottom:.6rem;display:grid}.sideb__jcard-head span{font:700 .625rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#2447d8}.sideb__jcard-head b{font:800 1.2rem/1.1 var(--mono);text-transform:uppercase;letter-spacing:.02em}.sideb__jcard-head small{font:500 .6875rem/1.3 var(--mono);color:#10131fa6}.sideb__jcard ol{min-height:6.4rem;font:500 .75rem/1.35 var(--mono);align-content:start;gap:.3rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.sideb__jcard li{white-space:pre-wrap;padding-left:.9rem;position:relative}.sideb__jcard li[data-on]{font-weight:800}.sideb__jcard li[data-on]:before{content:"▶";color:#c8331f;font-size:.6rem;line-height:1.8;position:absolute;left:0}.sideb__jcard li[data-skip]{opacity:.5}.sideb__jcard a{color:inherit;text-decoration:none}.sideb__jcard a:hover{text-decoration:underline}.sideb__video{background:#07080d;border-radius:3px;width:100%;height:max(200px,11rem);margin-top:.9rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #10131f80}.sideb__video iframe,.sideb__video [data-video-host]{border:0;width:100%;height:100%;position:absolute;inset:0}.sideb__video-idle{font:500 .6875rem/1.45 var(--mono);text-align:center;color:#9aa0ae;pointer-events:none;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.sideb[data-video=ready] .sideb__video-idle{display:none}.sideb[data-video=loading] .sideb__video-idle:after{content:" Loading…"}.sideb[data-video=failed] .sideb__video-idle{color:#e8b45a}.sideb__lists{border-top:1px solid var(--line);margin-top:3.2rem;padding-top:1rem}.sideb__lists summary{cursor:pointer;font:600 .6875rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sideb__lists-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:1.2rem;display:grid}.sideb__lists h3{font:700 .8125rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);gap:.3rem;display:grid}.sideb__lists h3 b{font:800 .8125rem/1 var(--dot);color:var(--phosphor)}.sideb__lists h3 small{color:var(--dim);font-size:.625rem;font-weight:500}.sideb__lists ol{color:var(--muted);gap:.3rem;margin:.8rem 0 0;padding:0;font-size:.875rem;list-style:none;display:grid}.sideb__lists ol+ol{border-top:1px dashed var(--line);padding-top:.6rem}.sideb__lists li span{width:2rem;font:600 .6875rem/1 var(--mono);color:var(--dim);display:inline-block}.sideb__lists a{color:var(--ink);text-decoration-color:var(--cobalt);text-underline-offset:.2em}@media (width<=64rem){.sideb__grid{grid-template-columns:minmax(0,1fr)}.sideb__stage{order:-1}.sideb__credit{margin-top:.4rem;position:static}.sideb__lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=30rem){.sideb__lists-grid{grid-template-columns:minmax(0,1fr)}}