@font-face{font-family:brandon light;src:url(/video/stuff/font.woff2)}*{margin:0;padding:0;position:relative;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{display:flex;justify-content:center;align-items:center;background:#000;overflow:hidden}.app{position:relative;width:100%;height:100%;overflow:hidden}.content,.bg{position:absolute}.content{top:50%;left:50%;z-index:1;display:flex;flex-direction:column;align-items:center;filter:invert(100%);opacity:0;transform:translate(-50%,calc(-50% + 1vmin));transition:opacity .8s ease,transform .8s ease}.content--loaded{opacity:1;transform:translate(-50%,-50%)}.brand-bar{width:91vmin;height:3vmin;display:block}canvas{width:91vmin;height:13vmin;overflow:hidden}.social{margin-top:.5vmin;font-family:brandon light,sans-serif;font-size:4.25vmin;letter-spacing:.3vmin}.social a{text-decoration:none;color:#000;transition:opacity .2s ease,letter-spacing .2s ease}.social a:hover{opacity:.6;letter-spacing:.45vmin}.copy-toast{display:block;margin-top:1vmin;font-size:2vmin;letter-spacing:.15vmin;opacity:.7;animation:fade-in .3s ease}.controls{z-index:1;position:fixed;bottom:10vmin;left:50%;transform:translate(-50%);filter:invert(100%)}.hint{color:#000;font-family:brandon light,sans-serif;font-size:2.75vmin;letter-spacing:.2vmin;font-weight:700;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:1vmin;transition:opacity .2s ease,letter-spacing .2s ease;outline:none}.hint:focus,.hint:focus-visible{outline:none}.hint:hover{opacity:.6;letter-spacing:.45vmin}.hint--playing{animation:pulse 2s ease-in-out infinite}.hint-key{font-size:1.75vmin;padding:.3vmin .6vmin;border:1px solid currentColor;border-radius:.3vmin;opacity:.5}.volume{position:absolute;top:calc(100% + 2vmin);left:50%;display:flex;align-items:center;gap:1vmin;font-family:brandon light,sans-serif;font-size:2vmin;letter-spacing:.15vmin;white-space:nowrap;opacity:0;transform:translate(-50%,.5vmin);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.volume--visible{opacity:1;transform:translate(-50%);pointer-events:auto}.volume input[type=range]{width:20vmin;accent-color:#000;cursor:pointer;outline:none}.volume input[type=range]:focus,.volume input[type=range]:focus-visible{outline:none}.bg{top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.bg video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fade-in{0%{opacity:0}to{opacity:.7}}@media(prefers-reduced-motion:reduce){.content{transition:none;opacity:1;transform:translate(-50%,-50%)}.hint--playing{animation:none}}