:root{color:#d3d3d3;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100svh}main{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.stage{aspect-ratio:4/3;isolation:isolate;background:#000;width:min(100vw,133.333svh - 85.3333px);position:relative;overflow:hidden}.stage:fullscreen{aspect-ratio:auto;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.stage-content{aspect-ratio:4/3;width:100%;position:relative}.stage:fullscreen>.stage-content{flex:none;width:min(100vw,133.333vh)}video,.poster{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.choices{width:100%;height:100%;pointer-events:none;border:0;min-inline-size:0;margin:0;padding:0;position:absolute;inset:0}.hit-area{color:#0000;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;outline:none;margin:0;padding:0;position:absolute}.hit-area:disabled{cursor:default;pointer-events:none}.highlight{pointer-events:none;object-fit:fill;width:100%;height:100%;position:absolute;inset:0}button{font:inherit}.start-play,.playback-prompt button{color:#fff;cursor:pointer;background:#000000d9;border:1px solid #aaa;border-radius:4px;padding:12px 22px}.start-play{font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 24px #000}.playback-prompt{text-align:center;background:#000a;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:16px;display:flex;position:absolute;inset:0}footer{color:#999;justify-content:space-between;align-items:center;gap:12px;width:min(100vw,1000px);min-height:64px;padding:10px 16px;font-size:12px;display:flex}footer nav{gap:12px;display:flex}footer button{color:#bbb;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:7px 0;font-size:12px}footer button:focus-visible,.start-play:focus-visible,.playback-prompt button:focus-visible{outline-offset:3px;outline:2px solid #eee}.message{padding:24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){footer{align-items:flex-start;font-size:10px}footer>span{max-width:220px}footer nav{gap:10px}}