.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:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}6.25%{box-shadow:0 -30px transparent,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}12.5%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}18.75%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}25%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}31.25%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}37.5%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px #00eede,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px transparent,-10px -30px transparent}43.75%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px #00eede,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px transparent}50%{box-shadow:0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px #00eede,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}56.25%{box-shadow:0 -30px #00eede,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px #00eede,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}62.5%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px #00eede,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}68.75%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px #00eede,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}75%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 #00eede,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}81.25%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px #00eede,-20px -20px #00eede,-10px -30px #00eede}87.5%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px #00eede,-10px -30px #00eede}93.75%{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px #00eede}to{box-shadow:0 -30px #00eede,10px -30px #00eede,20px -20px #00eede,30px -10px #00eede,30px 0 #00eede,30px 10px #00eede,20px 20px #00eede,10px 30px #00eede,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent}}.volume{position:absolute;bottom:10px;right:12px;z-index:12;color:#ffffffbf}.fas{margin-left:5px;cursor:pointer}.fas:hover,.fa-volume-mute.active{color:#262626}.mobiles{display:none;color:#fff;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 black solid;display:block;margin:0 auto;width:90%}@media(max-width:767px){.mobiles{display:flex}.loading,.volume,#canvas{display:none}}.container{position:relative}.pairing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#0a0a19d1;z-index:10}.pairing-overlay.hidden{display:none}.pairing-card{text-align:center;padding:28px 36px;background:#1a1a2e;border:4px solid #ff6b35;border-radius:12px;font-family:"Press Start 2P",monospace;color:#fff}.pairing-card h2{font-size:14px;color:#ff6b35;margin-bottom:18px;line-height:1.6}.pairing-card #qr-canvas{background:#fff;padding:8px;border-radius:6px}.pairing-card .pairing-url{margin-top:14px;font-size:9px;color:#4ecdc4;word-break:break-all}.pairing-card .pairing-hint{margin-top:12px;font-size:8px;color:#99a;line-height:1.8}.conn-chip{position:absolute;top:12px;right:8px;z-index:11;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0a0a19bf;border-radius:20px;font-family:"Press Start 2P",monospace;font-size:8px;color:#fff}.conn-chip .dot{width:8px;height:8px;border-radius:50%;background:#4ecdc4}.conn-chip.relay .dot{background:#f0a824}.conn-chip #conn-latency{color:#99a}.conn-chip.hidden{display:none}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{-webkit-user-select:none;user-select:none;background-color:#000;display:flex;justify-content:center;align-items:center;font-family:Teko,serif;overflow:hidden}img{display:none}#canvas{height:min(100vh,93.75vw);width:min(100vw,106.6666666667vh);cursor:crosshair;image-rendering:pixelated}