.green-box{left:9%;top:2%;width:82%;line-height:1.1em}.solid-light-purple-box{position:fixed;left:17%;top:27%;width:66%}#gameboard{position:absolute;top:0;bottom:3.8%;left:11.4%;right:11.4%;border-radius:8px;overflow:hidden}#refuser{position:absolute;width:100%;top:148px;left:0;display:none}#board,#ocean{position:absolute;width:100%;bottom:0;left:0}.bubbles{display:none;position:absolute;width:28px;height:28px;background-color:#b7e8e0;border-radius:50%;overflow:hidden}#ocean{animation:OceanWaves 6s linear infinite}.button-info h2{padding-right:1em}.reformed{opacity:0;animation:opacity 2s linear 1 forwards}@keyframes OceanWaves{0,100%{bottom:0;left:0}12%,37%,62%,87%{bottom:-10px}25%{left:-10px;bottom:0}50%{left:0;bottom:0}75%{left:10px;bottom:0}}.burst{animation:Burst 250ms ease-in}@keyframes Burst{100%{opacity:0}}.puck{position:absolute;width:40px}.reverse{-webkit-filter:grayscale(100%) brightness(80%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);filter:grayscale(100%) brightness(80%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);animation:Reversing .3s linear infinite}@keyframes Reversing{0,50%,100%{transform:translateX(0)}25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}#reclaimer{display:none;position:absolute;width:200px;bottom:45px;left:0;animation:ReclaimerWaves 2s linear infinite}@keyframes ReclaimerWaves{0,100%{bottom:55px}50%{bottom:50px}}.floating{animation:Bobbing 2s linear infinite}@keyframes Bobbing{0,100%{transform:translateY(0)}50%{transform:translateY(5px)}}#forcefield{position:absolute;top:66%;width:100%;display:none}#recycling-bins{position:absolute;width:100%;display:none}#recycling-bins>img{width:90px;position:absolute}#bin1{top:300px;left:5%}#bin2{top:360px;left:25%}#bin3{top:440px;left:45%}#bin4{top:360px;left:65%}#bin5{top:300px;left:85%}.button-holder{position:absolute;top:50.1%;width:135px;padding:.5em}.left.button-holder{left:.5%}.right.button-holder{right:.2%}.button1{top:10px}.button2{top:84px}.button3{top:158px}.button4{top:232px}.button5{top:306px}.button6{top:380px}.r-button{position:absolute}.r-button .value,.r-button .background{position:absolute;width:110px;height:58px;border-radius:5px}.r-button .value{user-select:none;background-color:var(--yellow-color);font-size:1.2em;font-weight:bold;color:var(--violet-color);line-height:3em;text-align:center;text-transform:uppercase}.r-button .background{top:4px;left:4px;background-color:#bcbec0;overflow:hidden}.r-button.active>.value,.r-button.disabled>.value{top:4px;left:4px;background-color:transparent}.r-button.enabled .background{background-color:var(--button-enable-color)}.r-button.active .background{background-color:var(--button-active-color)}.r-button.enabled .bar{height:0}.r-button.active .bar{height:58px;width:0}.r-button.disabled .bar{background-color:var(--yellow-color);height:58px;width:0}.r-button.disabled .bar{background-color:var(--yellow-color);height:58px;width:0}.r-button.demo .background,.r-button.demo .bar{background-color:#bcbec0}.info-box{border-radius:10px;background-color:#00000048;position:absolute}#score-box{left:14.5%;top:3.5%;width:25%;height:9.3%}#time-box{left:72.5%;top:5.1%;width:13%;height:5.2%}.info-box span{position:absolute;color:#fff;text-transform:uppercase;font-size:1.6em;margin:.25em .75em}.target{width:60px;bottom:20px;position:absolute;display:none}#target-marker{animation:bobbing 2s infinite}@keyframes bobbing{0,50%,100%{transform:translateY(0)}25%{transform:translateY(3px)}75%{transform:translateY(-3px)}}@keyframes marker-pulse{0,100%,{display:none;opacity:.4}50%{display:block;opacity:.1}}#target-cursor{animation:marker-pulse 1500ms infinite;opacity:.7}#lightning{position:absolute}