:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee8db;background:#020204;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{width:100%;height:100svh;height:100dvh}#scene,canvas{width:100%;height:100%;display:block;position:fixed;inset:0}canvas{touch-action:none}#still{z-index:2;pointer-events:none;transition:opacity .65s;position:fixed;inset:0}#still.live{opacity:0}#still.failed{opacity:1;transition:none}.controls{z-index:3;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));align-items:center;gap:4px;display:flex;position:fixed}.controls button{color:#ded7c7;cursor:pointer;opacity:.58;background:#08080a52;border:1px solid #0000;border-radius:50%;width:44px;height:44px;transition:opacity .2s,background .2s}.controls:hover button,.controls:focus-within button{opacity:1}.controls button:hover{background:#231f19b3}button:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #f5d6a5}button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:20px;height:20px}#quality-menu{background:#0c0c0eed;border:1px solid #4a4237;border-radius:10px;min-width:174px;padding:14px;position:absolute;bottom:56px;right:0}#quality-menu label{color:#bbb3a4;margin-bottom:9px;font-size:12px;display:block}#quality-menu select{color:#f4eee4;width:100%;font:inherit;background:#201e1a;border:1px solid #625849;border-radius:5px;padding:8px;font-size:14px}@media (prefers-reduced-motion:reduce){#still,.controls button{transition:none}}@media (max-width:600px){.controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.controls button{opacity:.78}}