@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#060611;color:#f5f4ff;font-family:Space Grotesk,Arial}header{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:#09091acc;border-bottom:1px solid #ffffff22;position:absolute;width:100%;z-index:2;backdrop-filter:blur(12px)}header b{font:700 23px Rajdhani;letter-spacing:.1em;color:#ff5bd6}nav{font:600 13px Rajdhani;letter-spacing:.12em}nav a,button{margin-left:25px;background:#f249c3;color:#fff;padding:13px 18px;border:0;font:700 13px Rajdhani;letter-spacing:.1em}.hero{min-height:820px;padding:200px 8vw 100px;display:flex;align-items:center;background:linear-gradient(90deg,#050512 5%,#050512e8 36%,#05051222 72%),url('/assets/neon-rift-hero.png') center/cover}.hero div{max-width:650px}.hero small,.intro small,.roadmap small{color:#49f5ec;font:600 13px Rajdhani;letter-spacing:.18em}.hero h1{font:700 clamp(68px,9vw,145px)/.78 Rajdhani;margin:25px 0;letter-spacing:-.04em}.hero h1 i{color:#ff4fcd;font-style:normal}.hero p{font-size:19px;color:#b8b8d4;max-width:440px;line-height:1.6}.hero button{margin:20px 0 0;font-size:16px}.ticker{padding:17px;background:#ff4fcd;color:#080611;text-align:center;font:700 14px Rajdhani;letter-spacing:.18em}.intro{padding:140px 12vw;background:radial-gradient(circle at 80% 0,#17257b,transparent 42%),#0a0a1d}.intro h2,.roadmap h2{font:700 clamp(40px,5vw,76px)/.95 Rajdhani;letter-spacing:-.03em;margin:22px 0}.intro p{max-width:570px;font-size:18px;line-height:1.7;color:#b7b8d3}.cards{padding:0 7vw 130px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#252442}.cards article{padding:42px;background:#0d0d21;min-height:260px}.cards b{color:#ff4fcd;font:700 22px Rajdhani}.cards h3{font:700 31px Rajdhani;margin:55px 0 10px}.cards p{color:#aaaac9;line-height:1.7}.roadmap{padding:110px 8vw;background:linear-gradient(110deg,#1a0b36,#071d42)}.roadmap>div{display:flex;gap:55px;margin-top:55px}.roadmap span{color:#5cf4e9;font:600 16px Rajdhani;letter-spacing:.12em}.roadmap b{color:#fff;font-size:25px}footer{padding:35px 7vw;font:700 18px Rajdhani;letter-spacing:.12em}footer span{float:right;color:#777797;font-size:12px}@media(max-width:700px){nav{display:none}.hero{min-height:700px}.cards{grid-template-columns:1fr}.roadmap>div{display:block}.roadmap span{display:block;margin:25px 0}}
header b a{color:#ff5bd6;text-decoration:none}nav a{color:#fff;text-decoration:none;margin-left:25px}.login{border:1px solid #ffffff55;padding:11px 14px}.play{background:#f249c3;padding:13px 18px}.subhero{min-height:730px;padding:190px 8vw 100px;display:flex;align-items:center;background-size:cover;background-position:center}.subhero div{max-width:650px}.subhero small,.lore small,.cta2 small{color:#4ff7ee;font:600 13px Rajdhani;letter-spacing:.18em}.subhero h1{font:700 clamp(75px,10vw,160px)/.8 Rajdhani;margin:24px 0}.subhero p{font-size:20px;line-height:1.65;color:#c2c0dd;max-width:530px}.button{display:inline-block;background:#ff4fcd;color:#fff;text-decoration:none;padding:15px 21px;margin-top:20px;font:700 15px Rajdhani;letter-spacing:.12em}.lore{padding:130px 12vw;background:#0b0b20}.lore h2,.cta2 h2{font:700 clamp(48px,6vw,90px)/.9 Rajdhani;margin:20px 0}.lore i{color:#4ff7ee}.lore p{max-width:570px;color:#b5b4d0;font-size:18px;line-height:1.8}.gamecards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292747}.gamecards article{min-height:310px;padding:42px;background:#101024}.gamecards small{color:#ff4fcd;font:700 18px Rajdhani}.gamecards h3{font:700 32px Rajdhani;margin:55px 0 10px}.gamecards p{color:#aaa9c4;line-height:1.7}.cta2{padding:120px 8vw;text-align:center;background:radial-gradient(circle,#25174e,#070713 62%)}.loginpage{min-height:100vh;display:grid;place-items:center;background:linear-gradient(#050512c9,#050512dd),url('/assets/classes.png') center/cover}.loginbox{width:min(430px,90vw);padding:48px;background:#101024e8;border:1px solid #ffffff2c;box-shadow:0 25px 100px #000}.brand{font:700 23px Rajdhani;color:#ff5bd6;text-decoration:none;letter-spacing:.1em}.loginbox small{display:block;color:#4ff7ee;font:13px Rajdhani;letter-spacing:.16em;margin-top:45px}.loginbox h1{font:700 52px/.9 Rajdhani}.loginbox input{width:100%;margin:8px 0;padding:15px;background:#080816;border:1px solid #393654;color:#fff}.loginbox button{width:100%;margin:14px 0;background:#ff4fcd;padding:15px;border:0;color:#fff;font:700 15px Rajdhani}.loginbox p,.loginbox>a:last-child{color:#aaa9c4;font-size:13px}.loginbox p a{color:#4ff7ee}@media(max-width:700px){.subhero{min-height:620px;padding:140px 8vw 70px}.gamecards{grid-template-columns:1fr}header nav a:not(.play){display:none}}.loginbox label{display:block;color:#8d8caf;font:600 12px Rajdhani;letter-spacing:.1em;margin:13px 0}.loginbox label input{display:block;margin:6px 0 0}.loginbox .back{display:block;margin-top:22px}.success{color:#4ff7ee!important;border:1px solid #4ff7ee55;padding:12px}.gamepage header{position:fixed}.glitch{animation:glitch 4s infinite}@keyframes glitch{0%,92%,100%{transform:none}94%{transform:translate(2px,-1px);text-shadow:-3px 0 #4ff7ee}96%{transform:translate(-2px,1px);text-shadow:3px 0 #ff4fcd}}
/* Passes 01-10: atmospheric motion layer */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.13;background:repeating-linear-gradient(105deg,transparent 0 4px,#8bfaf01a 5px 6px,transparent 7px 22px);animation:rain 12s linear infinite}@keyframes rain{from{transform:translateY(-30px)}to{transform:translateY(30px)}}.hero,.subhero{animation:heroPulse 9s ease-in-out infinite alternate}@keyframes heroPulse{from{background-position:center 48%}to{background-position:center 53%}}.ticker{white-space:nowrap;overflow:hidden;animation:tickerGlow 3s ease-in-out infinite alternate}@keyframes tickerGlow{from{box-shadow:0 0 0 #ff4fcd}to{box-shadow:0 0 30px #ff4fcd66}}.cards article,.gamecards article{animation:rise .7s both}.cards article:nth-child(2),.gamecards article:nth-child(2){animation-delay:.12s}.cards article:nth-child(3),.gamecards article:nth-child(3){animation-delay:.24s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.visual-slice.image-world{background-image:linear-gradient(90deg,#050512e8,#05051266),url('/assets/district.png')!important}.visual-slice.image-classes{background-image:linear-gradient(90deg,#050512e8,#05051266),url('/assets/sniper.png')!important}.visual-slice.image-news{background-image:linear-gradient(90deg,#050512e8,#05051266),url('/assets/garage.png')!important}.subhero[style*="world.png"]{background-image:linear-gradient(90deg,#050512ee,#05051266),url('/assets/district.png')!important}.subhero[style*="classes.png"]{background-image:linear-gradient(90deg,#050512ee,#05051266),url('/assets/sniper.png')!important}.subhero[style*="news.png"]{background-image:linear-gradient(90deg,#050512ee,#05051266),url('/assets/garage.png')!important}.button,.play{position:relative;overflow:hidden}.button:after,.play:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#ffffff77,transparent);transform:translateX(-120%);animation:shine 4s infinite}@keyframes shine{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}.live-status{margin:0 8vw;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;background:#111024;border:1px solid #39345a;font:600 13px Rajdhani;letter-spacing:.1em}.live-status i{display:inline-block;width:8px;height:8px;background:#4ff7ee;border-radius:50%;box-shadow:0 0 14px #4ff7ee;margin-right:8px}.live-status span{color:#4ff7ee}.live-status b{color:#d9d7ef}.live-status a{color:#ff5bd6;text-decoration:none}@media(max-width:700px){.live-status{margin:0 7vw;display:grid;gap:12px}}
/* 20-cycle cinematic polish */
.live-loop{margin:0 8vw 90px;min-height:540px;background:linear-gradient(90deg,#050512e8,#05051244),url('/assets/neon-rift-loop.webp') center/cover;border:1px solid #ff4fcd66;position:relative;overflow:hidden;display:flex;align-items:end;padding:55px}.live-loop:before{content:"LIVE TRANSMISSION / KAIRO-9";position:absolute;top:25px;left:28px;color:#4ff7ee;font:600 12px Rajdhani;letter-spacing:.17em}.live-loop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff1 6px 7px);mix-blend-mode:screen;opacity:.22;animation:scan 5s linear infinite}@keyframes scan{from{background-position:0 0}to{background-position:0 150px}}.live-loop h2{font:700 clamp(42px,6vw,86px)/.84 Rajdhani;margin:0;max-width:680px;position:relative;z-index:1}.live-loop h2 i{color:#ff4fcd;font-style:normal}.hero{background-image:linear-gradient(90deg,#050512f2,#05051280),url('/assets/hoverbike.png')!important}.subhero[style*="world.png"]{background-image:linear-gradient(90deg,#050512ee,#05051266),url('/assets/storm.png')!important}.pulse{animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 28px #ff4fcd99}}@media(max-width:700px){.live-loop{margin:0 7vw 55px;min-height:420px;padding:30px}.live-loop h2{font-size:52px}}
/* 30-cycle full-screen atmosphere upgrade */
.gamepage{background-color:#050510;background-size:cover;background-attachment:fixed;position:relative}.gamepage:before{content:"";position:fixed;inset:0;z-index:-3;background-size:cover;background-position:center;opacity:.46;animation:drift 24s ease-in-out infinite alternate}.gamepage:after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#05051080,#050510e8 82%),repeating-linear-gradient(90deg,transparent 0 70px,#72f9ed0b 71px 72px)}.page-home:before{background-image:url('/assets/hoverbike.png')}.page-world:before{background-image:url('/assets/district.png')}.page-classes:before{background-image:url('/assets/sniper.png')}.page-news:before{background-image:url('/assets/garage.png')}.page-login:before{background-image:url('/assets/storm.png')}.gamepage main{position:relative}.gamepage main:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ff4fcd18,transparent 25%),radial-gradient(circle at 80% 52%,#4ff7ee18,transparent 29%);animation:aurora 12s ease-in-out infinite alternate}@keyframes drift{from{transform:scale(1);background-position:48% 48%}to{transform:scale(1.08);background-position:54% 52%}}@keyframes aurora{from{opacity:.45;filter:hue-rotate(0)}to{opacity:1;filter:hue-rotate(22deg)}}.hero,.subhero{box-shadow:inset 0 -120px 120px #050510cc}.lore,.intro{background:linear-gradient(90deg,#08081dcc,#101035c9),url('/assets/neon-rift-loop.webp') center/cover;position:relative}.lore:after,.intro:after,.roadmap:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,#fff1 7px 8px);opacity:.17;animation:scan 7s linear infinite}.gamecards article{background:#0a0a1dcc;backdrop-filter:blur(4px)}.gamecards article:hover{background:#1a1232ee;transform:translateY(-10px);box-shadow:0 20px 45px #ff4fcd33}.gamecards article,.cards article,.roadmap span,.live-loop{transition:transform .3s,box-shadow .3s}.roadmap{position:relative;overflow:hidden}.roadmap:before{content:"";position:absolute;inset:0;background:url('/assets/storm.png') center/cover;opacity:.2;mix-blend-mode:screen}.roadmap>*{position:relative;z-index:1}.subhero>div,.lore>*,.intro>*{position:relative;z-index:1}.floating-sparks{position:fixed;inset:0;pointer-events:none;z-index:11;background-image:radial-gradient(circle,#fff 0 1px,transparent 2px);background-size:180px 220px;opacity:.14;animation:sparks 18s linear infinite}@keyframes sparks{from{background-position:0 0}to{background-position:180px 440px}}
.classes-page{background:#050510}.classes-page:before{background-image:url('/assets/storm.png')}.classes-hero{min-height:690px;padding:190px 8vw 95px;background:linear-gradient(90deg,#050512ee,#05051255),url('/assets/runner-8.jpg') center/cover;display:flex;align-items:center}.classes-hero h1{font:700 clamp(65px,9vw,135px)/.8 Rajdhani;margin:22px 0}.classes-hero h1 i{color:#ff4fcd;font-style:normal}.classes-hero p{max-width:530px;color:#c0bfdc;font-size:18px;line-height:1.7}.class-viewer{padding:90px 8vw;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;background:#09091bd9}.runner-stage{height:610px;position:relative;overflow:hidden;border:1px solid #ff4fcd66;background:#10102b}.runner-stage img{width:100%;height:100%;object-fit:cover;animation:characterIn .45s ease}.runner-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050512e8,transparent 62%);pointer-events:none}.stage-label{position:absolute;z-index:1;left:30px;bottom:28px}.stage-label small,.runner-info>small,.carousel-head small,.class-lore small{color:#4ff7ee;font:600 12px Rajdhani;letter-spacing:.17em}.stage-label h2{font:700 63px/.9 Rajdhani;margin:12px 0 3px}.stage-label p{color:#ff5bd6;font:600 18px Rajdhani;letter-spacing:.12em;margin:0}.runner-info{padding:35px 0}.runner-info h2{font:700 48px/.95 Rajdhani;margin:23px 0}.runner-info>p{color:#aaa9c5;line-height:1.7}.stat-list{margin:34px 0 38px}.stat-list label{display:grid;grid-template-columns:110px 1fr;align-items:center;color:#bcbad6;font:600 13px Rajdhani;letter-spacing:.08em;margin:16px 0}.stat-list span{height:5px;background:#2d2b4b}.stat-list i{display:block;height:100%;background:linear-gradient(90deg,#ff4fcd,#4ff7ee);transition:width .5s}.runner-carousel{padding:60px 8vw;background:#0c0c22}.carousel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.carousel-head button{margin:0 0 0 8px;padding:10px 15px}.runner-tabs{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.runner-tab{padding:0;background:#16152d;border:1px solid #363251;cursor:pointer;position:relative;overflow:hidden}.runner-tab img{display:block;width:100%;aspect-ratio:.72;object-fit:cover;opacity:.6;transition:.3s}.runner-tab span{display:block;padding:8px 2px;color:#fff;font:600 11px Rajdhani;letter-spacing:.08em}.runner-tab:hover img,.runner-tab.selected img{opacity:1;transform:scale(1.06)}.runner-tab.selected{border-color:#ff4fcd;box-shadow:0 0 20px #ff4fcd66}.class-lore{padding:130px 12vw;background:linear-gradient(110deg,#171044,#081d3c)}.class-lore h2{font:700 clamp(45px,6vw,82px)/.88 Rajdhani;margin:20px 0}.class-lore h2 i{color:#4ff7ee;font-style:normal}.class-lore p{max-width:600px;color:#babbd7;font-size:18px;line-height:1.8}@keyframes characterIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@media(max-width:850px){.class-viewer{grid-template-columns:1fr;padding:55px 7vw}.runner-stage{height:520px}.runner-tabs{grid-template-columns:repeat(5,1fr)}.classes-hero{padding:150px 7vw 80px}.class-lore{padding:80px 7vw}}
/* Character viewer: preserve full artwork */
.runner-stage{background:#080817;display:flex;align-items:flex-start;justify-content:center}.runner-stage img{object-fit:contain!important;object-position:center top!important;background:#080817}.runner-stage:after{background:linear-gradient(0deg,#050512ee 0%,transparent 48%);z-index:1}.stage-label{z-index:2}@media(max-width:850px){.runner-stage{height:auto;min-height:520px}.runner-stage img{height:auto;max-height:720px;min-height:520px}}.deep-section{margin:0 8vw 80px;padding:60px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#0c0c20e8;border:1px solid #40375f}.deep-section h2{font:700 clamp(40px,5vw,72px)/.9 Rajdhani}.deep-section h3{font:700 30px Rajdhani;color:#fff}.deep-section p{color:#b6b5d0;line-height:1.8}.deep-section small{color:#4ff7ee;font:600 12px Rajdhani;letter-spacing:.16em}.district-map{padding:25px;background:url('/assets/storm.png') center/cover}.district-map button,.build-pills button{margin:5px;padding:10px;background:#0a0a19dd;border:1px solid #4ff7ee66;color:#fff;font:600 12px Rajdhani}.patch article{padding:20px;margin:8px 0;background:#171633}.patch b{color:#4ff7ee}.auth-info{margin:0 8vw 60px;padding:45px;background:#0c0c20e8;border:1px solid #40375f}.auth-info h2{font:700 52px/.9 Rajdhani;color:#fff}.auth-info p{color:#b6b5d0;line-height:1.7}@media(max-width:800px){.deep-section{margin:0 7vw 55px;padding:30px;grid-template-columns:1fr}.auth-info{margin:0 7vw 35px;padding:30px}}
.class-viewer{position:relative;grid-template-columns:1.05fr .95fr;grid-template-rows:auto auto;gap:30px 6vw;padding:52px 7vw 34px;min-height:860px;align-content:start}.class-viewer>.runner-stage{height:540px}.class-viewer>.runner-info{padding:24px 0}.class-viewer>.carousel-head{grid-column:1/-1;grid-row:2;display:flex;margin:0;align-self:end}.class-viewer>.runner-tabs{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:10px;height:190px;overflow-x:auto;overflow-y:visible;padding:20px 30px;scroll-snap-type:x mandatory;scrollbar-width:none;background:#08081799;border-top:1px solid #39345a;border-bottom:1px solid #39345a}.class-viewer>.runner-tabs::-webkit-scrollbar{display:none}.class-viewer>.runner-tabs .runner-tab{flex:0 0 105px;scroll-snap-align:center;transition:transform .3s,box-shadow .3s}.class-viewer>.runner-tabs .runner-tab.selected{transform:scale(1.18);z-index:2}.class-viewer>.runner-tabs .runner-tab img{aspect-ratio:.72}.class-viewer>.runner-tabs .runner-tab span{font-size:10px}.runner-carousel{display:none!important}.class-viewer>.carousel-head button{background:#ff4fcd;color:#fff;border:0}@media(max-width:850px){.class-viewer{display:grid;grid-template-columns:1fr;min-height:0;padding:35px 7vw}.class-viewer>.runner-stage{height:470px}.class-viewer>.runner-info{padding:10px 0}.class-viewer>.runner-tabs{height:155px;padding:12px}.class-viewer>.runner-tabs .runner-tab{flex-basis:80px}.class-viewer>.runner-tabs .runner-tab.selected{transform:scale(1.1)}}