*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}@font-face{font-family:Dot Matrix;src:url(/stems/ball-smasher/viz/assets/DotMatrix-Q2ukmLAF.woff2) format("woff2");font-display:swap}#root{display:grid;place-items:center;background:#fec;font-size:20pt;font-family:Dot Matrix,monospace}button{all:unset;font:inherit;cursor:pointer;background:#ffffff80;border-radius:999px}div:has(canvas){position:absolute!important;top:0;right:0;bottom:0;left:0}div:has(canvas):nth-of-type(2),div:has(canvas):nth-of-type(3){pointer-events:none!important}button{padding:10px 20px}.volume{z-index:99;position:fixed;right:10px;bottom:10px;width:100px;margin:0;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.volume::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#00000020}.volume::-webkit-slider-thumb{height:15px;width:15px;margin-top:-5px;background:#606060;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume::-moz-range-track{height:5px;border-radius:999px;background:#00000020}.volume::-moz-range-thumb{height:15px;width:15px;border:none;border-radius:999px;background:#606060}.debug{position:fixed;right:10px;top:10px;display:flex;flex-direction:column;align-items:flex-end;font-family:monospace;text-align:right}