*{box-sizing:border-box}html,body{background:#02030c;overflow-x:clip}.laser-arena{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(0,246,255,.1),transparent 28%),radial-gradient(circle at 20% 20%,rgba(113,60,255,.13),transparent 30%),radial-gradient(circle at 82% 75%,rgba(217,70,239,.1),transparent 30%),linear-gradient(135deg,#05091a 0%,#020510 50%,#010209 100%);position:fixed;inset:0;overflow:hidden}.laser-arena:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(0,246,255,.07) 0%,rgba(0,246,255,.024) 25%,transparent 65%);border-radius:50%;width:65vmax;height:65vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target{width:var(--size);height:var(--size);left:var(--x);top:var(--y);opacity:.75;animation:target-breathe var(--speed) ease-in-out infinite alternate;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.target:before{content:"";background:radial-gradient(circle, var(--glow), transparent 68%);opacity:.18;pointer-events:none;border-radius:50%;position:absolute;inset:-30%}.target:after{content:"";background:radial-gradient(circle, transparent 0 7%, var(--color) 7.2% 7.7%, transparent 8%), radial-gradient(circle, transparent 0 22%, var(--color) 22.2% 22.7%, transparent 23%), radial-gradient(circle, transparent 0 38%, var(--color) 38.2% 38.7%, transparent 39%), radial-gradient(circle, transparent 0 55%, var(--color) 55.2% 55.7%, transparent 56%), radial-gradient(circle, transparent 0 73%, var(--color) 73.2% 73.7%, transparent 74%), radial-gradient(circle, transparent 0 89%, var(--color) 89.2% 89.8%, transparent 90%);opacity:.48;filter:drop-shadow(0 0 4px var(--color));pointer-events:none;border-radius:50%;position:absolute;inset:0}.target-center{width:8px;height:8px;box-shadow:0 0 5px white, 0 0 12px var(--color);z-index:3;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-center:before,.target-center:after{content:"";background:var(--color);opacity:.65;position:absolute}.target-center:before{width:28px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.target-center:after{width:1px;height:28px;top:50%;left:50%;transform:translate(-50%,-50%)}.target-ring{border:1px solid var(--color);opacity:.35;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;animation:18s linear infinite radar-spin;position:absolute;inset:15%}.target-ring:nth-child(2){opacity:.25;animation-duration:12s;animation-direction:reverse;inset:31%}.target-cyan{--color:#00f6ff;--glow:#00f6ff;--size:270px;--x:12%;--y:24%;--speed:8s}.target-purple{--color:#9b5cff;--glow:#7c3cff;--size:185px;--x:84%;--y:19%;--speed:10s}.target-magenta{--color:#d946ef;--glow:#c026d3;--size:150px;--x:18%;--y:80%;--speed:11s}.target-cyan-large{--color:#00eaff;--glow:#00d9ff;--size:310px;--x:76%;--y:78%;--speed:9s}.beam{background:linear-gradient(90deg, transparent, var(--beam-color) 20%, var(--beam-color) 80%, transparent);opacity:.18;width:120%;height:1px;filter:drop-shadow(0 0 5px var(--beam-color));transform:rotate(var(--angle));animation:beam-drift var(--duration) ease-in-out infinite alternate;position:absolute;left:-10%}.beam:after{content:"";background:inherit;opacity:.18;filter:blur(5px);position:absolute;inset:-5px 0}.beam-1{--angle:3deg;--beam-color:#00f6ff;--duration:9s;top:21%}.beam-2{--angle:-2deg;--beam-color:#9b5cff;--duration:12s;top:61%}.rays{opacity:.1;background:conic-gradient(from 270deg at 50% 48%,transparent 0deg,#00eaff .35deg,transparent .8deg 12deg,#7c3cff 12.35deg,transparent 12.8deg 25deg,#00eaff 25.35deg,transparent 25.8deg 38deg,#7c3cff 38.35deg,transparent 38.8deg 51deg,#00eaff 51.35deg,transparent 51.8deg 64deg,#7c3cff 64.35deg,transparent 64.8deg 77deg,#00eaff 77.35deg,transparent 77.8deg 90deg,#7c3cff 90.35deg,transparent 90.8deg 360deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(transparent 0%,#000 35%,transparent 78%);mask-image:radial-gradient(transparent 0%,#000 35%,transparent 78%)}.particles{opacity:.22;background-image:radial-gradient(circle,rgba(0,246,255,.7) 1px,transparent 1.5px),radial-gradient(circle,rgba(155,92,255,.6) 1px,transparent 1.5px);background-position:10px 20px,60px 80px;background-size:97px 113px,137px 151px;position:absolute;inset:0}@keyframes target-breathe{0%{transform:translate(-50%,-50%)scale(.985)}to{transform:translate(-50%,-50%)scale(1.015)}}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes beam-drift{0%{transform:rotate(var(--angle)) translateX(-2%)}to{transform:rotate(var(--angle)) translateX(2%)}}@media (width<=700px){.target-cyan{--size:180px;--x:8%;--y:20%}.target-purple{--size:125px;--x:88%;--y:18%}.target-magenta{--size:110px;--x:12%;--y:82%}.target-cyan-large{--size:210px;--x:88%;--y:80%}.target-center{width:6px;height:6px}.rays{opacity:.06}}@media (prefers-reduced-motion:reduce){.target,.target-ring,.beam{animation:none}}