.wao-films{--film-ink:#171714;--film-paper:#f3f0df;font-family:Arial,Helvetica,sans-serif;color:var(--film-ink);width:100%;box-sizing:border-box}.wao-films *{box-sizing:border-box}.wao-film-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:14px 0;font:700 11px/1.4 'Courier New',monospace;letter-spacing:.06em}.wao-film-tabs{display:flex;gap:4px}.wao-film-tabs button,.wao-film-play,.wao-film-next{border:1px solid var(--film-ink);padding:9px 12px;background:transparent;color:inherit;font:700 11px/1 'Courier New',monospace;cursor:pointer;border-radius:0}.wao-film-tabs button[aria-pressed=true]{background:var(--film-ink);color:var(--film-paper)}.wao-film-stage{--film-bg:#f3f0df;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--film-bg);color:#171714;border:1px solid var(--film-ink);container-type:inline-size}.wao-film-stage[data-tone=acid]{--film-bg:#dbff00}.wao-film-stage[data-tone=orange]{--film-bg:#ff5a25}.wao-film-stage[data-tone=lavender]{--film-bg:#b9a5e8}.wao-film-stage[data-tone=ink]{--film-bg:#171714;color:#f3f0df}.wao-film-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:5% 8.88%}.wao-film-kicker{position:absolute;left:4%;top:5%;font:700 1.3cqw/1.3 'Courier New',monospace;letter-spacing:.12em;z-index:3}.wao-film-title{position:absolute;z-index:2;left:4%;top:18%;margin:0;font:1000 12.5cqw/.82 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.035em;white-space:pre-line;max-width:94%;transform:scaleY(1.13);transform-origin:left top}.wao-film-stage[data-mode=word] .wao-film-title{font-size:16cqw;top:21%;max-width:100%}.wao-film-stage[data-mode=gear] .wao-film-title,.wao-film-stage[data-mode=machine] .wao-film-title,.wao-film-stage[data-mode=archive] .wao-film-title{font-size:10cqw;top:25%;max-width:60%}.wao-film-illustration{position:absolute;right:-3%;top:8%;width:60%;height:83%;transform:scale(var(--film-scale,1));opacity:.8}.wao-film-illustration svg{width:100%;height:100%;display:none}.wao-film-stage[data-mode=gear] .wao-film-gear{display:block;transform:rotate(var(--film-rotation,0deg));transform-origin:center}.wao-film-stage[data-mode=machine] .wao-film-machine{display:block;transform:translateY(var(--film-lift,0px)) rotate(-9deg)}.wao-film-stage[data-mode=archive] .wao-film-archive{display:block;transform:rotate(-8deg)}.wao-film-stage[data-mode=word] .wao-film-illustration{display:none}.wao-film-corner{position:absolute;left:4%;bottom:6%;font:700 1.15cqw/1.3 'Courier New',monospace;letter-spacing:.04em}.wao-film-time{position:absolute;right:4%;bottom:6%;font:700 1.15cqw/1.3 'Courier New',monospace;z-index:4}.wao-film-stamp{position:absolute;right:4%;top:8%;font:800 1.1cqw/1 'Courier New',monospace;white-space:pre-line;padding:1.3%;border:2px solid;transform:rotate(9deg);display:none}.wao-film-stage[data-mode=word] .wao-film-stamp{display:block}.wao-film-stage-play{position:absolute;z-index:5;right:4%;bottom:13%;border:1px solid currentColor;background:var(--film-bg);color:inherit;font:700 24px/1 Arial;width:64px;height:64px;border-radius:50%;cursor:pointer}.wao-film-stage-play[hidden]{display:none}.wao-film-controls{display:flex;align-items:center;gap:12px;padding:16px 0 10px;border-bottom:1px solid currentColor}.wao-film-seek{flex:1;min-width:40px;accent-color:#171714;cursor:pointer;height:22px}.wao-film-seek-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wao-film-clock{white-space:nowrap;font:12px/1.5 'Courier New',monospace}.wao-film-caption{font-size:14px;font-weight:700;line-height:1.5;margin:12px 0 4px}.wao-film-note{font:11px/1.5 'Courier New',monospace;opacity:.7;max-width:85ch;margin:0}.wao-films button:focus-visible,.wao-films input:focus-visible,.wao-film-stage:focus-visible{outline:3px solid #b3441d;outline-offset:4px}.wao-films button:hover{filter:brightness(.88)}@media(max-width:600px){.wao-film-header{flex-wrap:wrap;gap:10px}.wao-film-status{font-size:9px}.wao-film-tabs{order:3;width:100%}.wao-film-tabs button{flex:1}.wao-film-controls{gap:8px;flex-wrap:wrap}.wao-film-next{font-size:10px;margin-left:auto}.wao-film-play{font-size:10px}.wao-film-clock{font-size:10px}.wao-film-stage-play{width:44px;height:44px;font-size:18px}.wao-film-kicker{font-size:2cqw}.wao-film-corner,.wao-film-time{font-size:1.7cqw}.wao-film-caption{font-size:12px}.wao-film-note{font-size:10px}}