:root{--ui-scale: 1.3;--ui-size-floor: 6.5px;--ui-size-ceil: 10.8px;--ui-vmin: clamp(var(--ui-size-floor), 1vmin, var(--ui-size-ceil));--ui-radius: calc(.93 * var(--ui-vmin) * var(--ui-scale));--ui-radius-chip: calc(.53 * var(--ui-vmin) * var(--ui-scale));--ui-border: 2px;--ui-count-size: calc(5.2 * var(--ui-vmin) * var(--ui-scale));--ui-count-box: calc(9.2 * var(--ui-vmin) * var(--ui-scale));--ui-count-nudge: .04em;--ui-chip-size: calc(2.3 * var(--ui-vmin) * var(--ui-scale));--ui-chip-pad-x: calc(.6 * var(--ui-vmin) * var(--ui-scale));--ui-chip-border: 1px;--ui-chip-nudge: .05em;--ui-chip-nudge-x: 0em;--ui-bubble-pad-y: calc(1.7 * var(--ui-vmin) * var(--ui-scale));--ui-bubble-pad-x: calc(2.5 * var(--ui-vmin) * var(--ui-scale));--ui-count-border: 2px;--start-btn-size: calc(2 * var(--ui-vmin) * var(--ui-scale));--start-btn-pad-y: calc(.7 * var(--ui-vmin) * var(--ui-scale));--start-btn-pad-x: calc(2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-size: calc(2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-pad-y: calc(1.2 * var(--ui-vmin) * var(--ui-scale));--credits-btn-pad-x: calc(4 * var(--ui-vmin) * var(--ui-scale));--credits-btn-offset: 9%;--hud-ctrl: calc(3.8 * var(--ui-vmin) * var(--ui-scale));--vol-frame-h: calc(12 * var(--ui-vmin) * var(--ui-scale));--vol-h: calc(8.8 * var(--ui-vmin) * var(--ui-scale));--vol-track: calc(.5 * var(--ui-vmin) * var(--ui-scale));--vol-thumb: calc(1 * var(--ui-vmin) * var(--ui-scale));--vol-empty: .21}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--sj-loader-background);font-family:Bebas Neue,Impact,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#leva__root{position:fixed;z-index:10001}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,Impact,sans-serif}.time{position:absolute;top:15%;left:0;width:100%;color:var(--sj-ui-primary);font-size:6vh;background:var(--sj-ui-panel);padding-top:5px;text-align:center}.restart{display:flex;justify-content:center;position:absolute;top:40%;left:0;width:100%;color:var(--sj-ui-primary);font-size:80px;background:var(--sj-ui-panel);padding-top:10px;pointer-events:auto;cursor:pointer}.controls{position:absolute;bottom:10%;left:0;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:40px;height:40px;margin:4px;border:2px solid var(--sj-ui-primary);background:var(--sj-ui-panel)}.controls .key.large{width:144px}.controls .key.active{background:var(--sj-ui-panel-active)}.loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sj-loader-background);z-index:10000;display:grid;place-items:center;font-family:Bebas Neue,sans-serif;transition:background-color .18s ease}.loader-wrapper--exit{background:transparent;pointer-events:none}.loader-wrapper--warmup{background:transparent}.loader-wrapper--settle{animation:loader-settle-in .5s ease forwards}@keyframes loader-settle-in{0%{opacity:0}to{opacity:1}}.loader-wrapper--warmup .loader-center{background-color:transparent}.loader-container{position:relative;display:grid;place-items:center}.loader-ring{width:var(--sj-loader-size, 200px);height:var(--sj-loader-size, 200px);border-radius:50%;box-sizing:border-box;position:relative;z-index:2;pointer-events:none;opacity:1;transition:opacity .5s ease;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--sj-loader-ring-width, 12px)),#000 calc(100% - var(--sj-loader-ring-edge, 11px)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--sj-loader-ring-width, 12px)),#000 calc(100% - var(--sj-loader-ring-edge, 11px)))}.loader-ring-inner{display:none}.loader-ring-cap{position:absolute;top:50%;left:50%;width:var(--sj-loader-ring-edge, 11px);height:var(--sj-loader-ring-edge, 11px);margin:calc(-.5 * var(--sj-loader-ring-edge, 11px));border-radius:50%;background-color:var(--sj-ui-primary);transform-origin:center;z-index:3;pointer-events:none}.loader-center{position:absolute;display:grid;place-items:center;width:var(--sj-loader-size, 200px);height:var(--sj-loader-size, 200px);border-radius:50%;background-color:var(--sj-loader-hero);transition:opacity .18s ease,background-color .16s ease .18s;z-index:1}.loader-wrapper--exit .loader-center{opacity:0;background-color:transparent}.loader-wrapper--exit .loader-ring{opacity:0}.loader-center--clickable{cursor:pointer}.loader-percent{font-size:var(--sj-loader-percent-size, 48px);color:var(--sj-ui-primary);font-family:Bebas Neue,sans-serif;font-weight:100;letter-spacing:.1em;font-stretch:condensed;-webkit-user-select:none;user-select:none}.loader-go-arrow{width:calc(.34 * var(--sj-loader-size, 200px));height:calc(.34 * var(--sj-loader-size, 200px));color:var(--sj-ui-primary);transform:rotate(0);translate:0 0;transition:transform .45s cubic-bezier(.4,0,.2,1),translate .12s ease;will-change:transform;-webkit-user-select:none;user-select:none;animation:loader-arrow-in .6s ease both}@keyframes loader-arrow-in{0%{opacity:0}to{opacity:1}}.loader-center:hover .loader-go-arrow{transform:rotate(180deg)}@media(pointer:coarse){.loader-go-arrow{transform:rotate(180deg)}}.loader-center--clickable:active .loader-go-arrow{translate:0 calc(.025 * var(--sj-loader-size, 200px))}.loader-wrapper--exit .loader-go-arrow{transform:rotate(180deg)}.loader-headphones{position:absolute;left:50%;bottom:9%;transform:translate(-50%);color:var(--sj-ui-primary);font-family:Bebas Neue,Impact,sans-serif;font-size:calc(1.7 * var(--ui-vmin) * var(--ui-scale));letter-spacing:.14em;opacity:.72;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}