:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#181818;background:#000;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#000;overflow:hidden}
.player{position:fixed;inset:0;width:100%;height:100%;height:100dvh;background:#000}
video{display:block;width:100%;height:100%;object-fit:contain}
.start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;padding:14px;border:1px solid #ffffff80;border-radius:50%;color:#fff;background:#0009;cursor:pointer}
.start svg{width:100%;height:100%}.sound-icon{display:none}
.start.sound{left:auto;right:max(18px,env(safe-area-inset-right));top:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:none;width:48px;height:48px;padding:12px}
.start.sound .play-icon{display:none}.start.sound .sound-icon{display:block}
[hidden]{display:none!important}
.error{position:absolute;bottom:80px;left:20px;right:20px;margin:0;color:#fff;background:#000b;padding:14px;text-align:center;font-size:14px;line-height:1.6}
body.finished{background:#fff;color-scheme:light;overflow:auto}
.ending{min-height:100svh;max-width:820px;margin:auto;padding:32px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff}
h1{font-size:clamp(20px,4vw,28px);font-weight:500;line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere}
.downloads{display:flex;gap:12px;justify-content:center;margin:0 0 30px;flex-wrap:wrap}
.download{display:flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border:1px solid #c4c4c4;border-radius:5px;font-size:14px;line-height:1.5;color:#222;text-decoration:none;background:#fff}
.primary{background:#202020;border-color:#202020;color:#fff}
.download:hover{background:#f2f2f2}.primary:hover{background:#3b3b3b}
:focus-visible{outline:3px solid #145be1;outline-offset:4px}
footer{max-width:640px;color:#666;font-size:11px;line-height:1.8}
footer a{color:inherit;text-underline-offset:3px}
@media(max-width:480px){.ending{padding:24px 16px}.downloads{display:grid;width:100%;gap:12px}.download{font-size:14px;padding:14px 10px}}