*{box-sizing:border-box;margin:0;body:0}body{overflow-x:hidden;color:#e9e9e9;background-color:#28283f;font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif}button{cursor:pointer}#display{display:relative}#info-btn{position:absolute;bottom:1rem;left:1rem;border:none;margin:0;padding:0;background:none;min-width:fit-content}#info-btn img{width:1.5rem}dialog[open]{padding:2rem;overflow:hidden;display:flex;flex-direction:column;background-color:#28283f;color:#e9e9e9;border:none;border-radius:.5rem;width:25rem;visibility:none}dialog[open]::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog button#close-dialog-btn{position:absolute;right:.5rem;top:.7rem;min-width:fit-content;background:none;border:none;display:none}button:focus,button:active{border:none}dialog[open] button#close-dialog-btn img{width:1.2rem}dialog[open] img.icon{height:5rem;margin-left:.5rem;margin-right:1.5rem}dialog[open] div{display:flex;margin-bottom:.75rem}dialog[open] div h1{padding-top:.2rem;font-size:2rem;margin-bottom:.25rem;color:#f90}dialog[open] p{margin-top:0;margin-bottom:1.2rem;line-height:1.5;font-size:.8rem;max-width:80ch}dialog[open] #close-info-box-btn{background:none;color:#f90;border:2px solid #ff9900;font-size:1.1rem;font-weight:700;padding:.6rem 1rem .5rem;border-radius:.25rem}#container{display:flex;flex-wrap:nowrap}#controls{background:#28283f}.lil-gui{--background-color: #28283F;--title-background-color: #28283F;--text-color: #e9e9e9;--title-text-color: #e9e9e9;--number-color: #ff9900;--string-color: #ff9900;--widget-color: #3b3b57;--hover-color: #4c4c6b;--focus-color: #575778;--font-family: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--width: 275px}