*{box-sizing:border-box;margin:0;padding:0}body{touch-action:none;background-color:#000;font-family:sans-serif;overflow:hidden}#glcanvas{cursor:crosshair;width:100vw;height:100vh;display:block}#info{color:#ffffff80;pointer-events:none;text-shadow:1px 1px 2px #000;z-index:10;font-family:monospace;position:absolute;top:10px;left:10px}:root{--tp-base-background-color:#22242acc;--tp-base-shadow-color:#00000080}#ui-toggle{z-index:20;color:#fff;cursor:pointer;background:#14141ecc;border:1px solid #fff3;border-radius:4px;padding:8px 12px;font-family:sans-serif;display:none;position:absolute;top:10px;right:10px}#ui-container{z-index:15;position:absolute;top:10px;right:10px}@media (width<=768px){#ui-toggle{display:block}#ui-container{--tp-base-width:100%;background:#0a0a0ff2;width:100vw;height:100vh;padding:60px 15px 20px;transition:opacity .3s,visibility .3s;top:0;right:0;overflow-y:auto}#ui-container.hidden-mobile{opacity:0;visibility:hidden}}