:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#070e18;color:#ddd4b8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#cinema{position:relative;width:100%;height:100%;height:100dvh;background:#070e18;isolation:isolate}canvas{position:absolute;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.topline{position:absolute;z-index:2;left:max(25px,env(safe-area-inset-left));right:25px;top:max(25px,env(safe-area-inset-top));display:flex;justify-content:space-between;font-size:10px;letter-spacing:.22em;opacity:.65}.caption{position:absolute;z-index:2;bottom:max(86px,calc(env(safe-area-inset-bottom) + 70px));left:25px;right:25px;text-shadow:0 2px 8px #000}.caption>span{font-size:clamp(12px,1.8vw,18px);letter-spacing:.14em}.caption p{font-size:9px;letter-spacing:.18em;color:#96a9b3;margin-top:12px}nav{position:absolute;z-index:3;left:25px;right:25px;bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:22px}nav button,nav a{font:10px inherit;font-family:inherit;font-size:10px;letter-spacing:.08em;color:#c4c5b8;background:none;border:0;padding:9px 0;cursor:pointer;text-decoration:none}nav a{margin-left:auto;color:#f9cd7f}nav :focus-visible{outline:1px solid #f9cd7f;outline-offset:5px}.progress{position:absolute;z-index:3;bottom:0;width:100%;height:2px;background:#202b34}.progress i{display:block;background:#d6a162;height:100%;width:0}#loading{position:absolute;z-index:5;inset:0;display:grid;place-content:center;gap:16px;text-align:center;background:#070e18;font-size:11px;letter-spacing:.15em}#loading span{display:block;font-size:9px;color:#70848d}#loading[hidden]{display:none}@media(min-aspect-ratio:3/2){.caption{left:5vw;bottom:90px}.topline,nav{left:5vw;right:5vw}}

html,body,canvas,button,a{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}