html{overscroll-behavior:none}body{width:100%;height:100%;margin:0}.content{display:flex;flex-direction:row;justify-content:center;font-family:monospace}.ocb-closed .hide-when-closed{display:none}input[type=checkbox]{width:1em;height:1em}.ocb-closed>*{margin-bottom:0}@media (max-device-width: 499px){#openclosebutton-controls,#openclosebutton-diagnostics{font-size:40px;font-weight:700}#controls.ocb-closed,#diagnostics.ocb-closed{padding:30px}#diagnostics{font-size:30px;padding:30px}#controls{font-size:30px;display:flex;flex-direction:column;position:absolute;inset:30px;background:#fffffff2;border-radius:7px;overflow:auto;padding:60px}#controls.ocb-open>*{margin-bottom:15px}#controls input,#controls button{font-size:30px;padding:25px}#controls button{width:30%}#controls.ocb-closed{overflow:hidden;left:unset;bottom:unset}}@media (min-device-width: 500px){#openclosebutton-controls,#openclosebutton-diagnostics{font-size:20px;font-weight:700}#controls{bottom:30px}#diagnostics{padding:10px}#controls,#diagnostics{display:flex;flex-direction:column;position:absolute;top:30px;right:30px;background:#fffffff2;padding:10px;border-radius:7px;overflow:auto}#controls.ocb-open>*,#diagnostics.ocb-open>*{margin-bottom:15px}#controls.ocb-closed,#diagnostics.ocb-closed{bottom:unset}#controls.ocb-closed.orientation-left,#diagnostics.ocb-closed.orientation-left{right:unset}#controls.ocb-closed.orientation-right,#diagnostics.ocb-closed.orientation-right{left:unset}}.color-header{margin-top:10px;text-align:center;font-weight:700}.color-input{display:grid;grid-template-columns:0fr 1fr;gap:1em}.color-input>*{align-self:center}.color-input input[type=color i]{grid-column:1/span 2;margin:auto;width:100%;min-height:3em;padding:0;border-radius:3px;border-style:none}canvas{display:block;margin:auto}#spawn-controls{display:grid;grid-template-columns:auto 1fr;gap:.5em}#spawn-controls>*{margin-bottom:10px}#spawn-controls button{grid-column:1/span 2}#additional-controls{display:flex;flex-direction:column}#additional-controls>*{margin-bottom:1.5em}#additional-controls label{display:flex;justify-content:space-between}#sliders-wrapper{display:grid;grid-template-columns:auto 1fr;gap:.5em}#sliders-wrapper .inputValueDisplay{grid-column:span 2;margin-bottom:1em}#diagnostics{max-width:400px;position:absolute;left:30px;top:30px;background:#fffffff2;border-radius:7px}#spawn-controls,#particle-color-controls,#bg-color-controls{margin-bottom:2em}#debug-console{margin-top:30px;max-height:400px;overflow-y:auto;overflow-x:visible;border:1px solid black;border-radius:3px}