:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#252b23;--surface:#30382b;--ink:#f2eee2;--muted:#bcc5b7;--accent:#ddc38f;--line:#627052;background:var(--ground);color:var(--ink);font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}[hidden]{display:none!important}.viewer{grid-template-rows:auto minmax(0,1fr) auto;height:100svh;display:grid}.caption{z-index:1;padding:max(20px,env(safe-area-inset-top)) 28px 0;pointer-events:none}.caption .back{min-height:44px;color:var(--accent);pointer-events:auto;text-underline-offset:4px;padding:12px 0;display:inline-block}.caption p{color:var(--muted);margin:6px 0 0;font-size:.78rem}.caption .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-size:.66rem}h1{margin:2px 0 0;font:500 clamp(1.8rem,3vw,2.7rem)/1.1 Palatino,Palatino Linotype,Georgia,serif}.stage{min-width:0;min-height:0;position:relative}#scene{touch-action:none;outline-offset:-5px;width:100%;height:100%;display:block}.loading{text-align:center;background:var(--ground);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.loading h2{margin:0;font:500 1.5rem/1.2 Palatino,Georgia,serif}.loading p{max-width:45ch;color:var(--muted);margin:0;line-height:1.6}.controls{width:100%;max-width:1120px;max-height:48svh;padding:0 18px max(14px,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;align-items:end;gap:4px 22px;margin:auto;display:flex;overflow-y:auto}fieldset{border:0;flex-wrap:wrap;justify-content:center;gap:3px;min-width:0;margin:0;padding:0;display:flex}legend{float:left;text-align:center;width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:.68rem}button{min-width:48px;min-height:48px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:10px 13px;font-size:.8rem}button:hover:not(:disabled){background:var(--surface);color:var(--ink)}button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:#414c37}button:disabled,fieldset:disabled{opacity:.48;cursor:default}#pause,#retry{border-color:var(--line)}.playback label{width:132px;color:var(--muted);grid-template-columns:1fr auto;margin-left:8px;padding-top:4px;font-size:.72rem;display:grid}.playback output{color:var(--ink)}input[type=range]{width:100%;height:28px;accent-color:var(--accent);grid-column:1/-1}.hint,details{text-align:center;color:var(--muted);flex-basis:100%;margin:5px auto 0;font-size:.72rem}details{max-width:70ch}details summary{cursor:pointer;min-height:42px;padding:12px 8px}details p{text-align:left;line-height:1.55}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=700px){.caption{padding:16px 18px 0}.controls{gap:4px 8px;padding-inline:8px}#characters,#clips{flex-basis:100%}button{padding-inline:10px}.hint{display:none}}