.loading{position:absolute;width:100%;height:100%;top:0;left:0;background:#262626;visibility:hidden;opacity:0;transition:.5s}.loading .content{animation:spin 1s linear infinite;height:10px;width:10px;position:absolute;top:50%;left:50%;margin:-5px}.loading p{position:relative;text-align:center;font-family:"Press Start 2P",serif;text-transform:uppercase;color:#00eede;top:70px;left:-50px}.loading.visible{opacity:100%;visibility:visible}@keyframes spin{0%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}6.25%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}12.5%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}18.75%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}25%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}31.25%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}37.5%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px #00eede,10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}43.75%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px #00eede,0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px rgba(0,0,0,0)}50%{box-shadow:0px -30px rgba(0,0,0,0),10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}56.25%{box-shadow:0px -30px #00eede,10px -30px rgba(0,0,0,0),20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}62.5%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px rgba(0,0,0,0),30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px #00eede,-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}68.75%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px rgba(0,0,0,0),30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px #00eede,-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}75%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px rgba(0,0,0,0),30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}81.25%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px rgba(0,0,0,0),20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}87.5%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px rgba(0,0,0,0),10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px #00eede,-10px -30px #00eede}93.75%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px rgba(0,0,0,0),0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px #00eede}100%{box-shadow:0px -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0px #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0px 30px rgba(0,0,0,0),-10px 30px rgba(0,0,0,0),-20px 20px rgba(0,0,0,0),-30px 10px rgba(0,0,0,0),-30px 0px rgba(0,0,0,0),-30px -10px rgba(0,0,0,0),-20px -20px rgba(0,0,0,0),-10px -30px rgba(0,0,0,0)}}.container{display:flex;flex-direction:column;position:relative}.volume{position:absolute;top:20px;right:20px;background:rgba(0,238,222,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;border-radius:50px;display:flex;align-items:center;gap:15px;border:1px solid rgba(0,238,222,.4);transition:all .3s ease;z-index:100}.volume:hover{background:rgba(0,238,222,.3);transform:scale(1.05)}.fas{font-size:24px;color:#00eede;cursor:pointer;transition:.2s}.fas:hover{color:#fff;transform:scale(1.2)}.fa-volume-mute.active{color:#ff4d4d}.mobiles{display:none;height:100vh;flex-direction:column;align-items:center;justify-content:space-evenly;font-family:"Press Start 2P",serif;text-align:center;margin:0 10px}.mobiles h2{font-size:20px}.mobiles h3{font-size:11px}.mobiles a{color:#00eede}.mobiles img{border:1px #000 solid;display:block;margin:0 auto;width:90%}@media(max-width: 767px){.mobiles{display:flex}.loading,.volume,#canvas{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle, #2c3e50, #000000);display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;font-family:"Teko",serif}img{display:none}#canvas{box-shadow:0 0 50px rgba(0,0,0,.8),0 0 10px rgba(0,238,222,.2);border:4px solid #1a1a1a;border-radius:4px;cursor:crosshair;background-color:#000}.modal{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,.95);border:4px solid #ff9c39;padding:30px;text-align:center;z-index:1000;font-family:"Press Start 2P",serif;color:#fff;border-radius:10px}.modal h2{color:#47dd24;font-size:24px;margin-bottom:20px}.modal p{font-size:14px;margin-bottom:20px}.modal input{background:#222;border:2px solid #ff9c39;color:#fff;padding:10px;font-family:"Press Start 2P",serif;font-size:16px;width:80%;margin-bottom:20px;text-align:center;outline:none}.modal input:focus{border-color:#47dd24}.modal button{background:#ff9c39;border:none;padding:15px 30px;font-family:"Press Start 2P",serif;color:#000;cursor:pointer;font-size:18px}.modal button:hover{background:#47dd24}