@font-face{font-family:Geist;src:url(../fonts/Geist.woff2)}*{box-sizing:border-box}html,body,#root,main{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:#08121d;color:#f0e9d9;font-family:Geist,system-ui,sans-serif}canvas{display:block;touch-action:none}button,input,a{font:inherit}.film-heading{position:absolute;top:max(5%,env(safe-area-inset-top));left:max(5.5%,env(safe-area-inset-left));pointer-events:none;text-shadow:0 2px 18px #08121d}.film-heading span{font-size:12px;color:#cad2d8}.film-heading h1{font-size:clamp(26px,3vw,44px);font-weight:450;letter-spacing:-.04em;margin:8px 0}.film-heading p{font-size:12px;color:#d1c4ac;margin:0}.film-controls{position:absolute;bottom:max(44px,env(safe-area-inset-bottom));left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right));display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;background:#08121df0;padding:12px 16px;border:1px solid #43505a;border-radius:4px}.film-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.film-actions a{padding:12px 6px;font-size:12px}.film-progress{display:flex;align-items:center;gap:12px;flex:1;min-width:160px}.film-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;flex-basis:100%;color:#cbd4d9;font-size:11px}.film-note a{white-space:nowrap}a{color:#f0d3a2;text-underline-offset:3px}button{border:1px solid #64717a;background:#18242d;color:#f0e9d9;padding:10px 14px;min-height:44px;border-radius:3px;cursor:pointer;white-space:nowrap}button:hover{background:#2a3943}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #e6c287;outline-offset:3px}.film-controls input{flex:1;min-width:50px;min-height:32px;accent-color:#e6c287}.film-controls time{font-size:12px;white-space:nowrap}.film-error{flex-basis:100%;margin:0;color:#ffdba0;font-size:12px;padding:6px 0}.film-controls button[aria-pressed=true]{border-color:#e6c287}@media(max-width:650px){.film-controls{gap:4px;padding:10px 12px}.film-progress{flex-basis:100%}.film-heading{top:max(4%,env(safe-area-inset-top))}.film-heading h1{margin:4px 0}.film-actions{gap:6px}.film-actions button{padding:8px 10px}.film-note{gap:3px}.film-note span{max-width:100%}}@media(max-height:500px){.film-heading{top:max(14px,env(safe-area-inset-top))}.film-heading span,.film-heading p{display:none}.film-heading h1{font-size:24px}.film-controls{bottom:max(44px,env(safe-area-inset-bottom));padding:6px 12px}.film-note{display:none}.film-progress{flex-basis:0}.film-actions button{min-height:40px;padding:6px 10px}}.film-camera-movement{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;padding:3px;border:1px solid #43505a;border-radius:4px}.film-camera-movement button[aria-pressed=true]{background:#354139;color:#fff1d7}body:has(main[data-controls-hidden]) a[data-graspable-badge]{display:inline-flex!important}.film-restore-hint{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:16px;right:16px;margin:0;text-align:center;color:#f0e9d9;background:#08121de8;padding:10px;font-size:13px;pointer-events:none;animation:film-hint-away .3s ease 2s forwards}.film-restore{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));opacity:0;pointer-events:none}.film-restore:focus-visible{opacity:1;pointer-events:auto}main[data-controls-hidden=true] canvas:focus{outline:none}@keyframes film-hint-away{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.film-restore-hint{animation-duration:1ms;animation-timing-function:step-end}}.film-credit{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:20;display:inline-flex;align-items:center;min-height:44px;padding:10px 12px;background:#08121df0;border:1px solid #43505a;border-radius:3px;color:#f0e9d9;font-size:12px;line-height:1.2;text-decoration:none}body:has(a[data-graspable-badge]) .film-credit{display:none}