*{margin:0;padding:0}html,body{overflow:hidden;font-family:sans-serif}.webgl{position:fixed;top:0;left:0;outline:none}.controls{position:fixed;z-index:9;right:0;bottom:0;display:grid;grid-template-columns:200px 50px;grid-template-rows:200px 50px;grid-column-gap:20px;grid-row-gap:20px}.controls>div{position:relative}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:15rem}input[type=range]::-webkit-slider-runnable-track{background:#ffffff88;height:48px}input[type=range]::-moz-range-track{background:#ffffff33;height:48px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-0px;background-color:#5cd5eb;height:48px;width:50px}.controls input{position:absolute;width:198px;height:48px}.angle-block{grid-area:1 / 2 / 2 / 3}.angle-block input{left:-75px;bottom:75px;transform:rotate(-90deg)}.wind-block{grid-area:2 / 1 / 3 / 2}.input-block label{display:block}.score{padding:1rem;background-color:#fff8;position:fixed;top:0;left:50%;transform:translate(-50%);text-align:center}.firebtn{position:absolute;right:0;bottom:0;width:70px;height:70px;border-radius:100%;border:0px solid #f00;background-color:red;font-size:18px;box-shadow:2px 2px 5px #0009;background:rgb(255,113,113);background:radial-gradient(circle,rgba(255,163,163,1) 0%,rgba(255,0,0,1) 52%,rgba(7,0,0,1) 100%);color:#fff;font-weight:700;transition:transform .2s}.resetbtn{border-radius:100%;border:0 solid transparent;background-color:#5c5;box-shadow:2px 2px 5px #0009;background:rgb(255,113,113);background:radial-gradient(circle,rgba(133,220,133,1) 0%,rgba(0,200,0,1) 52%,rgba(0,7,0,1) 100%);width:40px;color:#000;font-size:8px;height:40px}