:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#c8c8c8;letter-spacing:.14em;text-transform:uppercase;background:#000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stage{height:100%;position:relative}.stage canvas{width:100%;height:100%;display:block}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:.3em;margin:0;font-size:clamp(2rem,8vw,5rem)}.row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}button{color:#c8c8c8;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:2px solid #c8c8c8;padding:.6rem 1.4rem}button:hover,button:focus-visible{color:#000;background:#c8c8c8;outline:none}.corner{z-index:2;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.tuning{z-index:3;text-transform:none;letter-spacing:.04em;background:#000000d9;border-right:2px solid #c8c8c8;width:22rem;padding:1rem;font-size:.7rem;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.tuning h2{text-transform:uppercase;margin:0 0 .75rem;font-size:.9rem}.tuning label{grid-template-columns:9rem minmax(0,1fr) 3.5rem;align-items:center;gap:.5rem;margin-bottom:.35rem;display:grid}.tuning input[type=range]{width:100%;min-width:0}.tuning output{text-align:right;font-variant-numeric:tabular-nums}