@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}#root,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Alien Encounters;font-style:normal;font-weight:700;src:url(/static/media/Alien-Encounters-Bold.40e5842b9cbca6c5d49d.ttf) format("truetype")}.header{align-items:center;background:#0000;color:#fff;display:flex;font-family:Alien Encounters,sans-serif;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:1001}@media(max-width:1200px){.header{padding:.8rem}}@media(max-width:768px){.header{flex-wrap:nowrap;justify-content:space-between;padding:.5rem 1rem}}@media(max-width:480px){.header{padding:.3rem .5rem}}@keyframes gradientBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.header .header-nav ul li a{letter-spacing:.1em}.header .header-brand{align-items:center;cursor:pointer;display:flex}@media(max-width:768px){.header .header-brand{justify-content:flex-start;margin-bottom:0;width:auto}}.header .header-brand .header-logo{animation:glitch 1.5s infinite,neonGlow 3s ease-in-out infinite alternate;height:auto;margin-right:20px;width:250px}@media(max-width:1200px){.header .header-brand .header-logo{margin-right:15px;width:200px}}@media(max-width:768px){.header .header-brand .header-logo{margin-right:0;width:180px}}@media(max-width:480px){.header .header-brand .header-logo{width:150px}}@media(max-width:360px){.header .header-brand .header-logo{width:120px}}@keyframes glitch{0%,to{filter:none;opacity:1}10%,30%,50%,70%,90%{filter:blur(.02em);opacity:.6}20%,40%,60%,80%{filter:blur(.01em);opacity:.8}}@keyframes neonGlow{0%,to{filter:drop-shadow(0 0 5px rgba(74,0,224,.7)) drop-shadow(0 0 15px rgba(74,0,224,.7)) drop-shadow(0 0 25px rgba(74,0,224,.7)) drop-shadow(0 0 35px rgba(0,0,255,.7))}50%{filter:drop-shadow(0 0 8px rgba(186,0,255,.7)) drop-shadow(0 0 18px rgba(186,0,255,.7)) drop-shadow(0 0 28px rgba(186,0,255,.7)) drop-shadow(0 0 38px rgba(0,0,255,.7))}}.header .header-nav{align-items:center;display:flex;justify-content:center}@media(max-width:768px){.header .header-nav{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000000fa,#141414f2 50%,#000000fa);border-image:linear-gradient(180deg,#ff0040 0,#0ff 50%,#ff0040) 1;border-left:3px solid aqua;box-shadow:-10px 0 30px #00ffff4d,-20px 0 60px #000c,inset 0 0 50px #00ffff1a;flex-direction:column;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.25,.46,.45,.94);width:350px}.header .header-nav:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff08 0,#00ffff08 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ff004005 0,#ff004005 4px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.header .header-nav.menu-open{animation:menu-slide-in .4s ease-out;right:0}}@media(max-width:480px){.header .header-nav{padding:1.5rem;width:280px}}.header .header-nav ul{display:flex;list-style:none;margin:0;padding:0}@media(max-width:768px){.header .header-nav ul{flex-direction:column;gap:3rem;padding:0;position:relative;width:100%;z-index:2}}.header .header-nav ul li{margin:0 20px}@media(max-width:1200px){.header .header-nav ul li{margin:0 15px}}@media(max-width:768px){.header .header-nav ul li{margin:0;position:relative;text-align:center;width:100%}.header .header-nav ul li:first-child{animation-delay:.1s}.header .header-nav ul li:nth-child(2){animation-delay:.2s}.header .header-nav ul li:nth-child(3){animation-delay:.3s}.header .header-nav ul li:nth-child(4){animation-delay:.4s}.header .header-nav ul li:nth-child(5){animation-delay:.5s}}@media(max-width:480px){.header .header-nav ul li{margin:0}}.header .header-nav ul li a{align-items:center;color:#333;display:inline-flex;font-size:1rem;font-weight:700;gap:.8rem;letter-spacing:.05em;padding:0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .1s ease}@media(max-width:768px){.header .header-nav ul li a{align-items:center;background:#0000004d;background-clip:padding-box;border:2px solid #0000;border-radius:10px;flex-direction:column;font-family:Press Start\ 2P,monospace;gap:.8rem;justify-content:center;padding:1.5rem 0;position:relative;transition:all .3s ease;width:100%}.header .header-nav ul li a:before{background:linear-gradient(45deg,#ff0040,#0ff,#ff0040,#0ff);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.header .header-nav ul li a:hover:before{animation:border-glow 2s linear infinite;opacity:1}.header .header-nav ul li a:hover{background:#00ffff1a;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #00ffff1a;transform:scale(1.05)}}@media(max-width:480px){.header .header-nav ul li a{gap:.6rem;padding:1.2rem 0}}.header .header-nav ul li a:before{align-items:center;background:linear-gradient(145deg,#f0f0f0,#d0d0d0);border:3px solid #333;border-radius:8px;box-shadow:0 4px 0 #999,0 6px 8px #0000004d;color:#333;content:attr(data-key);display:inline-flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;transform:translateY(0);transition:all .1s ease;width:50px}@media(max-width:1200px){.header .header-nav ul li a:before{font-size:1.3rem;height:45px;width:45px}}@media(max-width:768px){.header .header-nav ul li a:before{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:3px solid #333;box-shadow:0 6px 0 #111,0 8px 15px #0009,inset 0 0 10px #ffffff1a;font-size:1.5rem;height:60px;width:60px}.header .header-nav ul li a:before:after{background:linear-gradient(45deg,#ff0040,#0ff);border-radius:12px;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}}@media(max-width:480px){.header .header-nav ul li a:before{font-size:1.3rem;height:50px;width:50px}}@media(max-width:360px){.header .header-nav ul li a:before{font-size:1.1rem;height:45px;width:45px}}.header .header-nav ul li a span{color:#fff;font-size:1.2rem;text-shadow:0 0 8px #ffffff4d}@media(max-width:1200px){.header .header-nav ul li a span{font-size:1.1rem}}@media(max-width:768px){.header .header-nav ul li a span{color:#fff;font-family:Press Start\ 2P,monospace;font-size:.8rem;font-weight:400;letter-spacing:.1em;text-shadow:0 0 10px #fffc,0 0 20px #0ff9;text-transform:uppercase}}@media(max-width:480px){.header .header-nav ul li a span{font-size:.7rem}}@media(max-width:360px){.header .header-nav ul li a span{font-size:.6rem}}.header .header-nav ul li a:hover:before{background:linear-gradient(145deg,#fff,#e0e0e0);box-shadow:0 6px 0 #999,0 8px 12px #0006;transform:translateY(-2px)}.header .header-nav ul li a:hover span{color:aqua;text-shadow:0 0 12px #0ffc}@media(max-width:768px){.header .header-nav ul li a:hover span{animation:text-impact .3s ease-out;color:#ff0040;text-shadow:0 0 15px #ff0040,0 0 25px #ff0040cc}.header .header-nav ul li a:hover:before{box-shadow:0 9px 0 #111,0 12px 20px #000c,inset 0 0 15px #00ffff4d;transform:translateY(-3px)}.header .header-nav ul li a:hover:before:after{opacity:1}}.header .header-nav ul li a:active:before{background:linear-gradient(145deg,silver,#a0a0a0);box-shadow:0 0 0 #999,0 2px 4px #0006;transform:translateY(4px)}@keyframes player1-blink{0%,to{box-shadow:0 3px 0 #111,0 4px 6px #0006,0 0 10px #ffd7004d}50%{box-shadow:0 3px 0 #111,0 4px 6px #0006,0 0 20px #ffd700cc}}@keyframes impact-pulse{0%{transform:scale(1.1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}@keyframes glitch-effect{0%,to{filter:hue-rotate(0deg);transform:translateX(0)}20%{filter:hue-rotate(90deg);transform:translateX(-2px)}40%{filter:hue-rotate(180deg);transform:translateX(2px)}60%{filter:hue-rotate(270deg);transform:translateX(-1px)}80%{filter:hue-rotate(1turn);transform:translateX(1px)}}.header .menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-between;padding:5px;position:relative;width:40px;z-index:1002}@media(max-width:768px){.header .menu-toggle{display:flex}}.header .menu-toggle .burger-line{background:#fff;border-radius:3px;box-shadow:0 0 5px #ffffff80,0 0 10px #ff00804d,0 0 15px #0ff3;height:4px;position:relative;transform-origin:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:100%}.header .menu-toggle .burger-line:before{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff1a 0,#ffffff1a 4px);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.header .menu-toggle .burger-line:first-child{transform:translateY(0) rotate(0deg)}.header .menu-toggle .burger-line:nth-child(2){opacity:1;transform:scaleX(1)}.header .menu-toggle .burger-line:nth-child(3){transform:translateY(0) rotate(0deg)}.header .menu-toggle:hover .burger-line{animation:scanline-flicker .1s infinite alternate;background:aqua;box-shadow:0 0 8px #0ffc,0 0 15px #ff008099,0 0 20px #0ff6}.header .menu-toggle.menu-open .burger-line{background:#ff0040}.header .menu-toggle.menu-open .burger-line:first-child{animation:pulse-red 1.5s ease-in-out infinite;box-shadow:0 0 10px #ff0040,0 0 20px #ff0040cc,0 0 30px #ff004099;left:0;margin-top:-2px;position:absolute;top:50%;transform:rotate(45deg)}.header .menu-toggle.menu-open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header .menu-toggle.menu-open .burger-line:nth-child(3){animation:pulse-red 1.5s ease-in-out infinite;box-shadow:0 0 10px #ff0040,0 0 20px #ff0040cc,0 0 30px #ff004099;left:0;margin-top:-2px;position:absolute;top:50%;transform:rotate(-45deg)}@keyframes pulse-red{0%,to{box-shadow:0 0 10px #ff0040,0 0 20px #ff0040cc,0 0 30px #ff004099}50%{box-shadow:0 0 15px #ff0040,0 0 25px #ff0040e6,0 0 35px #ff0040b3}}@keyframes menu-slide-in{0%{opacity:0;right:-100%}to{opacity:1;right:0}}@keyframes border-glow{0%{background:linear-gradient(45deg,#ff0040,#0ff,#ff0040,#0ff)}25%{background:linear-gradient(45deg,#0ff,#ff0040,#0ff,#ff0040)}50%{background:linear-gradient(45deg,#ff0040,#0ff,#ff0040,#0ff)}75%{background:linear-gradient(45deg,#0ff,#ff0040,#0ff,#ff0040)}to{background:linear-gradient(45deg,#ff0040,#0ff,#ff0040,#0ff)}}@keyframes text-impact{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes menu-item-enter{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.header .menu-overlay{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.header .menu-overlay.menu-open{display:block}@media(max-width:320px){.header .header-nav ul li a span{display:none}.header .header-nav ul li a{gap:0}.header .header-nav ul li{margin:0 5px}}@media(max-width:768px){.header .header-nav{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.header .header-nav ul{scroll-snap-type:x mandatory}.header .header-nav ul li{flex-shrink:0;scroll-snap-align:center}}@media(hover:none)and (pointer:coarse){.header .header-nav ul li a:hover:before{background:linear-gradient(145deg,#f0f0f0,#d0d0d0);box-shadow:0 4px 0 #999,0 6px 8px #0000004d;transform:translateY(0)}.header .header-nav ul li a:hover span{color:#fff;text-shadow:0 0 8px #ffffff4d}.header .header-nav ul li a:active:before{background:linear-gradient(145deg,silver,#a0a0a0);box-shadow:0 2px 0 #999,0 4px 6px #0006;transform:translateY(2px)}.header .header-nav ul li a:active span{color:aqua;text-shadow:0 0 12px #0ffc}}.background-video{object-fit:cover;position:absolute;z-index:-2}.background-video,.video-overlay{height:100%;left:0;top:0;width:100%}.video-overlay{background:#0006;pointer-events:none;position:fixed;z-index:0}.home-container{align-items:center;background:none;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative;width:100%}@media(max-width:768px){.home-container{min-height:100vh;padding:.5rem}}@media(max-width:480px){.home-container{padding:.3rem}}.home-container:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px);z-index:1000}.home-container:after,.home-container:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.home-container:after{animation:grain .2s infinite;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:4px 4px;opacity:.1;z-index:999}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px)}60%{transform:translate(1px)}70%{transform:translateY(-1px)}80%{transform:translateY(1px)}90%{transform:translate(-1px,-1px)}}.crt-overlay{background:radial-gradient(ellipse at center,#0000 60%,#000c 100%);z-index:998}.central-glow{animation:pulse-glow 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#8a2be233 0,#00bfff1a 30%,#ff14930d 60%,#0000 100%);height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1}@media(max-width:1024px){.central-glow{height:450px;width:600px}}@media(max-width:768px){.central-glow{height:300px;width:400px}}@media(max-width:480px){.central-glow{height:200px;width:300px}}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.particles-container{z-index:2}.particle{animation:float 10s linear infinite;background:#0ff9;height:2px;width:2px}.particle:before{background:#00ffff4d;border-radius:50%;content:"";height:4px;left:-1px;position:absolute;top:-1px;width:4px}.particle-0{animation-delay:0s;animation-duration:8s;left:10%;top:20%}.particle-1{animation-delay:1s;animation-duration:12s;left:25%;top:80%}.particle-2{animation-delay:2s;animation-duration:10s;left:60%;top:10%}.particle-3{animation-delay:3s;animation-duration:9s;left:80%;top:60%}.particle-4{animation-delay:4s;animation-duration:11s;left:15%;top:90%}.particle-5{animation-delay:5s;animation-duration:8s;left:90%;top:30%}.particle-6{animation-delay:6s;animation-duration:13s;left:40%;top:70%}.particle-7{animation-delay:7s;animation-duration:9s;left:70%;top:15%}.particle-8{animation-delay:8s;animation-duration:10s;left:5%;top:50%}.particle-9{animation-delay:9s;animation-duration:12s;left:95%;top:85%}.particle-10{animation-delay:2s;animation-duration:11s;left:30%;top:5%}.particle-11{animation-delay:3s;animation-duration:8s;left:75%;top:95%}.particle-12{animation-delay:4s;animation-duration:14s;left:20%;top:40%}.particle-13{animation-delay:5s;animation-duration:9s;left:85%;top:75%}.particle-14{animation-delay:6s;animation-duration:10s;left:50%;top:25%}.particle-15{animation-delay:7s;animation-duration:12s;left:35%;top:85%}.particle-16{animation-delay:8s;animation-duration:8s;left:65%;top:35%}.particle-17{animation-delay:1s;animation-duration:13s;left:45%;top:65%}.particle-18{animation-delay:9s;animation-duration:11s;left:55%;top:45%}.particle-19{animation-delay:.5s;animation-duration:9s;left:12%;top:75%}.home-logo{animation:logo-entrance 2s ease-out;margin-bottom:80px;position:relative;text-align:center;z-index:10}@media(max-width:768px){.home-logo{margin-bottom:60px}}@media(max-width:480px){.home-logo{margin-bottom:40px}}.home-logo .logo-image{animation:logo-glow 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(0,255,255,.6)) drop-shadow(0 0 40px rgba(255,0,255,.4)) drop-shadow(0 0 60px rgba(0,255,255,.3));height:auto;max-width:400px;transition:all .3s ease;width:90%}@media(max-width:768px){.home-logo .logo-image{max-width:320px;width:85%}}@media(max-width:480px){.home-logo .logo-image{max-width:280px;width:80%}}@media(max-width:360px){.home-logo .logo-image{max-width:240px;width:75%}}.home-logo .logo-image:hover{filter:drop-shadow(0 0 30px rgba(0,255,255,.8)) drop-shadow(0 0 50px rgba(255,0,255,.6)) drop-shadow(0 0 70px rgba(0,255,255,.5));transform:scale(1.05)}.home-logo .logo-subtitle{animation:subtitle-glow 2s ease-in-out infinite alternate;color:aqua;font-size:.8rem;letter-spacing:.3em;margin-top:1rem;text-shadow:0 0 10px aqua}@media(max-width:768px){.home-logo .logo-subtitle{font-size:.7rem;letter-spacing:.2em}}@media(max-width:480px){.home-logo .logo-subtitle{font-size:.6rem;letter-spacing:.15em;margin-top:.8rem}}@media(max-width:360px){.home-logo .logo-subtitle{font-size:.5rem;letter-spacing:.1em}}@keyframes logo-entrance{0%{opacity:0;transform:scale(.5) rotateY(180deg)}50%{transform:scale(1.1) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes logo-glow{0%{filter:drop-shadow(0 0 20px rgba(0,255,255,.6)) drop-shadow(0 0 40px rgba(255,0,255,.4)) drop-shadow(0 0 60px rgba(0,255,255,.3))}to{filter:drop-shadow(0 0 30px rgba(0,255,255,.8)) drop-shadow(0 0 50px rgba(255,0,255,.6)) drop-shadow(0 0 70px rgba(0,255,255,.5)) drop-shadow(0 0 90px rgba(255,0,255,.4))}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes subtitle-glow{0%{opacity:.8;text-shadow:0 0 10px aqua}to{opacity:1;text-shadow:0 0 20px aqua,0 0 30px aqua}}.easter-egg-active .logo-image{animation:easter-egg-glitch 3s ease-in-out!important}@keyframes easter-egg-glitch{0%,to{filter:drop-shadow(0 0 20px rgba(0,255,255,.6));transform:translate(0)}10%{filter:drop-shadow(0 0 30px rgba(255,0,0,.8));transform:translate(-4px,2px) scale(1.02)}20%{filter:drop-shadow(0 0 30px rgba(0,255,0,.8));transform:translate(4px,-2px) scale(.98)}30%{filter:drop-shadow(0 0 30px rgba(0,0,255,.8));transform:translate(-2px,-4px) scale(1.01)}40%{filter:drop-shadow(0 0 30px rgba(255,255,0,.8));transform:translate(2px,4px) scale(.99)}50%{filter:drop-shadow(0 0 30px rgba(255,0,255,.8));transform:translate(-4px) scale(1.03)}60%{filter:drop-shadow(0 0 30px rgba(0,255,255,.8));transform:translate(4px) scale(.97)}70%{filter:drop-shadow(0 0 30px rgba(255,255,255,.8));transform:translateY(-4px) scale(1.01)}80%{filter:drop-shadow(0 0 30px rgba(255,100,100,.8));transform:translateY(4px) scale(.99)}90%{filter:drop-shadow(0 0 30px rgba(100,255,200,.8));transform:translate(-2px,2px) scale(1.02)}}.action-buttons{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:center;margin-bottom:40px;position:relative;z-index:10}@media(max-width:768px){.action-buttons{flex-direction:column;gap:25px;margin-bottom:30px}}@media(max-width:480px){.action-buttons{gap:20px;margin-bottom:20px}}.action-button{background:#0000;border:1px solid;-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;font-family:Press Start\ 2P,monospace;min-width:180px;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}@media(max-width:768px){.action-button{min-width:200px;padding:12px 20px}}@media(max-width:480px){.action-button{min-width:180px;padding:10px 16px}}.cv-button{border-color:#00ff41;color:#00ff41}.cv-button:hover{background:#00ff410d;box-shadow:inset 0 0 0 1px #00ff41;transform:translateY(-2px)}.cv-button:active{transform:translateY(0)}.start-button{animation:press-start-entrance .5s ease-out;border-color:#ff0080;color:#ff0080}.start-button:hover{background:#ff00800d;box-shadow:inset 0 0 0 1px #ff0080;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.button-text{display:block;font-size:.9rem;font-weight:400;letter-spacing:.15em}@media(max-width:768px){.button-text{font-size:.85rem;letter-spacing:.12em}}@media(max-width:480px){.button-text{font-size:.8rem;letter-spacing:.1em}}.button-hint{display:block;font-size:.5rem;letter-spacing:.08em;margin-top:4px;opacity:.6}@media(max-width:480px){.button-hint{font-size:.45rem}}@keyframes press-start-entrance{0%{opacity:0;transform:scale(0) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.press-start-text{animation:press-start-pulse 2s ease-in-out infinite;color:#ff0080;display:block;font-size:2rem;letter-spacing:.2em;margin-bottom:.5rem;text-shadow:0 0 15px #ff0080}@media(max-width:768px){.press-start-text{font-size:1.7rem;letter-spacing:.15em}}@media(max-width:480px){.press-start-text{font-size:1.4rem;letter-spacing:.1em;margin-bottom:.4rem}}@media(max-width:360px){.press-start-text{font-size:1.2rem}}.press-start-hint{animation:hint-fade 3s ease-in-out infinite;color:#888;display:block;font-size:.8rem;letter-spacing:.1em;text-shadow:0 0 5px #888}@media(max-width:768px){.press-start-hint{font-size:.7rem}}@media(max-width:480px){.press-start-hint{font-size:.6rem;letter-spacing:.05em}}@media(max-width:360px){.press-start-hint{font-size:.5rem}}@keyframes press-start-pulse{0%,to{text-shadow:0 0 15px #ff0080;transform:scale(1)}50%{text-shadow:0 0 25px #ff0080,0 0 35px #ff0080;transform:scale(1.05)}}@keyframes hint-fade{0%,to{opacity:.6}50%{opacity:1;text-shadow:0 0 8px #888}}.arcade-footer{display:flex;justify-content:space-between;margin-top:2rem;max-width:800px;position:relative;width:90%;z-index:10}@media(max-width:768px){.arcade-footer{margin-top:1.5rem;width:95%}}@media(max-width:480px){.arcade-footer{flex-direction:column;gap:.5rem;margin-top:1rem;text-align:center}}.arcade-footer .copyright,.arcade-footer .credits{color:#888;font-size:.6rem;letter-spacing:.1em}@media(max-width:768px){.arcade-footer .copyright,.arcade-footer .credits{font-size:.5rem}}@media(max-width:480px){.arcade-footer .copyright,.arcade-footer .credits{font-size:.45rem;letter-spacing:.05em}}@media(max-width:360px){.arcade-footer .copyright,.arcade-footer .credits{font-size:.4rem}}.arcade-footer .credits{color:lime;text-align:right;text-shadow:0 0 5px lime}.arcade-footer .credits .credits-counter{animation:counter-glow 2s ease-in-out infinite alternate;font-size:.8rem;font-weight:700;margin-bottom:2px}.arcade-footer .credits .credits-label{animation:label-fade 3s ease-in-out infinite;font-size:.4rem;letter-spacing:.05em;opacity:.8}@keyframes counter-glow{0%{text-shadow:0 0 5px lime;transform:scale(1)}to{text-shadow:0 0 15px lime,0 0 25px lime;transform:scale(1.02)}}@keyframes label-fade{0%,to{opacity:.8}50%{opacity:.4}}.mobile-video-hint{animation:hint-pulse 2s ease-in-out infinite;background:#000c;border:1px solid #00ff41;border-radius:4px;color:#00ff41;font-size:.7rem;left:50%;padding:8px 16px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.mobile-video-hint span{letter-spacing:.05em}@keyframes hint-pulse{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.02)}}.loading-overlay{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:2000}.loading-overlay .loading-text{color:lime;font-size:1.2rem;letter-spacing:.2em;text-align:center}@media(max-width:768px){.loading-overlay .loading-text{font-size:1rem;letter-spacing:.15em}}@media(max-width:480px){.loading-overlay .loading-text{font-size:.9rem;letter-spacing:.1em}}@media(max-width:360px){.loading-overlay .loading-text{font-size:.8rem}}.loading-overlay .loading-text div{animation:loading-blink 1s infinite;margin:1rem 0}@media(max-width:480px){.loading-overlay .loading-text div{margin:.8rem 0}}.loading-overlay .loading-text div:nth-child(2){animation-delay:.5s}@keyframes loading-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.transition-out .home-logo{animation:logo-glitch-out 1s ease-in-out forwards}.transition-out .loading-overlay{opacity:1;pointer-events:all}@keyframes logo-glitch-out{0%{transform:scale(1)}25%{transform:scale(1.1) skew(5deg)}50%{transform:scale(.9) skew(-5deg)}75%{transform:scale(1.2) skew(10deg)}to{opacity:0;transform:scale(0) rotate(180deg)}}@media(max-width:768px){.home-logo .logo-image{max-width:300px}.home-logo .logo-subtitle{font-size:.6rem}.blinking-text{font-size:1.2rem}.press-start-text{font-size:1.5rem}.arcade-footer{flex-direction:column;gap:10px;text-align:center}.arcade-footer .copyright,.arcade-footer .credits{font-size:.5rem}}.solid-background{background:radial-gradient(ellipse at center,#0f0f23 0,#0a0a19 30%,#05050f 60%,#000 100%);height:100vh;left:0;min-height:100vh;position:fixed;top:0;width:100vw;z-index:-3}.grid-overlay{background-image:linear-gradient(#0096ff33 1px,#0000 0),linear-gradient(90deg,#0096ff33 1px,#0000 0),linear-gradient(45deg,#8a2be20d 2px,#0000 0)}.grid-overlay:before{background:linear-gradient(0deg,#0096ff1a,#0000);bottom:0;content:"";height:50%;left:0;position:absolute;transform:perspective(1000px) rotateX(45deg);transform-origin:bottom;width:100%}.menu-container{align-items:center;background:#000;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;height:100vh;justify-content:center;left:0;margin:0;min-height:100vh;overflow:hidden;padding:0;position:fixed;top:0;width:100vw}@media(max-width:768px){.menu-container{justify-content:flex-start;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:6rem 2rem 4rem}}@media(max-width:480px){.menu-container{padding:6rem 1.5rem 4rem}}.menu-container:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0096ff05 0,#0096ff05 4px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1000}.particle{animation:float 8s ease-in-out infinite}.particle.particle-0{animation-duration:12s;background:radial-gradient(circle,#8a2be2,#0000);box-shadow:0 0 10px #8a2be2;left:10%}.particle.particle-1{animation-delay:-3s;animation-duration:10s;background:radial-gradient(circle,#ff1440,#0000);box-shadow:0 0 15px #ff1440;top:60%}.particle.particle-2{animation-delay:-6s;animation-duration:15s;background:radial-gradient(circle,#0096ff,#0000);box-shadow:0 0 8px #0096ff;top:40%}.particle:nth-child(4){animation-delay:-1s;animation-duration:14s;left:85%;top:15%}.particle:nth-child(5){animation-delay:-4s;animation-duration:11s;left:25%;top:75%}.particle:nth-child(6){animation-delay:-2s;animation-duration:13s;left:15%;top:35%}.particle:nth-child(7){animation-delay:-7s;animation-duration:9s;left:60%;top:85%}.particle:nth-child(8){animation-delay:-3s;animation-duration:16s;left:45%;top:25%}.particle:nth-child(9){animation-delay:-5s;animation-duration:12s;left:90%;top:65%}.particle:nth-child(10){animation-delay:-1.5s;animation-duration:10s;left:30%;top:45%}.particle:nth-child(11){animation-delay:-6s;animation-duration:14s;left:75%;top:55%}.particle:nth-child(12){animation-delay:-2.5s;animation-duration:11s;left:50%;top:10%}.particle:nth-child(13){animation-delay:-4.5s;animation-duration:15s;left:40%;top:90%}.particle:nth-child(14){animation-delay:-3.5s;animation-duration:13s;left:65%;top:30%}.particle:nth-child(15){animation-delay:-6.5s;animation-duration:12s;left:20%;top:70%}.central-halo{animation:halo-pulse 6s ease-in-out infinite;background:radial-gradient(ellipse at center,#0064ff14 0,#8a2be21f 30%,#ff143c0f 60%,#0000 100%);width:800px}@media(max-width:1024px){.central-halo{height:450px;width:600px}}@media(max-width:768px){.central-halo{height:300px;width:400px}}@media(max-width:480px){.central-halo{height:200px;width:300px}}.crt-overlay{animation:crt-flicker .15s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff03 0,#00ffff03 4px),radial-gradient(ellipse at center,#0000 60%,#0000001a 100%);height:100vh;min-height:100vh;position:fixed;width:100vw}.menu-title{text-align:center;z-index:10}@media(max-width:768px){.menu-title{margin-bottom:2rem}}@media(max-width:480px){.menu-title{margin-bottom:1.5rem}}.menu-title .main-title{animation:title-glow 2s ease-in-out infinite alternate;color:#ff0080;font-size:3rem;letter-spacing:.1em;margin:0 0 1rem;text-shadow:0 0 10px #ff0080,0 0 20px #ff0080,0 0 30px #ff0080}@media(max-width:1024px){.menu-title .main-title{font-size:2.5rem}}@media(max-width:768px){.menu-title .main-title{font-size:2rem;margin-bottom:.8rem}}@media(max-width:480px){.menu-title .main-title{font-size:1.5rem;margin-bottom:.5rem}}@media(max-width:360px){.menu-title .main-title{font-size:1.2rem}}.menu-title .subtitle{animation:subtitle-fade 3s ease-in-out infinite;color:aqua;font-size:1rem;letter-spacing:.05em;margin:0;text-shadow:0 0 8px aqua}@media(max-width:768px){.menu-title .subtitle{font-size:.8rem}}@media(max-width:480px){.menu-title .subtitle{font-size:.7rem}}@media(max-width:360px){.menu-title .subtitle{font-size:.6rem}}@keyframes subtitle-fade{0%,to{opacity:.7}50%{opacity:1}}.main-content{align-items:flex-start;display:flex;gap:3rem;justify-content:center;max-width:1400px;width:100%;z-index:10}@media(max-width:1200px){.main-content{gap:2rem;max-width:1200px}}@media(max-width:1024px){.main-content{align-items:center;flex-direction:column;gap:1.5rem;width:95%}}@media(max-width:768px){.main-content{gap:1rem;padding:0 1rem;width:100%}}@media(max-width:480px){.main-content{padding:0 .5rem}}.character-carousel{align-items:flex-end;display:flex;height:calc(100vh - 80px);justify-content:center;margin-top:80px;position:relative;width:800px}@media(max-width:1200px){.character-carousel{height:calc(100vh - 100px);width:700px}}@media(max-width:1024px){.character-carousel{height:60vh;margin-bottom:2rem;margin-top:60px;width:100%}}@media(max-width:768px){.character-carousel{height:50vh;margin-bottom:1rem;margin-top:40px}}@media(max-width:480px){.character-carousel{height:40vh;margin-top:20px}}.character-slot{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.character-slot.center{opacity:1;transform:translateX(0) scale(1);z-index:10}.character-slot.center .character-image{filter:drop-shadow(0 0 30px rgba(255,215,0,.8)) drop-shadow(0 0 60px rgba(255,215,0,.6));height:calc(100vh - 160px);max-width:500px;width:auto}@media(max-width:1200px){.character-slot.center .character-image{height:calc(100vh - 180px);max-width:400px}}@media(max-width:1024px){.character-slot.center .character-image{height:50vh;max-width:350px}}@media(max-width:768px){.character-slot.center .character-image{height:40vh;max-width:280px}}@media(max-width:480px){.character-slot.center .character-image{height:30vh;max-width:220px}}.character-slot.center .character-name{bottom:-40px;color:gold;font-size:1.2rem;left:50%;position:absolute;text-shadow:0 0 15px #ffd700cc;transform:translateX(-50%)}@media(max-width:768px){.character-slot.center .character-name{bottom:-30px;font-size:1rem}}@media(max-width:480px){.character-slot.center .character-name{bottom:-25px;font-size:.8rem}}.character-slot.center .selected-indicator{display:block}.character-slot.left{opacity:.3;transform:translateX(-250px) scale(.5);z-index:5}@media(max-width:1024px){.character-slot.left{transform:translateX(-150px) scale(.4)}}@media(max-width:768px){.character-slot.left{transform:translateX(-100px) scale(.35)}}@media(max-width:480px){.character-slot.left{transform:translateX(-80px) scale(.3)}}.character-slot.left .character-image{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));height:calc(100vh - 200px);max-width:300px;width:auto}@media(max-width:1024px){.character-slot.left .character-image{height:40vh;max-width:250px}}@media(max-width:768px){.character-slot.left .character-image{height:35vh;max-width:200px}}@media(max-width:480px){.character-slot.left .character-image{height:25vh;max-width:150px}}.character-slot.left .character-name{bottom:-30px;font-size:.8rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%)}@media(max-width:768px){.character-slot.left .character-name{bottom:-20px;font-size:.7rem}}@media(max-width:480px){.character-slot.left .character-name{bottom:-15px;font-size:.6rem}}.character-slot.right{opacity:.3;transform:translateX(250px) scale(.5);z-index:5}@media(max-width:1024px){.character-slot.right{transform:translateX(150px) scale(.4)}}@media(max-width:768px){.character-slot.right{transform:translateX(100px) scale(.35)}}@media(max-width:480px){.character-slot.right{transform:translateX(80px) scale(.3)}}.character-slot.right .character-image{filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));height:calc(100vh - 200px);max-width:300px;width:auto}@media(max-width:1024px){.character-slot.right .character-image{height:40vh;max-width:250px}}@media(max-width:768px){.character-slot.right .character-image{height:35vh;max-width:200px}}@media(max-width:480px){.character-slot.right .character-image{height:25vh;max-width:150px}}.character-slot.right .character-name{bottom:-30px;font-size:.8rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%)}@media(max-width:768px){.character-slot.right .character-name{bottom:-20px;font-size:.7rem}}@media(max-width:480px){.character-slot.right .character-name{bottom:-15px;font-size:.6rem}}.character-slot.hidden{opacity:0;pointer-events:none;transform:scale(0)}.character-slot.left:hover,.character-slot.right:hover{opacity:.6;transform:translateX(-250px) scale(.55)}.character-slot.left:hover.right,.character-slot.right:hover.right{transform:translateX(250px) scale(.55)}.character-image{object-fit:contain;transition:all .5s ease}.carousel-arrow{background:#0ff3;border:2px solid aqua;border-radius:50%;color:aqua;cursor:pointer;font-size:1.5rem;font-weight:700;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:20}.carousel-arrow.left{left:-80px}.carousel-arrow.right{right:-80px}.carousel-arrow:hover{background:#0ff6;box-shadow:0 0 20px #0ff9;transform:translateY(-50%) scale(1.1)}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}@media(max-width:1024px){.carousel-arrow{font-size:1.2rem;height:40px;width:40px}.carousel-arrow.left{left:-25px}.carousel-arrow.right{right:-25px}}@media(max-width:768px){.carousel-arrow{font-size:1rem;height:35px;width:35px}.carousel-arrow.left{left:-20px}.carousel-arrow.right{right:-20px}}@media(max-width:480px){.carousel-arrow{font-size:.9rem;height:30px;width:30px}.carousel-arrow.left{left:-15px}.carousel-arrow.right{right:-15px}}.character-glow{background:linear-gradient(45deg,#00ffff4d,#ff00ff4d,#00ffff4d);border-radius:15px;bottom:-5px;left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:-1}.character-name{color:#fff;font-size:.8rem;letter-spacing:.05em;margin-top:1rem;text-align:center;text-shadow:0 0 8px #ffffff80}.selected-indicator{animation:selected-pulse .5s ease-in-out;border-radius:20px;font-size:.6rem;padding:.5rem 1rem;top:-20px}@keyframes selected-pulse{0%{transform:translateX(-50%) scale(0)}50%{transform:translateX(-50%) scale(1.2)}to{transform:translateX(-50%) scale(1)}}.skills-panel{animation:skills-slide-in .5s ease-out;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:3px solid aqua;border-radius:15px;box-shadow:0 0 30px #0ff6,0 0 60px #0ff3;margin-top:180px;padding:2rem;width:400px}@media(max-width:1200px){.skills-panel{margin-top:150px;width:350px}}@media(max-width:1024px){.skills-panel{margin-bottom:0;margin-top:0;max-width:500px;width:100%}}@media(max-width:768px){.skills-panel{border-radius:10px;margin-bottom:0;margin-left:0;margin-right:0;max-width:100%;padding:1.5rem}}@media(max-width:480px){.skills-panel{margin-bottom:0;margin-left:0;margin-right:0;max-width:100%;padding:1rem}}.skills-header{border-bottom:2px solid aqua;margin-bottom:2rem;padding-bottom:1rem;text-align:center}@media(max-width:768px){.skills-header{margin-bottom:1.5rem;padding-bottom:.8rem}}@media(max-width:480px){.skills-header{margin-bottom:1rem;padding-bottom:.6rem}}.skills-header h3{color:aqua;font-size:1rem;margin:0 0 .5rem;text-shadow:0 0 10px #0ff9}@media(max-width:768px){.skills-header h3{font-size:.9rem}}@media(max-width:480px){.skills-header h3{font-size:.8rem}}.skills-header .character-class{color:gold;font-size:.8rem;margin-bottom:.3rem;text-shadow:0 0 8px #ffd70099}@media(max-width:768px){.skills-header .character-class{font-size:.7rem}}@media(max-width:480px){.skills-header .character-class{font-size:.6rem}}.skills-header .character-experience{color:#ff0080;font-size:.7rem;font-weight:700;text-shadow:0 0 8px #ff008099}@media(max-width:768px){.skills-header .character-experience{font-size:.6rem}}@media(max-width:480px){.skills-header .character-experience{font-size:.5rem}}.skills-list{margin-bottom:2rem}.skill-item{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.skill-item .skill-label{color:#fff;flex:0 0 100px;font-size:.7rem;text-shadow:0 0 5px #ffffff4d}.skill-item .skill-bar{background:#00000080;border:2px solid #333;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.skill-item .skill-bar .skill-fill{background:linear-gradient(90deg,#ff0080,#0ff);border-radius:8px;height:100%;transition:width 1s ease-out}.skill-item .skill-value{color:gold;flex:0 0 40px;font-size:.7rem;text-align:right;text-shadow:0 0 5px #ffd70099}@keyframes skill-glow{0%{box-shadow:inset 0 0 10px #ff00804d}to{box-shadow:inset 0 0 20px #00ffff80}}.skills-footer{align-items:center;border-top:2px solid aqua;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}@media(max-width:768px){.skills-footer{align-items:stretch;flex-direction:column;gap:1.5rem}}@media(max-width:480px){.skills-footer{gap:1.2rem}}.skills-footer .style-badge{background:linear-gradient(45deg,#ff0080,#8a2be2);border-radius:20px;box-shadow:0 0 15px #ff008066;color:#fff;font-size:.7rem;font-weight:700;padding:.5rem 1rem;text-align:center;text-shadow:0 0 8px #ffffff80}@media(max-width:768px){.skills-footer .style-badge{align-self:center;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.skills-footer .continue-btn{background:linear-gradient(45deg,gold,#ff8c00);border:none;border-radius:8px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;color:#000;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.7rem;font-weight:700;max-width:100%;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}@media(max-width:768px){.skills-footer .continue-btn{font-size:.6rem;margin:0;padding:1rem}}@media(max-width:480px){.skills-footer .continue-btn{border-radius:6px;font-size:.55rem;padding:1.2rem .8rem}}.skills-footer .continue-btn:hover{background:linear-gradient(45deg,#fff,gold);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.skills-footer .continue-btn:active{transform:translateY(0)}@keyframes badge-glow{0%{box-shadow:0 0 15px #ff008066}to{box-shadow:0 0 25px #8a2be299}}@media(max-width:768px){.menu-title .main-title{font-size:2rem}.character-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.character-frame{height:180px;width:150px}.character-name{font-size:.6rem}}.menu-content{animation:menu-entrance 1s ease-out;max-width:1200px;position:relative;text-align:center;width:90%;z-index:10}@media(max-width:768px){.menu-content{padding:0;width:100%}}@keyframes menu-entrance{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.menu-title{animation:title-glow 2s ease-in-out infinite alternate;color:aqua;font-size:3rem;letter-spacing:.2em;margin-bottom:3rem;text-shadow:0 0 20px aqua}@media(max-width:768px){.menu-title{font-size:2rem;letter-spacing:.1em;margin-bottom:2.5rem}}@media(max-width:480px){.menu-title{font-size:1.5rem;letter-spacing:.05em;margin-bottom:3rem}}.menu-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}@media(max-width:768px){.menu-grid{gap:2.5rem;grid-template-columns:1fr;margin-bottom:2rem}}@media(max-width:480px){.menu-grid{gap:3rem;margin-bottom:3rem}}.menu-item{background:#000000b3;border:2px solid #333;color:#fff;overflow:hidden;padding:2rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}@media(max-width:768px){.menu-item{border-radius:8px;padding:2.5rem 1.5rem}}@media(max-width:480px){.menu-item{border-radius:10px;padding:3rem 2rem}}.menu-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.menu-item:hover{border-color:aqua;box-shadow:0 0 20px #00ffff80;transform:translateY(-5px)}.menu-item:hover:before{left:100%}.menu-item:hover .character-portrait{transform:scale(1.1)}.menu-item:hover .character-portrait .character-icon{text-shadow:0 0 15px currentColor}.menu-item:hover .character-name{color:aqua;text-shadow:0 0 10px aqua}.menu-item:active{transform:translateY(-2px)}.character-portrait{margin-bottom:1rem;transition:transform .3s ease}.character-portrait .character-icon{display:block;font-size:3rem;margin-bottom:.5rem;transition:all .3s ease}.character-name{font-size:1.2rem;letter-spacing:.1em;margin-bottom:.5rem;transition:all .3s ease}.character-subtitle{color:#888;font-size:.7rem;letter-spacing:.1em}.menu-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.menu-footer .instructions{color:#888;font-size:.8rem;letter-spacing:.1em}.menu-footer .back-button{border:1px solid #ff6b6b;color:#ff6b6b;font-size:.8rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.menu-footer .back-button:hover{background:#ff6b6b;box-shadow:0 0 15px #ff6b6b;color:#000}@media(max-width:768px){.menu-title{font-size:2rem;margin-bottom:2rem}.menu-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.menu-item{padding:1.5rem 1rem}.character-portrait .character-icon{font-size:2.5rem}.character-name{font-size:1rem}.character-subtitle{font-size:.6rem}.menu-footer{flex-direction:column;text-align:center}.menu-footer .back-button,.menu-footer .instructions{font-size:.7rem}}.about-container{background:#000;color:#fff;font-family:Press Start\ 2P,monospace;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw}.about-container::-webkit-scrollbar{width:8px}@media(max-width:768px){.about-container::-webkit-scrollbar{width:4px}}.about-container::-webkit-scrollbar-track{background:#0000004d}.about-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff0040,#0ff);border-radius:4px}@media(max-width:768px){.about-container{overflow-x:hidden}}.fighter-background{background:radial-gradient(ellipse at center,#ff00401a 0,#000c 40%,#000 100%),linear-gradient(45deg,#00ffff0d,#0000 50%,#ff00400d);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-3}.grid-overlay{animation:grid-drift 30s linear infinite;background-image:linear-gradient(#00ffff1a 1px,#0000 0),linear-gradient(90deg,#00ffff1a 1px,#0000 0),linear-gradient(45deg,#ff00400d 2px,#0000 0);z-index:-2}@keyframes grid-drift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(60px,60px) rotate(1deg)}}.scanlines{animation:scanline-flicker .1s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff05 0,#00ffff05 4px);position:fixed;z-index:1000}@keyframes scanline-flicker{0%,98%{opacity:1}99%,to{opacity:.95}}.particles-container{position:fixed;z-index:-1}.particles-container .particle{border-radius:50%;height:4px;position:absolute;width:4px}.particles-container .particle.particle-0{animation:float-1 8s ease-in-out infinite;background:#ff0040;left:10%;top:20%}.particles-container .particle.particle-1{animation:float-2 10s ease-in-out infinite;background:aqua;left:80%;top:60%}.particles-container .particle.particle-2{animation:float-3 12s ease-in-out infinite;background:#fff;left:20%;top:80%}.particles-container .particle.particle-3{animation:float-4 9s ease-in-out infinite;background:#ff0040;left:70%;top:30%}@keyframes float-1{0%,to{opacity:.3;transform:translateY(0) translateX(0)}50%{opacity:1;transform:translateY(-20px) translateX(10px)}}@keyframes float-2{0%,to{opacity:.5;transform:translateY(0) translateX(0)}50%{opacity:.8;transform:translateY(15px) translateX(-15px)}}@keyframes float-3{0%,to{opacity:.4;transform:translateY(0) translateX(0)}50%{opacity:.9;transform:translateY(-10px) translateX(-20px)}}@keyframes float-4{0%,to{opacity:.6;transform:translateY(0) translateX(0)}50%{opacity:.7;transform:translateY(25px) translateX(5px)}}.fighter-header{border-bottom:2px solid #00ffff4d;margin-bottom:2rem;padding:10rem 0 1rem;text-align:center}.fighter-header .fighter-title{animation:title-glow 3s ease-in-out infinite alternate;color:#fff;font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 10px #fffc,0 0 20px #0ff9,0 0 30px #0ff6}@media(max-width:768px){.fighter-header .fighter-title{font-size:1.2rem}}.fighter-header .fighter-class{color:aqua;font-size:.6rem;text-shadow:0 0 8px #0ff9}@media(max-width:768px){.fighter-header .fighter-class{font-size:.5rem}}.fighter-content{margin:0 auto;max-width:1400px;padding:0 2rem}@media(max-width:1024px){.fighter-content{padding:0 1rem}}.fighter-profile-section{grid-gap:2rem;background:#0009;border:2px solid #00ffff4d;border-radius:15px;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-bottom:2rem;padding:2rem}@media(max-width:1200px){.fighter-profile-section{gap:1.5rem;grid-template-columns:250px 1fr;padding:1.5rem}}@media(max-width:1024px){.fighter-profile-section{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem;text-align:center}}@media(max-width:768px){.fighter-profile-section{border-radius:10px;margin-bottom:1.5rem;padding:1rem}}@media(max-width:480px){.fighter-profile-section{gap:1rem;margin-bottom:1rem;padding:.8rem}}.fighter-portrait .portrait-frame{background:linear-gradient(135deg,#00ffff1a,#ff00401a);border:3px solid aqua;border-radius:10px;box-shadow:0 0 20px #00ffff80,inset 0 0 20px #00000080;height:300px;margin:0 auto 1rem;overflow:hidden;position:relative;width:250px}@media(max-width:1200px){.fighter-portrait .portrait-frame{height:240px;width:200px}}@media(max-width:1024px){.fighter-portrait .portrait-frame{height:220px;margin:0 auto 1rem;width:180px}}@media(max-width:768px){.fighter-portrait .portrait-frame{height:200px;width:160px}}@media(max-width:480px){.fighter-portrait .portrait-frame{height:180px;width:140px}}.fighter-portrait .portrait-frame .portrait-image{height:100%;object-fit:cover;object-position:center;width:100%}.fighter-portrait .portrait-frame .portrait-placeholder{align-items:center;background:linear-gradient(45deg,#000c,#141414e6);display:flex;height:100%;justify-content:center;width:100%}.fighter-portrait .portrait-frame .portrait-placeholder .portrait-icon{font-size:4rem;opacity:.3}@media(max-width:1024px){.fighter-portrait .portrait-frame .portrait-placeholder .portrait-icon{font-size:3rem}}.fighter-portrait .portrait-frame .portrait-effects{animation:portrait-scan 4s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00ffff0d 0,#00ffff0d 20px);height:100%;left:0;position:absolute;top:0;width:100%}.fighter-portrait .fighter-motto{color:#fff;font-size:.5rem;line-height:1.4;text-align:center;text-shadow:0 0 8px #fff9}@media(max-width:1024px){.fighter-portrait .fighter-motto{font-size:.45rem}}.fighter-basic-info{display:flex;flex-direction:column;justify-content:center}.fighter-basic-info .basic-description{margin-bottom:2rem}.fighter-basic-info .basic-description h3{color:#ff0040;font-size:.8rem;margin-bottom:1rem;text-shadow:0 0 8px #ff004099}@media(max-width:768px){.fighter-basic-info .basic-description h3{font-size:.6rem}}.fighter-basic-info .basic-description p{color:#ccc;font-size:.6rem;line-height:1.6;margin-bottom:1rem}@media(max-width:768px){.fighter-basic-info .basic-description p{font-size:.5rem}}.fighter-basic-info .basic-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.fighter-basic-info .basic-stats{gap:.8rem;grid-template-columns:1fr 1fr}}@media(max-width:768px){.fighter-basic-info .basic-stats{gap:.8rem;grid-template-columns:1fr}}@media(max-width:480px){.fighter-basic-info .basic-stats{gap:.6rem}}.fighter-basic-info .basic-stats .stat-item{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:8px;padding:1rem}@media(max-width:768px){.fighter-basic-info .basic-stats .stat-item{padding:.8rem}}@media(max-width:480px){.fighter-basic-info .basic-stats .stat-item{padding:.6rem}}.fighter-basic-info .basic-stats .stat-item .stat-label{color:aqua;display:block;font-size:.4rem;margin-bottom:.5rem}@media(max-width:768px){.fighter-basic-info .basic-stats .stat-item .stat-label{font-size:.35rem}}@media(max-width:480px){.fighter-basic-info .basic-stats .stat-item .stat-label{font-size:.3rem;margin-bottom:.3rem}}.fighter-basic-info .basic-stats .stat-item .stat-value{color:#fff;font-size:.5rem;line-height:1.3}@media(max-width:768px){.fighter-basic-info .basic-stats .stat-item .stat-value{font-size:.4rem}}@media(max-width:480px){.fighter-basic-info .basic-stats .stat-item .stat-value{font-size:.35rem}}@keyframes portrait-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fighter-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:.5rem;margin-bottom:2rem}@media(max-width:1024px){.fighter-tabs{flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.fighter-tabs{flex-wrap:wrap;gap:.3rem;margin-bottom:1.5rem}}@media(max-width:480px){.fighter-tabs{gap:.2rem;margin-bottom:1rem}}.fighter-tabs .tab-button{background:#000000b3;border:2px solid #333;border-radius:5px 5px 0 0;color:#ccc;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.5rem;padding:.8rem 1.2rem;transition:all .3s ease}@media(max-width:768px){.fighter-tabs .tab-button{font-size:.4rem;padding:.6rem .8rem}}@media(max-width:480px){.fighter-tabs .tab-button{flex:1 1;font-size:.35rem;min-width:calc(50% - .1rem);padding:.5rem .6rem}}.fighter-tabs .tab-button:hover{border-color:aqua;box-shadow:0 0 10px #00ffff4d;color:aqua}.fighter-tabs .tab-button.active{background:#00ffff1a;border-color:aqua;box-shadow:0 0 15px #00ffff80;color:aqua;transform:translateY(-2px)}.fighter-info{animation:info-fade-in .5s ease-out;background:#000c;border:2px solid #00ffff4d;border-radius:10px;min-height:400px;padding:2rem}@media(max-width:1024px){.fighter-info{min-height:350px;padding:1.5rem}}@media(max-width:768px){.fighter-info{border-radius:8px;min-height:300px;padding:1rem}}@media(max-width:480px){.fighter-info{border-radius:6px;min-height:250px;padding:.8rem}}.fighter-info h3,.fighter-info h4{color:#ff0040;font-size:.8rem;margin-bottom:1rem;text-shadow:0 0 8px #ff004099}@media(max-width:768px){.fighter-info h3,.fighter-info h4{font-size:.6rem;margin-bottom:.8rem}}@media(max-width:480px){.fighter-info h3,.fighter-info h4{font-size:.5rem;margin-bottom:.6rem}}@keyframes info-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-content .profile-description{margin-bottom:2rem}.profile-content .profile-description p{color:#ccc;font-size:.6rem;line-height:1.6;margin-bottom:1rem}@media(max-width:768px){.profile-content .profile-description p{font-size:.5rem}}.profile-content .profile-stats .stat-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.8rem 0}.profile-content .profile-stats .stat-item .stat-label{color:aqua;font-size:.5rem}@media(max-width:768px){.profile-content .profile-stats .stat-item .stat-label{font-size:.4rem}}.profile-content .profile-stats .stat-item .stat-value{color:#fff;font-size:.5rem;text-align:right}@media(max-width:768px){.profile-content .profile-stats .stat-item .stat-value{font-size:.4rem}}.skills-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.skills-content{gap:2.5rem;grid-template-columns:1fr}}.skills-content .skills-category{background:#0006;border:2px solid #0ff3;border-radius:12px;margin-bottom:0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}@media(max-width:768px){.skills-content .skills-category{border-radius:8px;padding:1.5rem}}@media(max-width:480px){.skills-content .skills-category{padding:1rem}}.skills-content .skills-category:hover{border-color:#00ffff80;box-shadow:0 0 20px #0ff3;transform:translateY(-2px)}.skills-content .skills-category:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skills-content .skills-category:hover:before{left:100%}.skills-content .skills-category h4{color:aqua;font-size:.7rem;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 0 10px #0ffc;z-index:1}@media(max-width:768px){.skills-content .skills-category h4{font-size:.6rem;margin-bottom:1.5rem}}@media(max-width:480px){.skills-content .skills-category h4{font-size:.5rem;margin-bottom:1rem}}.skills-content .skills-category .skill-bar{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding:1rem;position:relative;transition:all .3s ease;z-index:1}@media(max-width:768px){.skills-content .skills-category .skill-bar{margin-bottom:1.2rem;padding:.8rem}}@media(max-width:480px){.skills-content .skills-category .skill-bar{margin-bottom:1rem;padding:.6rem}}.skills-content .skills-category .skill-bar:hover{background:#ffffff0d;border-color:#00ffff4d;transform:translateX(5px)}.skills-content .skills-category .skill-bar .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skills-content .skills-category .skill-bar .skill-name{color:#fff;font-size:.5rem;font-weight:700}@media(max-width:768px){.skills-content .skills-category .skill-bar .skill-name{font-size:.4rem}}@media(max-width:480px){.skills-content .skills-category .skill-bar .skill-name{font-size:.35rem}}.skills-content .skills-category .skill-bar .skill-level{color:aqua;font-size:.45rem;text-shadow:0 0 5px #0ff9}@media(max-width:768px){.skills-content .skills-category .skill-bar .skill-level{font-size:.4rem}}@media(max-width:480px){.skills-content .skills-category .skill-bar .skill-level{font-size:.35rem}}.skills-content .skills-category .skill-bar .skill-progress{background:#0009;border:1px solid #fff3;border-radius:6px;height:12px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.skills-content .skills-category .skill-bar .skill-progress{height:10px}}@media(max-width:480px){.skills-content .skills-category .skill-bar .skill-progress{height:8px}}.skills-content .skills-category .skill-bar .skill-progress .skill-fill{animation:skill-fill 2s ease-out;background:linear-gradient(90deg,#ff0040,#ff4080 25%,#8040ff 50%,#4080ff 75%,#0ff);border-radius:5px;box-shadow:0 0 10px #00ffff80,inset 0 1px 0 #ffffff4d;height:100%;position:relative}.skills-content .skills-category .skill-bar .skill-progress .skill-fill:after{animation:skill-shine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skill-fill{0%{width:0!important}}@keyframes skill-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.experience-content{display:flex;flex-direction:column;gap:2rem}.experience-content h3{color:aqua;font-size:1rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #0ffc}@media(max-width:768px){.experience-content h3{font-size:.8rem;margin-bottom:1.5rem}}.experience-content .experiences-grid{grid-gap:2rem;display:grid;gap:2rem}@media(max-width:768px){.experience-content .experiences-grid{gap:1.5rem}}.experience-content .experience-item{background:#0006;border:2px solid #ff00404d;border-radius:12px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}@media(max-width:768px){.experience-content .experience-item{border-radius:8px;padding:1.5rem}}@media(max-width:480px){.experience-content .experience-item{padding:1rem}}.experience-content .experience-item:hover{border-color:#ff004099;box-shadow:0 0 25px #ff00404d;transform:translateY(-3px)}.experience-content .experience-item:before{background:linear-gradient(90deg,#0000,#ff00401a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.experience-content .experience-item:hover:before{left:100%}.experience-content .experience-item .exp-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}@media(max-width:768px){.experience-content .experience-item .exp-header{flex-direction:column;gap:.5rem}}.experience-content .experience-item .exp-header .exp-period{background:linear-gradient(45deg,#ff0040,#ff4080);border-radius:20px;box-shadow:0 0 10px #ff004066;color:#fff;font-size:.45rem;font-weight:700;padding:.5rem 1rem;text-shadow:0 0 5px #00000080}@media(max-width:768px){.experience-content .experience-item .exp-header .exp-period{font-size:.4rem;padding:.4rem .8rem}}@media(max-width:480px){.experience-content .experience-item .exp-header .exp-period{font-size:.35rem;padding:.3rem .6rem}}.experience-content .experience-item .exp-header .exp-company{color:aqua;font-size:.6rem;text-align:right;text-shadow:0 0 8px #0ff9}@media(max-width:768px){.experience-content .experience-item .exp-header .exp-company{font-size:.5rem;text-align:left}}@media(max-width:480px){.experience-content .experience-item .exp-header .exp-company{font-size:.4rem}}.experience-content .experience-item .exp-role{color:#fff;font-size:.7rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}@media(max-width:768px){.experience-content .experience-item .exp-role{font-size:.6rem;margin-bottom:.8rem}}@media(max-width:480px){.experience-content .experience-item .exp-role{font-size:.5rem}}.experience-content .experience-item .exp-description{color:#ccc;font-size:.5rem;line-height:1.6;position:relative;z-index:1}@media(max-width:768px){.experience-content .experience-item .exp-description{font-size:.45rem;line-height:1.5}}@media(max-width:480px){.experience-content .experience-item .exp-description{font-size:.4rem}}.experience-content .education-section{margin-top:3rem}.experience-content .education-section h3{color:aqua;font-size:.9rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #0ffc}@media(max-width:768px){.experience-content .education-section h3{font-size:.7rem;margin-bottom:1.5rem}}.experience-content .education-section .education-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media(max-width:768px){.experience-content .education-section .education-grid{gap:1rem}}.experience-content .education-section .education-item{align-items:center;background:#0000004d;border:1px solid #0ff3;border-radius:8px;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}@media(max-width:768px){.experience-content .education-section .education-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}}@media(max-width:480px){.experience-content .education-section .education-item{padding:.8rem}}.experience-content .education-section .education-item:hover{border-color:#00ffff80;box-shadow:0 0 15px #0ff3;transform:translateX(5px)}.experience-content .education-section .education-item .edu-period{background:linear-gradient(45deg,#0ff,#4080ff);border-radius:15px;box-shadow:0 0 8px #0ff6;color:#000;font-size:.4rem;font-weight:700;min-width:80px;padding:.4rem .8rem;text-align:center}@media(max-width:768px){.experience-content .education-section .education-item .edu-period{font-size:.35rem;min-width:auto;padding:.3rem .6rem}}.experience-content .education-section .education-item .edu-school{color:#fff;flex:1 1;font-size:.5rem}@media(max-width:768px){.experience-content .education-section .education-item .edu-school{font-size:.4rem}}@media(max-width:480px){.experience-content .education-section .education-item .edu-school{font-size:.35rem}}.projects-content .project-item{background:#ff00401a;border:2px solid #ff00404d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.projects-content .project-item .project-name{color:#ff0040;font-size:.7rem;margin-bottom:.5rem}@media(max-width:768px){.projects-content .project-item .project-name{font-size:.6rem}}.projects-content .project-item .project-type{color:#fff;font-size:.5rem;margin-bottom:.3rem}@media(max-width:768px){.projects-content .project-item .project-type{font-size:.4rem}}.projects-content .project-item .project-tech{color:aqua;font-size:.4rem}@media(max-width:768px){.projects-content .project-item .project-tech{font-size:.35rem}}.contact-content .contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}@media(max-width:1024px){.contact-content .contact-grid{gap:1.2rem}}@media(max-width:768px){.contact-content .contact-grid{gap:1rem;grid-template-columns:1fr}}@media(max-width:480px){.contact-content .contact-grid{gap:.8rem;margin-bottom:1.5rem}}.contact-content .contact-grid .contact-item{align-items:center;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:10px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}@media(max-width:768px){.contact-content .contact-grid .contact-item{gap:.8rem;padding:1rem}}@media(max-width:480px){.contact-content .contact-grid .contact-item{border-radius:8px;gap:.6rem;padding:.8rem}}.contact-content .contact-grid .contact-item:hover{border-color:aqua;box-shadow:0 0 15px #0ff6;transform:translateY(-2px)}.contact-content .contact-grid .contact-item .contact-icon{font-size:1.5rem;min-width:1.5rem}.contact-content .contact-grid .contact-item .contact-info{display:flex;flex-direction:column;gap:.3rem}.contact-content .contact-grid .contact-item .contact-info .contact-label{color:aqua;font-size:.4rem;text-transform:uppercase}@media(max-width:768px){.contact-content .contact-grid .contact-item .contact-info .contact-label{font-size:.35rem}}.contact-content .contact-grid .contact-item .contact-info .contact-value{color:#fff;font-size:.5rem;text-decoration:none;transition:color .3s ease}@media(max-width:768px){.contact-content .contact-grid .contact-item .contact-info .contact-value{font-size:.4rem}}.contact-content .contact-grid .contact-item .contact-info .contact-value:hover{color:aqua}.contact-content .availability-section{background:#ff00401a;border:2px solid #ff00404d;border-radius:10px;padding:2rem}.contact-content .availability-section h4{color:#ff0040;font-size:.7rem;margin-bottom:1rem;text-shadow:0 0 8px #ff004099}@media(max-width:768px){.contact-content .availability-section h4{font-size:.6rem}}.contact-content .availability-section .availability-status{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.contact-content .availability-section .availability-status .status-indicator{border-radius:50%;height:12px;width:12px}.contact-content .availability-section .availability-status .status-indicator.online{animation:pulse-green 2s ease-in-out infinite;background:lime;box-shadow:0 0 10px #0f09}.contact-content .availability-section .availability-status .status-text{color:lime;font-size:.6rem;font-weight:700}@media(max-width:768px){.contact-content .availability-section .availability-status .status-text{font-size:.5rem}}.contact-content .availability-section .availability-description{color:#ccc;font-size:.5rem;line-height:1.6}@media(max-width:768px){.contact-content .availability-section .availability-description{font-size:.4rem}}@keyframes pulse-green{0%,to{box-shadow:0 0 10px #0f09;transform:scale(1)}50%{box-shadow:0 0 20px #0f0c;transform:scale(1.1)}}@media(max-width:768px){.about-container{padding:0}.fighter-header{margin-bottom:1rem;padding:6rem 0 .5rem}.fighter-content{padding:0 .5rem}.fighter-portrait{margin-bottom:1rem;position:static}.fighter-info{min-height:300px}}@media(max-width:480px){.about-container{font-size:14px}.fighter-header{padding:5rem 0 .5rem}.fighter-content{padding:0 .3rem}}@media(max-width:360px){.fighter-content{padding:0 .2rem}.fighter-tabs .tab-button{font-size:.3rem;padding:.4rem .5rem}.fighter-info{min-height:200px;padding:.6rem}}.arena-background{background:radial-gradient(ellipse at center,#140a1e 0,#0f0519 30%,#0a0014 60%,#000 100%);left:0;top:0;z-index:-3}.arena-background,.grid-overlay{height:100%;position:absolute;width:100%}.grid-overlay{animation:grid-move 25s linear infinite;background-image:linear-gradient(#ff00801a 1px,#0000 0),linear-gradient(90deg,#ff00801a 1px,#0000 0),linear-gradient(45deg,#0096ff0d 2px,#0000 0);background-size:80px 80px,80px 80px,160px 160px}.particle{animation:float 12s ease-in-out infinite}.particle.particle-0{animation-duration:15s;background:radial-gradient(circle,#ff0080,#0000);box-shadow:0 0 15px #ff0080;height:5px;top:25%;width:5px}.particle.particle-1{animation-delay:-4s;animation-duration:12s;background:radial-gradient(circle,#0096ff,#0000);box-shadow:0 0 20px #0096ff;height:7px;left:85%;width:7px}.particle.particle-2{animation-delay:-8s;animation-duration:18s;background:radial-gradient(circle,gold,#0000);box-shadow:0 0 12px gold;height:4px;left:75%;top:50%;width:4px}.central-halo{animation:halo-pulse 8s ease-in-out infinite;background:radial-gradient(ellipse at center,#ff00800f 0,#0096ff14 40%,#ffd7000a 70%,#0000 100%);height:700px;width:1000px}.portfolio-container{align-items:center;display:flex;flex-direction:column;font-family:Press Start\ 2P,monospace;height:100vh;left:0;margin:0;overflow:hidden;padding:2rem;position:fixed;top:0;width:100vw}@media(max-width:768px){.portfolio-container{padding:1rem}}@media(max-width:480px){.portfolio-container{padding:.5rem}}.portfolio-container:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff008003 0,#ff008003 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.arena-title{margin:6rem 0 3rem;text-align:center;z-index:10}.arena-title .main-title{animation:title-glow 3s ease-in-out infinite alternate;color:#ff0080;font-size:3rem;margin:0 0 1rem;text-shadow:0 0 10px #ff0080cc,0 0 20px #ff008099,0 0 30px #ff008066}@media(max-width:768px){.arena-title .main-title{font-size:2rem}}.arena-title .subtitle{color:aqua;font-size:.8rem;margin:0;opacity:.8;text-shadow:0 0 8px #0ff9}.filter-tabs{display:flex;gap:1rem;margin:6rem 0 3rem;z-index:10}.filter-tabs button{background:#000000b3;border:2px solid #666;border-radius:8px;color:#ccc;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.6rem;padding:.8rem 1.5rem;transition:all .3s ease}.filter-tabs button:hover{border-color:aqua;box-shadow:0 0 15px #00ffff4d;color:aqua;text-shadow:0 0 8px #0ff9}.filter-tabs button.active{background:#ff008033;border-color:#ff0080;box-shadow:0 0 20px #ff008066;color:#ff0080;text-shadow:0 0 10px #ff0080cc}@media(max-width:768px){.filter-tabs{flex-wrap:wrap;justify-content:center}.filter-tabs button{font-size:.5rem;padding:.6rem 1rem}}.arena-grid{background:linear-gradient(180deg,#0000,#000c 30%,#000000f2);bottom:0;display:flex;gap:1.5rem;left:0;overflow-x:auto;overflow-y:hidden;padding:1rem 2rem 2rem;position:fixed;right:0;scroll-behavior:smooth;width:100%;z-index:100}.arena-grid::-webkit-scrollbar{height:8px}.arena-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.arena-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff0080,#0ff);border-radius:4px}.arena-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ff4080,#40ffff)}@media(max-width:768px){.arena-grid{gap:.8rem;height:120px;padding:.8rem 1rem 2rem}.arena-grid::-webkit-scrollbar{height:6px}.arena-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff0080,#0ff);border-radius:3px}}@media(max-width:480px){.arena-grid{gap:.6rem;height:110px;padding:.6rem .8rem 1.8rem}}.arena-slot{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:10px;cursor:pointer;flex:0 0 200px;overflow:hidden;position:relative;touch-action:manipulation;transition:all .3s ease}.arena-slot:hover{transform:translateY(-5px) scale(1.02)}.arena-slot:hover .arena-image{filter:brightness(1.2) drop-shadow(0 0 20px rgba(0,255,255,.6))}.arena-slot:hover .arena-overlay{opacity:1}.arena-slot.selected .arena-image{filter:brightness(1.3) drop-shadow(0 0 30px rgba(255,215,0,.8))}.arena-slot.selected .arena-overlay{background:#ffd70033;opacity:1}.arena-slot.selected .selected-indicator{display:block}.arena-slot.focused{outline:3px solid aqua;outline-offset:2px;transform:translateY(-3px) scale(1.05)}.arena-slot.focused .arena-image{filter:brightness(1.15) drop-shadow(0 0 15px rgba(0,255,255,.7))}.arena-slot.focused .arena-overlay{background:#00ffff1a;opacity:.9}.arena-slot.focused.selected{outline-color:gold}.arena-slot.focused.selected .arena-image{filter:brightness(1.4) drop-shadow(0 0 35px rgb(255,215,0))}.arena-slot.focused.selected .arena-overlay{background:#ffd7004d}.arena-slot.touching,.arena-slot:active{transform:scale(.95);transition:transform .1s ease}@media(hover:none)and (pointer:coarse){.arena-slot:hover{transform:none}.arena-slot.touching,.arena-slot:active{transform:scale(.95) translateY(-2px)}.arena-slot.touching .arena-image,.arena-slot:active .arena-image{filter:brightness(1.1) drop-shadow(0 0 15px rgba(0,255,255,.4))}}@media(max-width:768px){.arena-slot{flex:0 0 140px}.arena-slot:hover{transform:translateY(-3px) scale(1.01)}}@media(max-width:480px){.arena-slot{flex:0 0 120px}.arena-slot:hover{transform:translateY(-2px) scale(1.01)}}.arena-image-container{border:2px solid #333;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.arena-image-container{border-radius:6px;height:90px}}@media(max-width:480px){.arena-image-container{border-radius:5px;border-width:1px;height:75px}}.arena-image{filter:brightness(.8) drop-shadow(0 4px 8px rgba(0,0,0,.5));object-fit:cover}.arena-image,.arena-overlay{height:100%;transition:all .3s ease;width:100%}.arena-overlay{align-items:center;background:#000000b3;display:flex;justify-content:center;left:0;opacity:0;position:absolute;top:0}.arena-info{color:#fff;text-align:center}.arena-info .arena-name{color:aqua;font-size:.6rem;margin:0 0 .5rem;text-shadow:0 0 8px #0ff9}@media(max-width:768px){.arena-info .arena-name{font-size:.5rem;margin:0 0 .3rem}}@media(max-width:480px){.arena-info .arena-name{font-size:.45rem;margin:0 0 .2rem}}.arena-info .arena-type{color:#ccc;font-size:.4rem;margin:0 0 .5rem}@media(max-width:768px){.arena-info .arena-type{font-size:.35rem;margin:0 0 .3rem}}@media(max-width:480px){.arena-info .arena-type{font-size:.3rem;margin:0 0 .2rem}}.arena-info .arena-difficulty{font-size:.4rem;font-weight:700;text-shadow:0 0 8px currentColor}@media(max-width:768px){.arena-info .arena-difficulty{font-size:.35rem}}@media(max-width:480px){.arena-info .arena-difficulty{font-size:.3rem}}.selected-indicator{animation:selected-bounce .5s ease-out;background:gold;border-radius:15px;box-shadow:0 0 15px #ffd700cc;color:#000;display:none;font-size:.4rem;font-weight:700;left:50%;padding:.3rem .8rem;position:absolute;top:-10px;transform:translateX(-50%)}@keyframes selected-bounce{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(0)}50%{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1.1)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.invitation-message{animation:invitation-fade-in 1s ease-out;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.invitation-message .invitation-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #00ffff80;border-radius:15px;box-shadow:0 0 30px #00ffff4d,inset 0 0 30px #00ffff1a;padding:3rem 2rem}@media(max-width:768px){.invitation-message .invitation-content{padding:2rem 1.5rem}}.invitation-message .invitation-content .invitation-icon{animation:icon-pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@media(max-width:768px){.invitation-message .invitation-content .invitation-icon{font-size:3rem}}.invitation-message .invitation-content .invitation-title{animation:title-glow 3s ease-in-out infinite alternate;color:aqua;font-family:Press Start\ 2P,monospace;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9}@media(max-width:768px){.invitation-message .invitation-content .invitation-title{font-size:1rem}}@media(max-width:480px){.invitation-message .invitation-content .invitation-title{font-size:.8rem}}.invitation-message .invitation-content .invitation-subtitle{color:#fff;font-family:Press Start\ 2P,monospace;font-size:.7rem;line-height:1.6;margin-bottom:1rem;text-shadow:0 0 8px #fff9}@media(max-width:768px){.invitation-message .invitation-content .invitation-subtitle{font-size:.6rem}}@media(max-width:480px){.invitation-message .invitation-content .invitation-subtitle{font-size:.5rem}}.invitation-message .invitation-content .invitation-controls{color:#ccc;font-family:Press Start\ 2P,monospace;font-size:.5rem;line-height:1.8;margin-bottom:2rem}@media(max-width:768px){.invitation-message .invitation-content .invitation-controls{font-size:.45rem}}@media(max-width:480px){.invitation-message .invitation-content .invitation-controls{font-size:.4rem}}.invitation-message .invitation-content .invitation-controls .control-key{background:#0ff3;border:1px solid #00ffff80;border-radius:4px;color:aqua;margin:0 .2rem;padding:.2rem .4rem;text-shadow:0 0 5px #0ffc}@media(max-width:480px){.invitation-message .invitation-content .invitation-controls .control-key{margin:0 .1rem;padding:.15rem .3rem}}.invitation-message .invitation-content .invitation-arrow{animation:arrow-bounce 1.5s ease-in-out infinite;color:#ff0040;font-size:2rem}@media(max-width:768px){.invitation-message .invitation-content .invitation-arrow{font-size:1.5rem}}.selected-image-display{align-items:center;animation:image-fade-in .6s ease-out;display:flex;justify-content:center;left:50%;max-width:800px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:10}.selected-image-display img{animation:image-change .6s ease-in-out;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));height:auto;max-height:400px;max-width:100%;object-fit:contain;transition:opacity .4s ease-in-out,transform .4s ease-in-out,filter .3s ease;width:auto}.selected-image-display img:hover{filter:drop-shadow(0 15px 40px rgba(0,0,0,.7)) drop-shadow(0 0 20px rgba(255,0,128,.3));transform:scale(1.02)}@media(max-width:768px){.selected-image-display{max-width:90%}.selected-image-display img{max-height:280px}}@media(max-width:480px){.selected-image-display{max-width:95%}.selected-image-display img{max-height:220px}}@media(max-width:360px){.selected-image-display{max-width:98%}.selected-image-display img{max-height:180px}}@keyframes image-fade-in{0%{filter:blur(5px) brightness(.5);opacity:0;transform:translate(-50%,-60%)}50%{filter:blur(2px) brightness(.8);opacity:.5;transform:translate(-50%,-55%)}to{filter:blur(0) brightness(1);opacity:1;transform:translate(-50%,-50%)}}@keyframes image-change{0%{filter:blur(3px) brightness(.7);opacity:0;transform:scale(.9) rotateY(10deg)}25%{filter:blur(2px) brightness(.85);opacity:.3;transform:scale(.95) rotateY(5deg)}50%{filter:blur(1px) brightness(.95);opacity:.7;transform:scale(.98) rotateY(0deg)}to{filter:blur(0) brightness(1);opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes invitation-fade-in{0%{filter:blur(5px);opacity:0;transform:translate(-50%,-60%)}to{filter:blur(0);opacity:1;transform:translate(-50%,-50%)}}@keyframes icon-pulse{0%,to{filter:grayscale(0);transform:scale(1)}50%{filter:grayscale(20%);transform:scale(1.1)}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.back-button{background:#000c;border:2px solid #666;border-radius:8px;color:#ccc;cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:.6rem;left:2rem;padding:.8rem 1.5rem;position:fixed;top:6rem;transition:all .3s ease;z-index:100}.back-button:hover{background:#0ff3;border-color:aqua;box-shadow:0 0 15px #00ffff4d;color:aqua;text-shadow:0 0 8px #0ff9}.back-button:active{transform:translateY(2px)}@media(max-width:768px){.back-button{font-size:.5rem;padding:.6rem 1rem;top:5rem}.portfolio-container{padding:1rem}.arena-title{margin:4rem 0 2rem}.arena-grid,.filter-tabs{margin-bottom:2rem}}.contact-background{background:radial-gradient(ellipse at center,#001e14 0,#00140f 30%,#000f0a 60%,#000 100%);z-index:-3}.contact-background,.grid-overlay{height:100vh;left:0;min-height:100vh;position:fixed;top:0;width:100vw}.grid-overlay{animation:grid-move 20s linear infinite;background-image:linear-gradient(#00ff641a 1px,#0000 0),linear-gradient(90deg,#00ff641a 1px,#0000 0),linear-gradient(45deg,#00ffff0d 2px,#0000 0);background-size:60px 60px,60px 60px,120px 120px;z-index:-1}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.particles-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle{animation:float 15s ease-in-out infinite;border-radius:50%;position:absolute}.particle.particle-0{animation-delay:0s;animation-duration:18s;background:radial-gradient(circle,#00ff64,#0000);box-shadow:0 0 12px #00ff64;height:4px;left:15%;top:20%;width:4px}.particle.particle-1{animation-delay:-5s;animation-duration:14s;background:radial-gradient(circle,#0ff,#0000);box-shadow:0 0 18px aqua;height:6px;left:80%;top:70%;width:6px}.particle.particle-2{animation-delay:-10s;animation-duration:20s;background:radial-gradient(circle,#64ff00,#0000);box-shadow:0 0 10px #64ff00;height:3px;left:70%;top:45%;width:3px}@keyframes float{0%,to{opacity:.4;transform:translateY(0) translateX(0)}50%{opacity:.8;transform:translateY(-12px) translateX(6px)}}.central-halo{animation:halo-pulse 7s ease-in-out infinite;background:radial-gradient(ellipse at center,#00ff640f 0,#00ffff14 40%,#64ff000a 70%,#0000 100%);height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:900px;z-index:0}@media(max-width:1024px){.central-halo{height:450px;width:700px}}@media(max-width:768px){.central-halo{height:350px;width:500px}}@media(max-width:480px){.central-halo{height:250px;width:350px}}@keyframes halo-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.03)}}.crt-overlay{animation:crt-flicker .2s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff6403 0,#00ff6403 4px),radial-gradient(ellipse at center,#0000 60%,#0000001a 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:999}.contact-container{align-items:center;display:flex;font-family:Press Start\ 2P,monospace;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}@media(max-width:768px){.contact-container{align-items:flex-start;overflow-x:hidden;overflow-y:auto;padding:6rem 2rem 4rem}}@media(max-width:480px){.contact-container{padding:6rem 1.5rem 4rem}}.contact-container:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff6403 0,#00ff6403 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.contact-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr 1fr;height:calc(100vh - 40px);margin-top:180px;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:10}@media(max-width:1200px){.contact-content{gap:1.5rem;margin-top:150px;max-width:1000px;padding:1.5rem}}@media(max-width:1024px){.contact-content{gap:2rem;grid-template-columns:1fr;height:auto;margin-bottom:3rem;margin-top:0;padding:0}}@media(max-width:768px){.contact-content{gap:2.5rem;margin-bottom:2rem;padding:0}}@media(max-width:480px){.contact-content{gap:3rem;margin-bottom:3rem;padding:0}}.terminal-intro{background:#000c;border:2px solid #00ff64;border-radius:8px;box-shadow:0 0 20px #00ff644d;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:1rem;overflow:hidden}@media(max-width:768px){.terminal-intro{margin-bottom:2rem}}@media(max-width:480px){.terminal-intro{margin-bottom:2.5rem}}@media(max-width:768px){.terminal-intro{border-radius:6px}}@media(max-width:480px){.terminal-intro{border-radius:4px;border-width:1px}}.terminal-intro .terminal-header{align-items:center;background:#00ff6433;border-bottom:1px solid #00ff64;display:flex;justify-content:space-between;padding:.5rem 1rem}.terminal-intro .terminal-header .terminal-title{color:#00ff64;font-size:.5rem}@media(max-width:768px){.terminal-intro .terminal-header .terminal-title{font-size:.4rem}}@media(max-width:480px){.terminal-intro .terminal-header .terminal-title{font-size:.35rem}}.terminal-intro .terminal-header .terminal-controls{display:flex;gap:.5rem}@media(max-width:480px){.terminal-intro .terminal-header .terminal-controls{gap:.3rem}}.terminal-intro .terminal-header .terminal-controls .control-dot{border-radius:50%;height:8px;width:8px}@media(max-width:480px){.terminal-intro .terminal-header .terminal-controls .control-dot{height:6px;width:6px}}.terminal-intro .terminal-header .terminal-controls .control-dot.red{background:#f44}.terminal-intro .terminal-header .terminal-controls .control-dot.yellow{background:#ff4}.terminal-intro .terminal-header .terminal-controls .control-dot.green{background:#4f4}.terminal-intro .terminal-body{min-height:100px;padding:1rem}@media(max-width:768px){.terminal-intro .terminal-body{min-height:60px;padding:.8rem}}@media(max-width:480px){.terminal-intro .terminal-body{min-height:50px;padding:.6rem}}.terminal-intro .terminal-body .terminal-text{color:#00ff64;font-size:.45rem;line-height:1.4;margin:0;white-space:pre-wrap}@media(max-width:768px){.terminal-intro .terminal-body .terminal-text{font-size:.4rem;line-height:1.3}}@media(max-width:480px){.terminal-intro .terminal-body .terminal-text{font-size:.35rem;line-height:1.2}}.terminal-intro .terminal-body .cursor{animation:cursor-blink 1s infinite;color:#00ff64}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.contact-form-container .contact-header{margin-bottom:2rem;padding:0 1rem;text-align:center}@media(max-width:768px){.contact-form-container .contact-header{margin-bottom:2.5rem;padding:0 .5rem}}@media(max-width:480px){.contact-form-container .contact-header{margin-bottom:3rem;padding:0}}.contact-form-container .contact-title{animation:title-glow 3s ease-in-out infinite alternate;color:aqua;font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9}@media(max-width:1024px){.contact-form-container .contact-title{font-size:1rem}}@media(max-width:768px){.contact-form-container .contact-title{font-size:.9rem;margin-bottom:.8rem}}@media(max-width:480px){.contact-form-container .contact-title{font-size:.8rem;margin-bottom:.6rem}}@media(max-width:360px){.contact-form-container .contact-title{font-size:.7rem}}.contact-form-container .contact-subtitle{color:#ccc;font-size:.6rem;line-height:1.6;margin-bottom:1rem}@media(max-width:768px){.contact-form-container .contact-subtitle{font-size:.5rem;margin-bottom:.8rem}}@media(max-width:480px){.contact-form-container .contact-subtitle{font-size:.45rem;margin-bottom:.6rem}}.contact-form-container .contact-benefits{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}@media(max-width:768px){.contact-form-container .contact-benefits{display:none}}.contact-form-container .contact-benefits .benefit{background:#00ff641a;border:1px solid #00ff644d;border-radius:15px;color:#00ff64;font-size:.5rem;padding:.3rem .6rem}@keyframes title-glow{0%{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9}to{text-shadow:0 0 15px aqua,0 0 25px #0ffc,0 0 35px #0ff9}}.contact-form .form-group{margin-bottom:1rem}@media(max-width:768px){.contact-form .form-group{margin-bottom:1.5rem}}@media(max-width:480px){.contact-form .form-group{margin-bottom:2.5rem}}.contact-form .form-group label{color:#00ff64;display:block;font-size:.6rem;margin-bottom:.5rem;text-shadow:0 0 8px #00ff6499}@media(max-width:768px){.contact-form .form-group label{font-size:.5rem;margin-bottom:.4rem}}@media(max-width:480px){.contact-form .form-group label{font-size:.45rem;margin-bottom:.3rem}}.contact-form .form-group label .required{color:#ff0040;margin-left:.2rem}.contact-form .form-group .field-help{color:#888;display:block;font-size:.4rem;font-style:italic;margin-top:.3rem}@media(max-width:768px){.contact-form .form-group .field-help{display:none}}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{background:#000000b3;border:2px solid #333;border-radius:4px;color:aqua;font-family:Press Start\ 2P,monospace;font-size:.5rem;padding:.8rem;transition:all .3s ease;width:100%}@media(max-width:768px){.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{border-radius:6px;font-size:.5rem;min-height:48px;padding:1rem}}@media(max-width:480px){.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{border-radius:8px;font-size:.5rem;min-height:52px;padding:1.2rem}}.contact-form .form-group input::placeholder,.contact-form .form-group select::placeholder,.contact-form .form-group textarea::placeholder{color:#666}.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus{background:#000000e6;border-color:aqua;box-shadow:0 0 15px #00ffff4d;outline:none}.contact-form .form-group input:hover,.contact-form .form-group select:hover,.contact-form .form-group textarea:hover{border-color:#00ff64}.contact-form .form-group textarea{line-height:1.5;min-height:120px;resize:vertical}@media(max-width:768px){.contact-form .form-group textarea{min-height:140px}}@media(max-width:480px){.contact-form .form-group textarea{min-height:160px}}.contact-form .form-group select{cursor:pointer}.contact-form .form-group select option{background:#000;color:aqua}.contact-form .submit-btn{align-items:center;background:linear-gradient(45deg,#00ff64,#0ff);border:none;border-radius:8px;box-shadow:0 4px 15px #00ff644d;color:#000;cursor:pointer;display:flex;font-family:Press Start\ 2P,monospace;font-size:.6rem;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:1rem 2rem;transition:all .3s ease;width:100%}@media(max-width:768px){.contact-form .submit-btn{border-radius:8px;font-size:.55rem;gap:.5rem;margin-top:2rem;min-height:56px;padding:1.2rem 2rem}}@media(max-width:480px){.contact-form .submit-btn{border-radius:10px;font-size:.5rem;gap:.5rem;margin-top:2.5rem;min-height:60px;padding:1.4rem 2rem}}.contact-form .submit-btn .btn-icon{font-size:1em}.contact-form .submit-btn:hover:not(:disabled){background:linear-gradient(45deg,#0ff,#00ff64);box-shadow:0 6px 20px #00ff6480;transform:translateY(-2px)}.contact-form .submit-btn:active:not(:disabled){transform:translateY(0)}.contact-form .submit-btn:disabled{animation:pulse 1s infinite;cursor:not-allowed;opacity:.6}.contact-form .form-footer{margin-top:1.5rem;text-align:center}.contact-form .form-footer .privacy-note{color:#888;font-size:.4rem;line-height:1.5;margin:0}@media(max-width:768px){.contact-form .form-footer .privacy-note{font-size:.35rem}}@media(max-width:480px){.contact-form .form-footer .privacy-note{font-size:.3rem}}.contact-form .submit-status{animation:status-appear .5s ease-out;background:#00ff6433;border:2px solid #00ff64;border-radius:4px;color:#00ff64;font-size:.5rem;margin-top:1rem;padding:1rem;text-align:center}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes status-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-info .info-panel{background:#000c;border:2px solid aqua;border-radius:8px;box-shadow:0 0 20px #00ffff4d;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.5rem}@media(max-width:768px){.contact-info .info-panel{border-radius:6px;padding:1rem}}@media(max-width:480px){.contact-info .info-panel{border-radius:4px;border-width:1px;padding:.8rem}}.contact-info .info-panel h3{color:aqua;font-size:.7rem;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px #0ff9}@media(max-width:768px){.contact-info .info-panel h3{font-size:.6rem;margin-bottom:1rem}}@media(max-width:480px){.contact-info .info-panel h3{font-size:.5rem;margin-bottom:.8rem}}.contact-info .info-panel .contact-methods .contact-method{border-bottom:1px solid #333;display:flex;flex-direction:column;margin-bottom:1rem;padding:.5rem 0}.contact-info .info-panel .contact-methods .contact-method:last-child{border-bottom:none}.contact-info .info-panel .contact-methods .contact-method .method-label{color:#00ff64;font-size:.4rem;margin-bottom:.3rem}@media(max-width:768px){.contact-info .info-panel .contact-methods .contact-method .method-label{font-size:.35rem;margin-bottom:.2rem}}@media(max-width:480px){.contact-info .info-panel .contact-methods .contact-method .method-label{font-size:.3rem}}.contact-info .info-panel .contact-methods .contact-method .method-value{color:aqua;font-size:.5rem;word-break:break-all}@media(max-width:768px){.contact-info .info-panel .contact-methods .contact-method .method-value{font-size:.4rem}}@media(max-width:480px){.contact-info .info-panel .contact-methods .contact-method .method-value{font-size:.35rem}}.contact-info .info-panel .contact-methods .contact-method .method-value.status-online{animation:status-blink 2s infinite;color:#00ff64}.contact-info .info-panel .contact-methods .contact-method .method-value.method-link{cursor:pointer;position:relative;text-decoration:none;transition:all .3s ease}.contact-info .info-panel .contact-methods .contact-method .method-value.method-link:hover{color:#00ff64;text-shadow:0 0 10px #00ff64cc;transform:translateX(5px)}.contact-info .info-panel .contact-methods .contact-method .method-value.method-link:active{color:#64ff00;text-shadow:0 0 15px #64ff00}.contact-info .info-panel .contact-methods .contact-method .method-value.method-link:before{color:#00ff64;content:">";left:-15px;opacity:0;position:absolute;transition:all .3s ease}.contact-info .info-panel .contact-methods .contact-method .method-value.method-link:hover:before{animation:link-arrow .6s ease-in-out infinite;left:-20px;opacity:1}@keyframes status-blink{0%,90%{opacity:1}95%{opacity:.5}to{opacity:1}}@keyframes link-arrow{0%,to{opacity:1;transform:translateX(0)}50%{opacity:.7;transform:translateX(3px)}}@media(max-width:360px){.contact-content{gap:.6rem;padding:.2rem}.terminal-intro .terminal-body{min-height:40px;padding:.4rem}.contact-form .form-group{margin-bottom:.8rem}.contact-form .form-group input,.contact-form .form-group select,.contact-form .form-group textarea{font-size:.35rem;padding:.4rem}.contact-info .info-panel{padding:.6rem}.contact-info .info-panel .contact-methods .contact-method{margin-bottom:.8rem;padding:.3rem 0}}.notfound-container{align-items:center;background:#000;display:flex;font-family:Press Start\ 2P,monospace;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.error-background{background:radial-gradient(ellipse at center,#ff00001a 0,#6400000d 30%,#000 70%);z-index:-3}.error-background,.glitch-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.glitch-overlay{animation:glitch-overlay .3s infinite;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#ff000008 0,#ff000008 4px),repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0005 0,#00ff0005 4px);z-index:-2}@keyframes glitch-overlay{0%,90%{opacity:1;transform:translate(0)}92%{opacity:.8;transform:translate(2px)}94%{opacity:.9;transform:translate(-2px)}96%{opacity:.7;transform:translate(1px)}to{opacity:1;transform:translate(0)}}.scanlines{animation:scanlines-move .1s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:998}@keyframes scanlines-move{0%{transform:translateY(0)}to{transform:translateY(4px)}}.noise{animation:noise-animation .2s infinite;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:4px 4px;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:997}@keyframes noise-animation{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}.error-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.error-particle{animation:error-float 8s ease-in-out infinite;border-radius:50%;position:absolute}.error-particle.error-particle-0{animation-delay:0s;animation-duration:12s;background:radial-gradient(circle,#ff0040,#0000);box-shadow:0 0 15px #ff0040;height:6px;left:10%;top:20%;width:6px}.error-particle.error-particle-1{animation-delay:-3s;animation-duration:10s;background:radial-gradient(circle,#ff4000,#0000);box-shadow:0 0 10px #ff4000;height:4px;left:85%;top:60%;width:4px}.error-particle.error-particle-2{animation-delay:-6s;animation-duration:15s;background:radial-gradient(circle,#ff0080,#0000);box-shadow:0 0 20px #ff0080;height:8px;left:75%;top:40%;width:8px}@keyframes error-float{0%,to{opacity:.3;transform:translateY(0) translateX(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-15px) translateX(8px) rotate(180deg)}}.error-content{max-width:800px;padding:2rem;position:relative;text-align:center;z-index:10}@media(max-width:768px){.error-content{max-width:90%;padding:1rem}}.error-title-container{margin-bottom:3rem}@media(max-width:768px){.error-title-container{margin-bottom:2rem}}.error-title{animation:title-flicker 2s ease-in-out infinite;color:#ff0040;font-size:2.5rem;margin:0;position:relative;text-shadow:0 0 10px #ff0040,0 0 20px #ff0040,0 0 30px #ff0040}@media(max-width:768px){.error-title{font-size:1.8rem}}@media(max-width:480px){.error-title{font-size:1.2rem}}.glitch-text{position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:aqua;z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:#ff0;z-index:-2}@keyframes title-flicker{0%,95%{opacity:1;text-shadow:0 0 10px #ff0040,0 0 20px #ff0040,0 0 30px #ff0040}96%{opacity:.8;text-shadow:0 0 15px #ff0040,0 0 25px #ff0040}97%{opacity:1;text-shadow:0 0 20px #ff0040,0 0 40px #ff0040}98%{opacity:.9}to{opacity:1;text-shadow:0 0 10px #ff0040,0 0 20px #ff0040,0 0 30px #ff0040}}@keyframes glitch-1{0%,90%{opacity:0;transform:translate(0)}91%{opacity:.7;transform:translate(-2px,-1px)}92%{opacity:.5;transform:translate(2px,1px)}93%{opacity:.8;transform:translate(-1px)}to{opacity:0;transform:translate(0)}}@keyframes glitch-2{0%,85%{opacity:0;transform:translate(0)}86%{opacity:.6;transform:translate(1px,1px)}87%{opacity:.4;transform:translate(-2px,-1px)}88%{opacity:.7;transform:translate(1px,-1px)}to{opacity:0;transform:translate(0)}}.ko-avatar{display:flex;justify-content:center;margin:2rem 0}@media(max-width:768px){.ko-avatar{margin:1.5rem 0}}.avatar-silhouette{align-items:center;animation:ko-pulse 1.5s ease-in-out infinite;background:radial-gradient(ellipse at center,#ff00404d 0,#000c 70%);border:3px solid #ff0040;border-radius:50%;display:flex;height:120px;justify-content:center;position:relative;width:120px}@media(max-width:768px){.avatar-silhouette{height:100px;width:100px}}@media(max-width:480px){.avatar-silhouette{height:80px;width:80px}}.ko-effects{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.smoke-effect{animation:smoke-rise 2s ease-in-out infinite;background:radial-gradient(ellipse at bottom,#ffffff4d 0,#80808033 50%,#0000 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;height:60px;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:40px}.ko-text{animation:ko-flash .8s ease-in-out infinite;color:#ff0040;font-size:1.2rem;text-shadow:0 0 10px #ff0040,0 0 20px #ff0040}@media(max-width:768px){.ko-text{font-size:1rem}}@media(max-width:480px){.ko-text{font-size:.8rem}}@keyframes ko-pulse{0%,to{box-shadow:0 0 20px #ff004080;transform:scale(1)}50%{box-shadow:0 0 30px #ff0040cc;transform:scale(1.05)}}@keyframes smoke-rise{0%{opacity:.8;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-20px) scale(1.2)}}@keyframes ko-flash{0%,50%{opacity:1}25%,75%{opacity:.5}}.error-message{margin:2rem 0}@media(max-width:768px){.error-message{margin:1.5rem 0}}.error-description{color:#fff;font-size:.8rem;line-height:1.6;margin:0 0 1rem;text-shadow:0 0 8px #fff9}@media(max-width:768px){.error-description{font-size:.7rem}}@media(max-width:480px){.error-description{font-size:.6rem}}.error-instruction{animation:instruction-blink 2s ease-in-out infinite;color:aqua;font-size:.7rem;margin:0;text-shadow:0 0 8px #0ff9}@media(max-width:768px){.error-instruction{font-size:.6rem}}@media(max-width:480px){.error-instruction{font-size:.5rem}}@keyframes instruction-blink{0%,70%{opacity:1}85%{opacity:.5}to{opacity:1}}.start-button{align-items:center;animation:button-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#ff0040,#ff4000);border:3px solid #fff;border-radius:10px;box-shadow:0 0 20px #ff004080,0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-family:Press Start\ 2P,monospace;font-size:.8rem;gap:1rem;margin:2rem auto;padding:1rem 2rem;transition:all .3s ease}@media(max-width:768px){.start-button{font-size:.7rem;gap:.8rem;padding:.8rem 1.5rem}}@media(max-width:480px){.start-button{font-size:.6rem;gap:.6rem;padding:.6rem 1.2rem}}.start-button .button-icon{animation:icon-bounce 1s ease-in-out infinite;font-size:1.2rem}@media(max-width:768px){.start-button .button-icon{font-size:1rem}}@media(max-width:480px){.start-button .button-icon{font-size:.8rem}}.start-button:hover{background:linear-gradient(45deg,#ff4000,#ff0040);box-shadow:0 0 30px #ff0040cc,0 6px 20px #0006;transform:translateY(-3px) scale(1.05)}.start-button:active{transform:translateY(-1px) scale(1.02)}@keyframes button-pulse{0%,to{box-shadow:0 0 20px #ff004080,0 4px 15px #0000004d}50%{box-shadow:0 0 30px #ff0040cc,0 4px 15px #0000004d}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.continue-countdown{animation:countdown-appear .5s ease-out;background:#000c;border:2px solid #ff0;border-radius:10px;bottom:4rem;box-shadow:0 0 25px #ffff0080;left:50%;padding:1.5rem;position:fixed;text-align:center;transform:translateX(-50%)}@media(max-width:768px){.continue-countdown{bottom:2rem;left:1rem;padding:1rem;right:1rem;transform:none}}.countdown-text{color:#ff0;font-size:.8rem;margin-bottom:.5rem;text-shadow:0 0 10px #ff0c}@media(max-width:768px){.countdown-text{font-size:.7rem}}@media(max-width:480px){.countdown-text{font-size:.6rem}}.countdown-timer{animation:timer-pulse 1s ease-in-out infinite;color:#ff0040;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 15px #ff0040,0 0 30px #ff0040}@media(max-width:768px){.countdown-timer{font-size:1.5rem}}@media(max-width:480px){.countdown-timer{font-size:1.2rem}}.countdown-bar{background:#00000080;border:1px solid #ff0;border-radius:4px;height:8px;margin:0 auto;overflow:hidden;width:200px}@media(max-width:768px){.countdown-bar{height:6px;width:150px}}.countdown-fill{background:linear-gradient(90deg,#ff0040,#ff0);box-shadow:0 0 10px #ff09;height:100%;transition:width 1s linear}@keyframes countdown-appear{0%{opacity:0;transform:translateX(-50%) translateY(50px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes timer-pulse{0%,to{text-shadow:0 0 15px #ff0040,0 0 30px #ff0040;transform:scale(1)}50%{text-shadow:0 0 20px #ff0040,0 0 40px #ff0040,0 0 60px #ff0040;transform:scale(1.1)}}.crt-effect{animation:crt-flicker .15s linear infinite;background:radial-gradient(ellipse at center,#0000 60%,#0003 100%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:999}@keyframes crt-flicker{0%{opacity:1}98%{opacity:1}99%{opacity:.98}to{opacity:1}}*,.App,body,html{scroll-behavior:smooth}.App{background:#0000;height:100%;margin:0;min-height:100vh;overflow-x:hidden;padding:0;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}