@keyframes legend-glow{0%,to{box-shadow:0 0 15px #a78bfa4d,0 0 30px #60a5fa26,inset 0 0 20px #a78bfa0d}50%{box-shadow:0 0 25px #a78bfa80,0 0 50px #60a5fa40,inset 0 0 30px #a78bfa1a}}@keyframes pixel-sprite-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.15)}}@keyframes sparkle-float{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(var(--sparkle-x, 3px),var(--sparkle-y, -5px)) scale(.7);opacity:.7}to{transform:translate(var(--sparkle-x, 5px),var(--sparkle-y, -10px)) scale(0);opacity:0}}@keyframes cosmic-shimmer{0%{background-position:-200% center}to{background-position:200% center}}#legend{position:absolute;top:70px;right:20px;background:linear-gradient(135deg,#0f0f19f7,#141423f2);padding:0;border-radius:4px;font-size:11px;border:none;backdrop-filter:blur(10px);animation:legend-glow 4s ease-in-out infinite;overflow:hidden;min-width:180px;box-shadow:0 0 0 2px #a78bfa99,0 0 0 4px #0f0f19,0 0 0 6px #60a5fa66,0 0 15px #a78bfa4d,0 4px 20px #00000080}#legend:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 4px 4px,rgba(167,139,250,.8) 1px,transparent1px),radial-gradient(circle at calc(100% - 4px) 4px,rgba(96,165,250,.8) 1px,transparent 1px),radial-gradient(circle at 4px calc(100% - 4px),rgba(96,165,250,.8) 1px,transparent 1px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),rgba(167,139,250,.8) 1px,transparent 1px);pointer-events:none;z-index:10}#legend h4{font-family:"Press Start 2P",monospace;color:#a78bfa;margin:0;padding:12px 16px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:400;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.1) 20%,rgba(167,139,250,.1) 80%,transparent 100%);border-bottom:2px solid rgba(167,139,250,.3);text-shadow:0 0 10px rgba(167,139,250,.5);position:relative}#legend h4:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:cosmic-shimmer 3s linear infinite;pointer-events:none}.legend-section{margin:0;padding:0}.legend-section-title{font-family:"Press Start 2P",monospace;color:#666;font-size:8px;text-transform:uppercase;margin:0;padding:8px 16px 4px;letter-spacing:.5px}.legend-item{display:flex;align-items:center;gap:12px;margin:0;padding:10px 16px;cursor:pointer;position:relative;transition:all .15s ease;border-left:3px solid transparent}.legend-item:hover{background:linear-gradient(90deg,rgba(167,139,250,.15) 0%,rgba(96,165,250,.08) 50%,transparent 100%);border-left-color:#a78bfacc}.legend-item:before,.legend-item:after{content:"";position:absolute;width:4px;height:4px;background:#fff;border-radius:0;opacity:0;pointer-events:none;box-shadow:0 0 4px #fffc}.legend-item:hover:before{--sparkle-x: -8px;--sparkle-y: -12px;left:20px;top:8px;animation:sparkle-float .8s ease-out forwards;animation-delay:0s;background:#a78bfa;box-shadow:0 0 6px #a78bfa}.legend-item:hover:after{--sparkle-x: 5px;--sparkle-y: -15px;right:20px;top:12px;animation:sparkle-float .8s ease-out forwards;animation-delay:.15s;background:#60a5fa;box-shadow:0 0 6px #60a5fa}.legend-item .sparkle-1,.legend-item .sparkle-2{position:absolute;width:3px;height:3px;background:#fff;opacity:0;pointer-events:none}.legend-item:hover .sparkle-1{left:30px;bottom:8px;animation:sparkle-float .6s ease-out forwards;animation-delay:.1s;background:#fbbf24;box-shadow:0 0 4px #fbbf24}.legend-item:hover .sparkle-2{right:30px;bottom:10px;animation:sparkle-float .6s ease-out forwards;animation-delay:.25s;background:#34d399;box-shadow:0 0 4px #34d399}.legend-sprite{width:24px;height:24px;position:relative;flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges}.legend-sprite.block-sprite{animation:pixel-sprite-pulse 2s ease-in-out infinite}.legend-sprite.tx-sprite{animation:pixel-sprite-pulse 1.5s ease-in-out infinite;animation-delay:.3s}.legend-sprite.token-sprite{animation:pixel-sprite-pulse 1.8s ease-in-out infinite;animation-delay:.6s}.legend-sprite.contract-sprite{animation:pixel-sprite-pulse 2.2s ease-in-out infinite;animation-delay:.9s}.legend-text{font-family:"Press Start 2P",monospace;color:#e0e0e0;font-size:9px;letter-spacing:.5px;text-shadow:1px 1px 0 rgba(0,0,0,.5);transition:all .15s ease}.legend-item:hover .legend-text{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5),0 0 8px rgba(167,139,250,.5)}.legend-divider{height:2px;margin:8px 16px;background:linear-gradient(90deg,transparent 0%,rgba(100,100,150,.3) 20%,rgba(100,100,150,.3) 80%,transparent 100%);position:relative}.legend-divider:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(100,100,150,.4) 1px,transparent 1px);background-size:4px 4px}.legend-footer{padding:10px 16px;border-top:1px solid rgba(100,100,150,.2);background:#0003}.legend-footer span{color:#666;font-size:8px;font-family:"Press Start 2P",monospace;font-style:normal;letter-spacing:.3px}@media (max-width: 768px){#legend{inset:85px 5px auto auto;min-width:110px;max-width:130px}.legend-text{font-size:7px}#legend h4{font-size:7px;padding:6px 8px}.legend-item{padding:6px 8px;gap:8px}.legend-sprite{width:18px;height:18px}.legend-footer{display:none}.legend-footer span{font-size:6px}}@media (max-width: 480px){#legend{inset:80px 4px auto auto;min-width:100px;max-width:120px}.legend-text{font-size:6px}#legend h4{font-size:6px;padding:5px 6px}.legend-item{padding:5px 6px;gap:6px}.legend-sprite{width:16px;height:16px}.legend-footer{display:none}.legend-footer span{font-size:5px}}@media (max-width: 896px) and (orientation: landscape){#legend{inset:60px 8px auto auto;max-width:140px}.legend-text{font-size:7px}#legend h4{font-size:7px;padding:6px 10px}.legend-item{padding:5px 10px;gap:8px}}