:root{font-size:16px}body{background:#000;color:#fff;cursor:default;font-family:monospace;font-size:.75rem;line-height:1rem;margin:0;overflow:hidden;user-select:none}canvas{vertical-align:middle}#loading,#support{bottom:50%;display:none;left:50%;position:absolute;transform:translate(-50%,-50%)}#loading.enabled,#support.enabled{display:block}#info>a,#support>a{color:inherit}#info{right:1rem;text-align:right;text-shadow:0 0 .25rem rgba(0,0,0,.5)}#info,#light{bottom:1rem;position:absolute}#light{display:none;left:1rem}#light.enabled{display:flex}#light>svg{background-color:#000;box-shadow:0 0 .25rem rgba(0,0,0,.5);cursor:pointer;height:1.5rem;padding:.5rem 1rem;transition:background-color .3s ease-out;width:1.5rem}#light>svg:first-child{border-radius:1rem 0 0 1rem;padding-right:.75rem}#light>svg:nth-child(2){border-radius:0 1rem 1rem 0;padding-left:.75rem}#light.day>svg:first-child{background:#aa0;cursor:default}#light.night>svg:nth-child(2){background:#00a;cursor:default}#ribbon{height:12.1em;overflow:hidden;pointer-events:none;position:absolute;right:0;text-decoration:none;text-indent:-999999px;top:0;width:12.1em}#ribbon:after,#ribbon:before{box-sizing:content-box;display:block;height:1.54em;position:absolute;right:-3.23em;top:3.23em;transform:rotate(45deg);width:15.38em}#ribbon:before{background-color:#393;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.15));box-shadow:0 .15em .23em 0 rgba(0,0,0,.5);content:"";padding:.38em 0;pointer-events:auto}#ribbon:after{border-color:#fff;border-color:hsla(0,0%,100%,.7);border-style:dotted;border-width:.08em 0;color:#fff;content:attr(data-ribbon);font:700 1em monospace;line-height:1.54em;margin:.15em 0;padding:.15em 0;text-align:center;text-decoration:none;text-indent:0;text-shadow:0 -.08em rgba(0,0,0,.5)}body.pointerlock #info,body.pointerlock #light,body.pointerlock #ribbon{display:none}