:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#09090e;color:#f2edf7}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:focus-visible,input:focus-visible{outline:2px solid #a2f7f0;outline-offset:5px}.cinema,.screen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#09090e;overflow:hidden}.screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.intro,.ending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;background:linear-gradient(transparent,#09090e22)}h1{font:normal clamp(48px,8vw,110px)/1 Georgia,serif;letter-spacing:-.045em;margin:0;text-shadow:0 2px 30px #09090e}.central-play{width:64px;height:64px;border:1px solid #a2f7f077;border-radius:50%;background:#09090e55;display:grid;place-items:center;box-shadow:0 0 24px #09090e55;transition:background .2s,border-color .2s}.central-play:hover{background:#00d9e822;border-color:#a2f7f0}.central-play span{font-size:19px}.central-play#begin span{margin-left:4px}.intro.started{pointer-events:none}.intro.started h1{font-size:clamp(48px,8vw,110px)}.fin{font:italic 42px Georgia,serif;color:#f2edf7}.captions{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:clamp(92px,12vh,142px);text-align:center;pointer-events:none}.captions #english{display:inline-block;white-space:pre-line;margin:0;padding:14px 26px;font:normal clamp(17px,1.7vw,25px)/1.55 Georgia,serif;color:#f2edf7;text-shadow:0 2px 4px #000,0 0 16px #09090e;background:radial-gradient(ellipse,#09090eab,transparent 72%)}.transport{position:fixed;z-index:3;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(840px,calc(100% - 48px));min-height:52px;display:flex;align-items:center;gap:16px;padding:8px 16px;background:#09090eaa;border:1px solid #a2f7f014;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .3s}.controls-visible .transport,.transport:focus-within{opacity:1;pointer-events:auto}.transport button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;background:none;padding:6px;color:#e5ebed;opacity:.75}.transport button:hover,.transport button[aria-pressed=true]#still{opacity:1;color:#a2f7f0}.transport button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#sound[aria-pressed=false] .sound-waves{display:none}#sound[aria-pressed=false]{opacity:.4}#play{font-size:15px}#time{font-size:10px;color:#cac6d4;min-width:78px;white-space:nowrap}#seek{width:20px;flex:1;accent-color:#a2f7f0;height:20px;cursor:pointer;margin:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.fallback{position:fixed;inset:40% 0 auto;text-align:center;font:16px Georgia,serif}[hidden]{display:none!important}.cinema:fullscreen{height:100dvh}@media(max-width:600px){.transport{width:calc(100% - 24px);padding:7px 8px;gap:8px}.transport button{width:30px;height:32px}#time{font-size:9px;min-width:68px}#fullscreen{display:none}.captions{left:18px;right:18px;bottom:max(96px,calc(env(safe-area-inset-bottom) + 76px))}.captions #english{font-size:19px;padding:12px 6px;line-height:1.5}.central-play{width:58px;height:58px}.intro,.ending{gap:26px}}@media(max-height:450px){.captions{bottom:72px}.captions #english{font-size:16px;padding:5px 10px}.central-play{width:48px;height:48px}.intro,.ending{gap:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}