*{margin:0;padding:0;box-sizing:border-box}a{color:inherit}:focus{outline:none}html,body{font-family:Bebas Neue,sans-serif;font-size:2vh;line-height:1.25}#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.time{position:fixed;top:0;left:0;width:100%;color:#fff;font-size:6vh;background:#00000033;padding-top:5px;text-align:center;pointer-events:none}small,sub,sup{font-size:.5em}.restart{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;justify-content:center;position:absolute;top:40%;left:0;right:0;max-width:max-content;padding:.5em 2em;box-shadow:0 2px 100px #000;margin:auto;color:#fff;font-size:8vh;background:limegreen;border:0;border-radius:999em;pointer-events:auto;cursor:pointer}.restart small{display:block}.restart:is(:hover,:focus){background:orangered}.controls{position:fixed;bottom:10%;left:0;width:100%;font-family:monospace;mix-blend-mode:overlay}.controls .raw{display:grid;grid-template-columns:repeat(3,2rem);grid-template-rows:repeat(3,2rem);gap:.5em;justify-content:center;justify-items:center;text-align:center}.controls .key{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;width:100%;height:100%;justify-content:center;align-items:center;line-height:1;padding-bottom:.15em;display:flex;border:2px solid #ffffff;border-radius:.5em;background:#ffffff44;color:#000;pointer-events:none}.controls .key.forwards{grid-column:1 / -1;max-width:2rem}.controls .key.jump{grid-column:1 / -1}.controls .key:is(.active,:active){background:#ffffff99}.credits{text-transform:none;font-family:monospace;font-size:1vw;width:27em;border:2px solid #ffffff;border-radius:.5em;background:#fffff884;padding:2em;right:0;top:1em;position:absolute}.credits p{margin-bottom:1em}#loading{--progress: 0;--opacity: 1;background:limegreen;position:fixed;top:0;left:0;right:0;bottom:0;transition:opacity .25s ease-in-out 1.5s;pointer-events:none}.loading-bar{height:1em;width:80vw;position:absolute;z-index:999;top:0;bottom:0;left:50%;transform:translate(-50%);right:0;margin:auto;border-radius:9999em;background:currentColor;border:.1em solid transparent;pointer-events:none;color:#000;opacity:var(--opacity);mix-blend-mode:multiply;font-size:3em}.loading-bar:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:calc(1% * var(--progress));background:#fff;border-radius:9999em;transition:width ease-in-out .25s}.loading-bar:after{position:absolute;top:100%;right:0;left:0;text-align:center;display:block;margin-top:1.5em;content:"Loading me swamp..."}