@import"https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;600;800&family=Outfit:wght@700;900&display=swap";:root{--yellow: #ffd500;--pink: #ff007f;--dark: #111111;--neon-pink: #ff007f;--neon-blue: #00f0ff;--glass-bg: rgba(17, 17, 17, .7);--glass-border: rgba(255, 255, 255, .1);--font-comic: "Bangers", cursive;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--yellow);color:var(--dark);overflow-x:hidden;background-image:radial-gradient(var(--dark) 10%,transparent 11%),radial-gradient(var(--dark) 10%,transparent 11%);background-size:10px 10px;background-position:0 0,5px 5px;background-blend-mode:overlay}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffd500d9;z-index:-1}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;z-index:9999;pointer-events:none;opacity:.5}.font-comic{font-family:var(--font-comic);letter-spacing:2px}.font-heading{font-family:var(--font-heading)}.comic-button{background:var(--pink);color:#fff;font-family:var(--font-heading);font-weight:900;text-transform:uppercase;padding:1rem 2.5rem;font-size:1.5rem;border:4px solid var(--dark);border-radius:12px;box-shadow:4px 4px 0 var(--dark);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px}.comic-button:hover{transform:translate(-2px,-2px) scale(1.05);box-shadow:6px 6px 0 var(--dark),0 0 20px var(--neon-pink)}.comic-button:active{transform:translate(4px,4px) scale(.95);box-shadow:0 0 0 var(--dark)}.comic-button:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.cyber-button{position:relative;background:#0f0f0fe6!important;color:#fff!important;font-family:var(--font-heading)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:2px!important;font-size:1.1rem!important;padding:16px 30px!important;border:none!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 0 20px #ff007f33,inset 0 0 15px #ff007f1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;overflow:visible!important}.cyber-button:before{content:"";position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;background:linear-gradient(135deg,var(--neon-pink),var(--neon-blue));border-radius:14px;z-index:-1;transition:all .3s ease;opacity:.85}.cyber-button:hover:before{opacity:1;background:linear-gradient(135deg,var(--neon-blue),var(--neon-pink));box-shadow:0 0 15px var(--neon-blue)}.cyber-button:hover{box-shadow:0 0 25px #00f0ff66,inset 0 0 15px #00f0ff33!important;color:var(--neon-blue)!important}.cyber-button-text{color:#fff;transition:color .3s ease}.cyber-button:hover .cyber-button-text{color:var(--neon-blue);text-shadow:0 0 8px rgba(0,240,255,.5)}@keyframes zap-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;filter:drop-shadow(0 0 6px var(--yellow)) drop-shadow(0 0 12px var(--yellow))}20%,24%,55%{opacity:.5;filter:drop-shadow(0 0 2px var(--yellow))}}.zap-pulsing{animation:zap-flicker 5s infinite alternate}.warning-tape{background:var(--yellow);color:var(--dark);font-family:var(--font-heading);font-weight:900;font-size:1.2rem;padding:.5rem 0;border-top:4px solid var(--dark);border-bottom:4px solid var(--dark);display:flex;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;box-shadow:0 4px 10px #0000004d}.warning-tape span{display:inline-block;padding:0 2rem;animation:scroll-left 20s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.warning-tape-1{transform:rotate(-15deg);top:5%;left:-10%;width:120%}.warning-tape-2{transform:rotate(10deg);bottom:10%;left:-10%;width:120%}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--neon-pink)}50%{box-shadow:0 0 20px var(--neon-pink),0 0 40px var(--neon-pink)}to{box-shadow:0 0 5px var(--neon-pink)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.mobile-nav,.mobile-nav-buttons,.mobile-footer{display:none!important}.tv-container{background:var(--dark);border-radius:40px;border:10px solid #222;box-shadow:20px 20px #000,inset 0 0 50px #000c,0 0 30px #00f0ff1a;padding:20px;box-sizing:border-box}.tv-screen-wrapper{background:radial-gradient(circle at 50% 30%,#15181a,#070809);border-radius:20px;border:4px solid #444;box-shadow:inset 0 0 30px #00f0ff26,0 0 15px #00f0ff14}.tv-screen-wrapper:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.02) 25%,transparent 25%,transparent 100%);z-index:10;pointer-events:none}.tv-screen-wrapper:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:9;pointer-events:none;opacity:.85;animation:crt-flicker .15s infinite alternate}@keyframes crt-flicker{0%{opacity:.82}to{opacity:.9}}@media (max-width: 1024px){.main-home-container{background-image:url(/assets/Mobile1.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;padding:1rem!important}.desktop-only,.desktop-nav,.tv-dials,.warning-tape{display:none!important}.mobile-nav,.mobile-nav-buttons,.mobile-footer{display:flex!important}.academy-split-container{flex-direction:column!important;overflow-y:auto!important}.academy-left-panel{min-height:50vh!important;padding:1rem!important;justify-content:flex-end!important}.academy-left-panel img{max-width:80%!important;margin-bottom:0!important}.academy-right-panel{padding:1.5rem!important;border-left:none!important;border-top:4px solid var(--neon-blue)!important}.dialogue-box{font-size:1.1rem!important;padding:30px 20px 20px!important;margin-bottom:10px!important}.dialogue-name-tag{padding:5px 20px!important;top:-20px!important}.dialogue-name-tag h3{font-size:1.3rem!important}.academy-top-nav{padding:10px 15px!important;gap:5px!important}.academy-nav-left{gap:10px!important}.academy-back-btn{padding:4px 8px!important;font-size:.8rem!important}.academy-nav-title{font-size:.9rem!important;white-space:nowrap!important}.academy-progress-wrapper{margin:0 10px!important}.mobile-nav-buttons{position:absolute!important;top:15px!important;right:15px!important;z-index:50!important}.header-container{position:relative!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;padding:15px!important;width:100%!important;box-sizing:border-box!important;z-index:150!important}.mobile-dropdown-menu{min-width:250px!important;background:#0a0a0afa!important;box-shadow:0 10px 40px #000000f2,0 0 30px #ff007f66!important;border:2px solid var(--neon-pink)!important}.mobile-dropdown-menu a{white-space:nowrap!important;font-size:.95rem!important;letter-spacing:1px!important;font-weight:800!important}.welcome-tag{transform:scale(.85) skew(-10deg)!important;transform-origin:top left!important;margin-bottom:0!important;margin-left:-20px!important;border:none!important;box-shadow:none!important;padding:12px 25px 12px 20px!important;border-radius:0 8px 8px 0!important}.hero-logo{font-size:4rem!important;line-height:1!important;text-shadow:0 4px 20px rgba(0,240,255,.4)!important}.hero-logo-container{position:relative!important;top:0!important;transform:none!important;left:0!important;margin-top:-15px!important}.nav-container{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;padding:12px 20px!important;font-size:.8rem!important;width:90%!important;max-width:400px!important;background:#1119!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 20px #00000080!important;border-radius:20px!important}.main-content-wrapper{margin-top:15px!important;padding:0 10px!important;width:100%!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important}.tv-container{padding:10px!important;flex-direction:column!important;border:6px solid #1a1a1a!important;background:#0c0c0c!important;box-shadow:0 15px 30px #000000d9,inset 0 0 30px #000c,0 0 15px #00f0ff1a!important;border-radius:20px!important;aspect-ratio:auto!important;width:96%!important;max-width:500px!important;height:480px!important;margin:0 auto!important;box-sizing:border-box!important}.tv-screen-wrapper{width:100%!important;height:100%!important;border:3px solid #282828!important;border-radius:12px!important;background:radial-gradient(circle at 50% 30%,#15181a,#070809)!important;box-shadow:inset 0 0 25px #00f0ff1f,0 0 10px #00f0ff14!important;position:relative!important;overflow:hidden!important}.ticker-container{padding:5px!important;gap:12px!important;overflow-y:auto!important;background:transparent!important}.ticker-header{font-size:.75rem!important;letter-spacing:1px!important;flex-direction:row!important;align-items:center!important;border-bottom-color:#00f0ff33!important}.ticker-header-title{font-size:.75rem!important}.ticker-logs{background:transparent!important;border:none!important}.comic-button,.cyber-button{margin-top:15px!important;margin-bottom:10px!important}}@media (max-width: 480px){.academy-nav-title .title-text{display:none!important}.academy-progress-wrapper{margin:0 5px!important}.academy-back-btn span{display:none!important}.academy-back-btn{padding:6px!important}}