:root{--cyan: #0ff;--magenta: #f0f;--neon-green: #39ff14;--purple: #a855f7;--amber: #ffbe0b;--red: #ff3333;--dark-bg: #0a0a0f;--dark-blue: #0d0d1a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at center,var(--dark-blue) 0%,var(--dark-bg) 70%,#050508 100%);color:var(--cyan);font-family:Share Tech Mono,monospace;overflow:hidden;height:100vh;width:100vw}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.content-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}.content-center>*{pointer-events:auto}@keyframes glitch{0%,to{transform:translate(0)}2%{transform:translate(-3px,1px)}4%{transform:translate(3px,-1px)}6%{transform:translate(0)}20%{transform:translate(0)}22%{transform:translate(-2px,-1px)}24%{transform:translate(2px,1px)}25%{transform:translate(0)}50%{transform:translate(0)}52%{transform:translate(4px)}53%{transform:translate(-4px)}54%{transform:translate(0)}80%{transform:translate(0)}81%{transform:translate(-3px,2px)}82%{transform:translate(0)}}@keyframes neon-border-pulse{0%,to{box-shadow:inset 0 0 15px #00ffff0d,0 0 8px #0ff3,0 0 20px #00ffff1a;border-color:#0ff6}50%{box-shadow:inset 0 0 30px #00ffff1a,0 0 15px #0ff6,0 0 40px #0ff3,0 0 80px #00ffff1a;border-color:#00ffffb3}}@keyframes flicker{0%,to{opacity:1}5%{opacity:.8}10%{opacity:1}15%{opacity:.6}20%{opacity:1}50%{opacity:1}52%{opacity:.4}53%{opacity:1}80%{opacity:1}81%{opacity:.3}82%{opacity:.8}83%{opacity:1}}@keyframes grid-scroll{0%{background-position:0 0,0 0}to{background-position:0 50px,50px 0}}@keyframes rain-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float-1{0%,to{transform:translateZ(0) rotate(0)}25%{transform:translate3d(30px,-40px,0) rotate(90deg)}50%{transform:translate3d(-20px,-80px,0) rotate(180deg)}75%{transform:translate3d(40px,-30px,0) rotate(270deg)}}@keyframes float-2{0%,to{transform:translateZ(0) rotate(0)}33%{transform:translate3d(-40px,-50px,0) rotate(120deg)}66%{transform:translate3d(30px,-20px,0) rotate(240deg)}}@keyframes float-3{0%,to{transform:translateZ(0) rotate(0)}20%{transform:translate3d(50px,-30px,0) rotate(72deg)}40%{transform:translate3d(-30px,-60px,0) rotate(144deg)}60%{transform:translate3d(20px,-90px,0) rotate(216deg)}80%{transform:translate3d(-50px,-40px,0) rotate(288deg)}}@keyframes float-4{0%,to{transform:translateZ(0) rotate(45deg)}50%{transform:translate3d(-60px,-70px,0) rotate(225deg)}}@keyframes fade-pulse{0%,to{opacity:.2}50%{opacity:.8}}@keyframes blink{0%,to{border-color:var(--neon-green)}50%{border-color:transparent}}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cyber-emblem{width:clamp(400px,80vmin,750px);height:clamp(400px,80vmin,750px);position:relative}.emblem-svg{width:100%;height:100%;overflow:visible}.hud-outer{animation:rotate 90s linear infinite;transform-origin:400px 400px}.shuriken-main{animation:rotate 25s linear infinite;transform-origin:400px 400px}.shuriken-inner{animation:rotate 18s linear infinite reverse;transform-origin:400px 400px}.targeting-ring{animation:rotate 40s linear infinite reverse;transform-origin:400px 400px}.inner-ring{animation:rotate 30s linear infinite;transform-origin:400px 400px}.katanas{animation:blade-pulse 5s ease-in-out infinite}.radar-sweep{animation:rotate 5s linear infinite;transform-origin:400px 400px}.core-pulse{animation:core-breathe 3s ease-in-out infinite;transform-origin:400px 400px}.core-center{animation:core-bright 2s ease-in-out infinite}.mini-shuriken-0{animation:rotate 12s linear infinite;transform-origin:120px 120px}.mini-shuriken-1{animation:rotate 15s linear infinite reverse;transform-origin:680px 120px}.mini-shuriken-2{animation:rotate 14s linear infinite;transform-origin:120px 680px}.mini-shuriken-3{animation:rotate 11s linear infinite reverse;transform-origin:680px 680px}.orbit-dot-0{animation:orbit-a 8s linear infinite;transform-origin:400px 400px}.orbit-dot-1{animation:orbit-b 11s linear infinite;transform-origin:400px 400px}.orbit-dot-2{animation:orbit-c 13s linear infinite;transform-origin:400px 400px}.orbit-dot-3{animation:orbit-a 9s linear infinite reverse;transform-origin:400px 400px}.orbit-dot-4{animation:orbit-b 12s linear infinite reverse;transform-origin:400px 400px}.orbit-dot-5{animation:orbit-c 7s linear infinite;transform-origin:400px 400px}.orbit-dot-6{animation:orbit-a 10s linear infinite reverse;transform-origin:400px 400px}.orbit-dot-7{animation:orbit-b 14s linear infinite;transform-origin:400px 400px}@keyframes orbit-a{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes orbit-b{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes orbit-c{0%{transform:rotate(0) translate(190px) rotate(0)}to{transform:rotate(360deg) translate(190px) rotate(-360deg)}}@keyframes core-breathe{0%,to{r:28;opacity:.6}50%{r:36;opacity:1}}@keyframes core-bright{0%,to{opacity:.8}50%{opacity:1}}@keyframes blade-pulse{0%,to{opacity:.35}50%{opacity:.65}}.circuit-traces{animation:traces-appear 3s ease-out forwards}@keyframes traces-appear{0%{opacity:0}to{opacity:.2}}.grid-background{position:absolute;bottom:0;left:-50%;width:200%;height:80%;background-image:linear-gradient(rgba(0,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.08) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);transform-origin:center top;animation:grid-scroll 3s linear infinite;z-index:1;pointer-events:none;will-change:background-position;mask-image:radial-gradient(ellipse at center 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center 30%,black 20%,transparent 70%)}.data-rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.rain-column{position:absolute;top:0;font-family:Share Tech Mono,monospace;font-size:14px;line-height:1.4;color:var(--neon-green);writing-mode:vertical-rl;text-orientation:upright;animation:rain-fall linear infinite;will-change:transform;white-space:nowrap;text-shadow:0 0 8px var(--neon-green)}.floating-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.floating-shape{position:absolute;pointer-events:none;will-change:transform}.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);border:none;background:transparent}.shape-hexagon:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--dark-bg)}.shape-circle{border-radius:50%;background:transparent}.shape-diamond{transform:rotate(45deg);background:transparent}.shape-triangle{width:0!important;height:0!important;background:transparent!important;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid}.hex-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hex-particle{position:absolute;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:fade-pulse ease-in-out infinite;will-change:opacity}.neon-border{position:fixed;top:15px;right:15px;bottom:15px;left:15px;border:1px solid rgba(0,255,255,.3);z-index:8;pointer-events:none;animation:neon-border-pulse 3s ease-in-out infinite,flicker 8s infinite}.neon-corner{position:absolute;width:30px;height:30px}.neon-corner:before,.neon-corner:after{content:"";position:absolute;background:var(--cyan);box-shadow:0 0 6px var(--cyan),0 0 12px var(--cyan)}.neon-corner--tl{top:-1px;left:-1px}.neon-corner--tl:before{top:0;left:0;width:30px;height:2px}.neon-corner--tl:after{top:0;left:0;width:2px;height:30px}.neon-corner--tr{top:-1px;right:-1px}.neon-corner--tr:before{top:0;right:0;width:30px;height:2px}.neon-corner--tr:after{top:0;right:0;width:2px;height:30px}.neon-corner--bl{bottom:-1px;left:-1px}.neon-corner--bl:before{bottom:0;left:0;width:30px;height:2px}.neon-corner--bl:after{bottom:0;left:0;width:2px;height:30px}.neon-corner--br{bottom:-1px;right:-1px}.neon-corner--br:before{bottom:0;right:0;width:30px;height:2px}.neon-corner--br:after{bottom:0;right:0;width:2px;height:30px}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 2px)}.scanline-bar{position:absolute;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.08) 20%,rgba(0,255,255,.15) 50%,rgba(0,255,255,.08) 80%,transparent 100%);animation:scanline-move 7s linear infinite;will-change:transform}@media(max-width:600px){.neon-border{top:8px;right:8px;bottom:8px;left:8px}.neon-corner{width:20px;height:20px}.neon-corner--tl:before,.neon-corner--tr:before,.neon-corner--bl:before,.neon-corner--br:before{width:20px}.neon-corner--tl:after,.neon-corner--tr:after,.neon-corner--bl:after,.neon-corner--br:after{height:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}