:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-size:.8em;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.right{display:inline-block;border:0 solid black;border-radius:0 1rem 1rem 0;background-color:#242424;padding:1rem;vertical-align:middle}.left{display:inline-block;border:0 solid black;border-radius:1rem 0 0 1rem;background-color:#242424;padding:1rem;vertical-align:middle}.controls{display:flex;grid-gap:1rem;padding-top:1.3rem}.jogwheel{background-color:#000;border:1px solid darkorange;height:20rem;width:20rem;border-radius:50%;position:relative;overflow:hidden;cursor:pointer}.jogwheel.loaded{background:radial-gradient(#000 60%,#222,#000,#111 66%,#000);border:1px solid darkorange;height:20rem;width:20rem;border-radius:50%;position:relative;overflow:hidden;transition:background .3s ease}.jogwheel.spin{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jogwheel>img{width:5rem;height:5rem;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.startMusicButtons{display:grid;grid-gap:.5rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.startButton{background-color:#000;border:1px solid limegreen;height:3rem;width:3rem;border-radius:50%;color:#32cd32;display:flex;justify-content:center;align-items:center}.startButtonBlink{animation:startButtonBlinkAnimation 1s linear infinite}@keyframes startButtonBlinkAnimation{0%{color:#32cd32;border-color:#32cd32}to{color:#006400;border-color:#006400}}.queButton{background-color:#000;border:1px solid darkorange;height:3rem;width:3rem;border-radius:50%;color:#ff8c00;display:flex;justify-content:center;align-items:center}.queButtonBlink{animation:queButtonBlinkAnimation 1s linear infinite}@keyframes queButtonBlinkAnimation{0%{color:#ff8c00;border-color:#ff8c00}to{color:coral;border-color:coral}}.queControls{position:absolute;display:flex;width:100%;gap:.3rem;transform:translateY(-15px)}.queControls>:last-child{margin-left:23%}.resetQue{background:#9b4e2a;background:radial-gradient(circle,#9b4e2a,#d16a15,#f06800);height:2rem;width:2rem;border-radius:50%;color:#000;display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.jumpToQue,.preservePitch{background:#9b4e2a;background:radial-gradient(circle,#9b4e2a,#d16a15,#f06800);height:2rem;width:2rem;border-radius:50%;color:#000;display:flex;justify-content:center;align-items:center;font-size:.9rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.preservePitchDisabled{box-sizing:border-box;background-color:#000;border:1px solid darkorange;height:2rem;width:2rem;border-radius:50%;color:#ff8c00;display:flex;justify-content:center;align-items:center;font-size:.9rem;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none}.horizontal{height:3.5rem;width:7rem;display:flex;justify-content:center;align-items:center;position:relative}.horizontal .ticks{position:absolute;width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.horizontal .ticks span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:2px solid black;border-right:0}.horizontal .ticks span:first-child{border-left:0;border-right:4px solid black}.horizontal .ticks span:last-child{border-left:4px solid black;border-right:0}.horizontal .ticks span:not(:first-child):not(:last-child){width:2px;height:12px;background-color:#000;border:none}.horizontal>input[type=range]{width:100%;height:2px;background:#000;margin:0;position:relative;-webkit-appearance:none}.horizontal>input[type=range]::-webkit-slider-runnable-track{background:transparent;height:3px;border-radius:2px}.horizontal>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-.65rem;height:1.5rem;width:1rem;border:.3vmin solid white;border-radius:2px;background-color:#fff;cursor:pointer}.horizontal>input[type=range]::-moz-range-thumb{height:1.5rem;width:1rem;border:.3vmin solid white;border-radius:2px;background-color:#fff;cursor:pointer}.vertical{height:7rem;width:3.5rem;display:flex;justify-content:center;align-items:center;position:relative}.vertical .ticks{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.vertical .ticks span{height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:2px solid black}.vertical .ticks span:first-child{border-top-width:4px}.vertical .ticks span:last-child{border-bottom:4px solid black;border-top:0}.vertical>input[type=range]{writing-mode:vertical-lr;direction:rtl;height:6.8rem;background:#000;width:2px;margin:0;position:relative;-webkit-appearance:none}.vertical>input[type=range]::-webkit-slider-runnable-track{background:transparent;border-radius:2px;height:3rem}.vertical>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-1vh;height:2.3rem;width:1.5rem;border:.5vmin solid white;border-radius:2px;background-color:#fff;cursor:pointer}.vertical>input[type=range]::-moz-range-thumb{height:2.3rem;width:1.3rem;border:.5vmin solid white;border-radius:2px;background-color:#fff;cursor:pointer}.hidden{opacity:0}.fxButtons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.2rem;padding-top:.5rem}.fxButtons>div{border:3px solid darkorange;padding:10px;height:1rem;width:1rem;font-size:30px;text-align:center;cursor:pointer}.center{display:inline-block;background-color:#242424;padding:1rem;vertical-align:middle}.volumeSlider{margin-top:1.5rem}.center{display:grid;justify-items:center}.mixer{display:flex;grid-gap:1rem}.channel{height:24rem;width:3.5rem;display:flex;flex-wrap:wrap;align-self:center;align-content:center;justify-content:center}.hi,.mid,.low,.cfx{height:2rem;width:2rem;background-color:#000;border:1px solid darkorange;border-radius:50%}.controller{padding:2rem;display:flex;justify-content:center;border:2px solid transparent;border-radius:25px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 10px 10px #ff8c00}.ascii-art{position:absolute;white-space:pre;pointer-events:none;opacity:.15;font-size:12px;line-height:12px;-webkit-user-select:none;user-select:none;color:#ff8c00;font-family:monospace}.debugMenuIcon{position:absolute;bottom:8px;right:16px;height:auto;opacity:.3;color:#ff8c00}#menu{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;padding:20px;border-radius:8px;box-shadow:0 0 15px #0000004d;display:none;z-index:1000;cursor:default;user-select:none;-webkit-user-select:none}#menu .close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#333;line-height:1;padding:0;transition:color .2s ease}#menu .close-btn:hover{color:red}.infoMenuIcon{position:absolute;bottom:8px;left:16px;height:auto;opacity:.3;color:#ff8c00}#infoOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;z-index:999}#infoMenu{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000;padding:20px;border-radius:8px;box-shadow:0 0 15px #0000004d;display:none;z-index:1000}#infoMenu .info-close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#333;line-height:1;padding:0;transition:color .2s ease}#infoMenu .info-close-btn:hover{color:red}