:root{color-scheme:dark;--violet:#ae35ff;--laser:#e23bff;--pink:#ff4ad8;--cyan:#66eaff;--void:#08020f;--display:Orbitron,"Arial Black",sans-serif;--body:Manrope,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--void)}body{font-family:var(--body);color:#fff;overflow-x:hidden}.scene{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:var(--void);display:flex;align-items:center;padding:clamp(32px,6.5vw,102px) clamp(22px,7vw,116px)}.ambient,.grid,.scanlines,.lightning,.vignette,#particles,.radar,.energy-loop{position:absolute;inset:0;pointer-events:none}.ambient{z-index:-8;background:radial-gradient(ellipse at 73% 46%,#6828b8a6 0%,#311051bb 27%,transparent 55%),radial-gradient(ellipse at 82% 52%,#d51ff62c,transparent 45%),radial-gradient(ellipse at 22% 75%,#6719b32b,transparent 45%),linear-gradient(115deg,#08020f,#10051c 58%,#08020f)}.grid{z-index:-7;inset:-10%;opacity:.32;background-image:linear-gradient(#a643ff2a 1px,transparent 1px),linear-gradient(90deg,#a643ff2a 1px,transparent 1px);background-size:54px 54px;transform:perspective(650px) rotateY(-17deg) rotateX(4deg) scale(1.2);mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}.scanlines{z-index:4;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#fbddff18 4px,transparent 5px);mix-blend-mode:screen}.identity{position:relative;z-index:5;width:min(510px,42vw);padding:10px 0 0;animation:interfaceIn .85s .1s both}.brand-mark{width:68px;height:68px;margin:0 0 25px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f4a4ff,#8e13ff 54%,#6119ff);clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%);filter:drop-shadow(0 0 27px #c52bffb0);animation:markPulse 2.6s ease-in-out infinite}.brand-mark::before{content:"";position:absolute;inset:2px;background:#10061a;clip-path:inherit}.brand-mark svg{position:relative;z-index:1;width:47px;fill:#f4d8ff;filter:drop-shadow(0 0 7px #d65cff)}h1{display:flex;flex-direction:column;gap:0;margin:0;font:800 clamp(50px,7.2vw,100px)/.93 var(--display);letter-spacing:-.085em;text-transform:uppercase;white-space:nowrap}h1 span:first-child{color:#fff;text-shadow:0 0 30px #d966ff70}h1 span:last-child{color:transparent;background:linear-gradient(90deg,#f5d8ff 0%,#df8cff 30%,#bd46ff 72%,#ff71eb 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 18px #cd46ff76)}.title-flare{display:flex;align-items:center;gap:8px;width:min(362px,95%);height:10px;margin:17px 0 23px}.title-flare i:first-child{width:34px;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.title-flare b{width:8px;height:8px;transform:rotate(45deg);background:var(--pink);box-shadow:0 0 14px var(--pink)}.title-flare i:last-child{flex:1;height:1px;background:linear-gradient(90deg,#b333ffb0,transparent)}.socials{display:grid;width:min(398px,100%);grid-template-columns:1fr 1fr;gap:9px}.social{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;height:56px;padding:0 13px;color:#fbf3ff;text-decoration:none;background:linear-gradient(110deg,#a82bff2b,#58219114 60%,#ffffff06);border:1px solid #e192ff3d;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s,border-color .24s,background .24s;animation:linkEnter .65s both}.social:nth-child(1){animation-delay:.34s}.social:nth-child(2){animation-delay:.43s}.social:nth-child(3){animation-delay:.52s}.social:nth-child(4){animation-delay:.61s}.social::before{content:"";position:absolute;z-index:-1;inset:-1px;background:linear-gradient(100deg,#d737ff8a,#8c20ff22 58%,transparent);transform:translateX(-105%);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.social::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--cyan),var(--pink));box-shadow:0 0 13px var(--laser)}.social:hover{transform:translate3d(7px,-3px,0) scale(1.025);border-color:#ef9cffaa;filter:drop-shadow(0 0 14px #bc38ff75);background:#a42bff25}.social:hover::before{transform:translateX(0)}.social:active{transform:translate3d(3px,-1px,0) scale(.97)}.social:focus-visible{outline:2px solid #f3b7ff;outline-offset:3px}.icon{position:relative;z-index:1;width:22px;height:22px;display:grid;place-items:center;color:#f0ceff;filter:drop-shadow(0 0 5px #c558ff80)}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social:first-child .icon svg,.social:nth-child(3) .icon svg{fill:currentColor;stroke:none}.icon .fill,.icon .play{fill:#210e2f;stroke:none}.social-name{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.arrow{position:relative;z-index:1;margin-left:auto;color:#dc9bff;font-size:16px;transition:transform .2s,color .2s}.social:hover .arrow{transform:translate(2px,-3px);color:white}.character-rig{position:absolute;z-index:-1;width:min(104vw,1480px);aspect-ratio:3/2;right:-16vw;top:50%;translate:var(--mx,0px) calc(-50% + var(--my,0px));rotate:var(--tilt,0deg);transform-origin:62% 54%;filter:drop-shadow(0 0 32px #c52aff50);animation:rigFloat 5.5s ease-in-out infinite;will-change:transform,translate}.pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 0 13px #b33eff42)}.pose-windup{animation:poseWind 3.6s infinite}.pose-release{animation:poseRelease 3.6s infinite}.pose-follow{animation:poseFollow 3.6s infinite}.radar{z-index:-4;inset:auto;left:51%;top:8%;width:min(73vw,1040px);aspect-ratio:1;border:1px solid #d84cff4b;border-radius:50%;transform:rotateX(67deg) rotate(-18deg);box-shadow:0 0 32px #b120ff2f,inset 0 0 42px #b120ff22;animation:radarPulse 4.2s ease-in-out infinite alternate}.radar::before,.radar::after{content:"";position:absolute;inset:12%;border:1px solid #f13dff3f;border-radius:50%;box-shadow:0 0 25px #e136ff1c}.radar::after{inset:27%;border-color:#69eaff34}.radar-two{left:62%;top:19%;width:min(56vw,800px);border-color:#5eeaff45;animation-delay:-2.3s}.lightning{z-index:-3;background:radial-gradient(ellipse at 72% 54%,#d820ff34,transparent 42%),linear-gradient(124deg,transparent 44%,#e537ff26 44.15%,transparent 44.4%),linear-gradient(153deg,transparent 64%,#5cddff22 64.15%,transparent 64.4%);mix-blend-mode:screen;animation:energyFlash 3.7s ease-in-out infinite alternate}.energy-loop{z-index:-2;inset:auto;left:49%;top:26%;width:58vw;height:29vw;border:2px solid #ce39ff73;border-left-color:transparent;border-radius:50%;filter:drop-shadow(0 0 9px #bd2eff) drop-shadow(0 0 24px #ae35ffb0);transform:rotate(-28deg);animation:loopSpin 8s linear infinite}.loop-two{left:55%;top:36%;width:46vw;height:21vw;border-color:#6aeaff68;border-right-color:transparent;filter:drop-shadow(0 0 9px #69eaff) drop-shadow(0 0 20px #b331ff9a);animation-duration:11s;animation-direction:reverse}.throw-lane{position:absolute;z-index:1;left:58%;top:48%;width:38%;height:24%;pointer-events:none}.throw-lane i{position:absolute;left:2%;top:40%;width:86px;height:17px;opacity:0;background:linear-gradient(90deg,transparent,#74e9ff 30%,#ff80fc 75%,#fff);clip-path:polygon(0 50%,82% 0,100% 50%,82% 100%);filter:drop-shadow(0 0 10px #d648ff) drop-shadow(0 0 18px #68eaff);animation:knifeFlight 1.55s cubic-bezier(.14,.7,.18,1) infinite}.throw-lane i:nth-child(2){top:55%;animation-delay:.72s;transform:scale(.78)}.throw-lane i:nth-child(3){top:26%;animation-delay:1.44s;transform:scale(.9)}.corner-ui{position:absolute;right:clamp(24px,5vw,78px);top:clamp(24px,5vw,68px);display:flex;gap:6px;align-items:center;opacity:.85}.corner-ui span{display:block;width:8px;height:8px;border:1px solid #f7adff;transform:rotate(45deg);box-shadow:0 0 9px #d340ff}.corner-ui i{display:block;width:31px;height:1px;background:linear-gradient(90deg,#e744ff,transparent);box-shadow:0 0 9px #ef3cff}#particles{z-index:2;width:100%;height:100%;opacity:.9}.vignette{z-index:3;background:linear-gradient(90deg,#08020f30,transparent 35%,transparent 90%),linear-gradient(0deg,#08020f79,transparent 22%,transparent 78%,#08020f45)}
@keyframes interfaceIn{from{opacity:0;transform:translate3d(-28px,12px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes linkEnter{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}@keyframes markPulse{0%,100%{filter:drop-shadow(0 0 17px #bd2cff8a)}50%{filter:drop-shadow(0 0 35px #d13effe0)}}@keyframes rigFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg) scale(1)}50%{transform:translate3d(0,-12px,0) rotate(.7deg) scale(1.018)}}@keyframes poseWind{0%{opacity:1;transform:translate3d(0,0,0) rotate(-.5deg) scale(1)}22%{opacity:1;transform:translate3d(0,-5px,0) rotate(.4deg) scale(1.015)}28%{opacity:0;transform:translate3d(17px,-2px,0) rotate(1.8deg) scale(1.035)}77%{opacity:0;transform:translate3d(-16px,5px,0) rotate(-1.6deg) scale(.99)}82%{opacity:1;transform:translate3d(0,0,0) rotate(-.5deg) scale(1)}100%{opacity:1;transform:translate3d(0,0,0) rotate(-.5deg) scale(1)}}@keyframes poseRelease{0%,25%{opacity:0;transform:translate3d(-17px,4px,0) rotate(-1deg) scale(.99)}29%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}45%{opacity:1;transform:translate3d(5px,-3px,0) rotate(.3deg) scale(1.008)}50%,100%{opacity:0;transform:translate3d(17px,-6px,0) rotate(1deg) scale(1.02)}}@keyframes poseFollow{0%,47%{opacity:0;transform:translate3d(16px,-8px,0) rotate(1.3deg) scale(1.02)}52%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}68%{opacity:1;transform:translate3d(-5px,3px,0) rotate(-.4deg) scale(1.006)}73%,100%{opacity:0;transform:translate3d(-14px,5px,0) rotate(-1deg) scale(.99)}}@keyframes radarPulse{to{opacity:.42;transform:rotateX(67deg) rotate(-10deg) scale(1.035)}}@keyframes energyFlash{to{opacity:.56}}@keyframes loopSpin{to{transform:rotate(332deg)}}@keyframes knifeFlight{0%{opacity:0;transform:translate3d(25vw,0,0) rotate(-12deg) scale(.45)}12%{opacity:1}80%{opacity:.9}100%{opacity:0;transform:translate3d(-18vw,-11vh,0) rotate(-340deg) scale(1.15)}}
@media(max-width:760px){.scene{min-height:100svh;min-height:100dvh;padding:25px 19px max(24px,env(safe-area-inset-bottom));align-items:flex-end}.character-rig{width:198vw;right:-38vw;top:3%;translate:var(--mx,0px) var(--my,0px);filter:drop-shadow(0 0 26px #c52aff58)}.ambient{background:radial-gradient(ellipse at 72% 28%,#7428c8bd 0%,#32104e9c 33%,transparent 62%),radial-gradient(ellipse at 80% 38%,#e326f642,transparent 48%),linear-gradient(145deg,#08020f,#11051b 65%,#08020f)}.grid{background-size:39px 39px;opacity:.25;transform:perspective(600px) rotateY(-10deg) rotateX(3deg) scale(1.2)}.identity{width:100%;padding:0;margin:0 0 17px}.brand-mark{width:48px;height:48px;margin:0 0 13px}.brand-mark svg{width:34px}h1{font-size:clamp(43px,12.5vw,72px);line-height:.95;letter-spacing:-.08em}.title-flare{margin:12px 0 14px;width:100%}.socials{width:100%;gap:8px}.social{height:52px;padding:0 10px;gap:8px}.social-name{font-size:9px;letter-spacing:.12em}.icon,.icon svg{width:19px;height:19px}.radar{left:14%;top:0;width:112vw}.radar-two{left:29%;top:7%;width:88vw}.energy-loop{left:24%;top:24%;width:98vw;height:45vw}.loop-two{left:35%;top:34%;width:75vw;height:34vw}.throw-lane{left:45%;top:28%;width:55%;height:28%}.throw-lane i{width:61px;height:13px}.corner-ui{top:22px;right:20px}.corner-ui span{width:6px;height:6px}.corner-ui i{width:19px}.shade{display:none}.vignette{background:linear-gradient(0deg,#08020f9a 0%,transparent 35%,transparent 75%,#08020f29)}.scanlines{opacity:.08}}
@media(max-width:380px){.scene{padding-left:15px;padding-right:15px}.character-rig{width:215vw;right:-46vw;top:2%}.social{padding:0 7px}.social-name{font-size:8px;letter-spacing:.1em}.socials{gap:7px}}@media(max-height:700px) and (min-width:761px){.scene{padding-top:23px;padding-bottom:23px}.identity{transform:scale(.84);transform-origin:left center}.character-rig{width:min(98vw,1300px);right:-12vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.character-rig,.pose{transform:none!important}.energy-loop,.radar,.throw-lane,#particles{display:none}}