/* ROAD AURORA ULTRA - visual layer: keeps all original actions and IDs */
:root{--ultra-cyan:#61f5fa;--ultra-violet:#b17bff;--ultra-pink:#ff6cdc;--ultra-green:#62fbc1;--ultra-gold:#ffcf7f}
body{background:#030715!important}body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(112deg,transparent 18%,rgba(36,255,203,.08) 37%,rgba(90,120,255,.15) 55%,rgba(195,67,242,.12) 70%,transparent 88%);transform:skewY(-11deg);filter:blur(48px);animation:ultraSky 18s ease-in-out infinite alternate}.stars{opacity:.96!important}.aurora{opacity:.58!important}
.shell{position:relative;z-index:1}.sidebar{box-shadow:12px 0 45px #0009,inset -1px 0 0 #70dbff35!important}.brand{font-size:20px!important}.sidebar nav a{position:relative;overflow:hidden}.sidebar nav a::after{content:"✦";margin-left:auto;opacity:0;color:#81f9ec;transition:opacity .2s}.sidebar nav a:hover::after{opacity:1}
header{position:relative;min-height:160px;isolation:isolate}header::before{content:"";position:absolute;right:0;top:-40px;width:min(40vw,520px);height:210px;background:url('/aurora-truck.svg') right center/contain no-repeat;opacity:.84;pointer-events:none;z-index:-1;filter:drop-shadow(0 0 24px #57ccff4d)}header h1{font-size:clamp(38px,4.7vw,66px)!important;letter-spacing:-2px;background:linear-gradient(95deg,#fff 30%,#94faf4 65%,#d2a4ff);background-clip:text;-webkit-background-clip:text;color:transparent}
#auth{max-width:680px!important;position:relative;isolation:isolate;border:1px solid #8fdcff80!important;background:linear-gradient(149deg,#0e193aeb,#0b102ce8 61%,#111a3bdc)!important;box-shadow:0 22px 100px #000d,0 0 62px #6f7cff30,inset 0 1px 0 #f3fdff48!important;overflow:visible}
#auth::before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(130deg,#6bfff8b0,transparent 29%,#b87aff66 60%,#ff93e683);filter:blur(14px);opacity:.55;pointer-events:none}
#auth h2{font-size:clamp(29px,3vw,41px)!important;text-shadow:0 0 28px #74d8ff55}#auth::after{content:"UNIVERS CONNECTÉ  ✦  ROUTES SANS LIMITES";display:block;text-align:center;font-size:10px;letter-spacing:2.4px;color:#a4dcfb;margin-top:20px}
/* custom badges render without touching authentication routes */
.ultra-banner{margin:7px 0 24px;position:relative;border:1px solid #7ee9ff51;border-radius:20px;overflow:hidden;min-height:155px;background:radial-gradient(ellipse at 55% 15%,#20d0cf37,transparent 55%),linear-gradient(115deg,#152044,#090e2a);box-shadow:inset 0 0 36px #3799f726,0 0 30px #3788fe2a}
.ultra-banner::before{content:"";position:absolute;inset:0;background:url('/aurora-truck.svg') center 48%/auto 165% no-repeat;opacity:.82;filter:drop-shadow(0 0 15px #37cde9a8)}.ultra-banner::after{content:"🚛  PRENDS LA ROUTE DES ÉTOILES";position:absolute;bottom:0;left:0;right:0;padding:9px;text-align:center;letter-spacing:2px;font-size:10px;font-weight:800;color:#ddfaff;background:linear-gradient(transparent,#050c25e8)}
.ultra-mascots{height:88px;max-width:460px;margin:16px auto -10px;background:url('/cosmic-mascots.svg') center/contain no-repeat;filter:drop-shadow(0 0 13px #7d90ff71)}
#auth .auth-methods{grid-template-columns:1fr 1fr!important}#auth .auth-methods a{position:relative;min-height:84px!important;display:flex!important;flex-direction:column;gap:3px;border-radius:20px!important;font-size:15px!important;font-weight:900!important;text-transform:none;background:linear-gradient(130deg,#102453,#1373ab 48%,#393390)!important;border:1px solid #85ecff!important;box-shadow:inset 0 1px #fff9,inset 0 -2px #041634,0 6px 0 #0a2251,0 0 29px #51bfff73!important}
#auth .auth-methods a[href*='tiktok']{border-color:#ff82d6!important;background:linear-gradient(130deg,#24133f,#912e86 53%,#381746)!important;box-shadow:inset 0 1px #fff9,0 6px 0 #4a164a,0 0 30px #fb5fca79!important}
#auth .auth-methods a::before{font-size:26px!important}#auth .auth-methods a::after{content:"✦ Accès officiel";opacity:.8;font-size:10px;letter-spacing:1px}#auth .auth-methods a:hover{transform:translateY(-5px) scale(1.025)}
#phoneLogin button{min-height:62px;background:linear-gradient(110deg,#095e69,#17ab88,#185a68)!important;border-color:#92ffd8!important;box-shadow:0 5px 0 #074333,0 0 24px #35ffd160!important}#authForm button{min-height:54px;font-size:16px!important;background:linear-gradient(105deg,#159bcb,#675bd9,#b44fd1)!important}
.panel,.tile{position:relative;overflow:hidden;border-color:#91cfff53!important;box-shadow:inset 0 1px #ffffff32,0 15px 45px #0008,0 0 26px #586be923!important}.tile:nth-child(1){border-top:2px solid #5cefff!important}.tile:nth-child(2){border-top:2px solid #bb92ff!important}.tile:nth-child(3){border-top:2px solid #69ffd0!important}.tile::after{content:"✦";position:absolute;top:20px;right:23px;color:#c5faff;opacity:.65;font-size:30px;text-shadow:0 0 20px #68efff}
#workspace>section:first-child{background:linear-gradient(120deg,#101a3de0,#1c1743e0)!important}#connectionsStatus{border:1px solid #91cfff3a;padding:14px;border-radius:13px;background:#070e26aa}
.map-panel .map-surface{background:radial-gradient(circle at 51% 43%,#294e77,#0d193c 47%,#080c27)!important;box-shadow:inset 0 0 90px #000c,0 0 35px #38c1ed25!important}.map-panel .map-surface::after{content:"";pointer-events:none;position:absolute;bottom:0;right:0;width:45%;height:52%;background:url('/aurora-truck.svg') right bottom/contain no-repeat;opacity:.13}.map-center .planet{animation:ultraGlow 3.6s ease-in-out infinite alternate}
.panel h2,.panel h3{text-shadow:0 0 16px #ac92ff45}.auth-methods button,#tokenBtn,form button{font-weight:800!important}.auth-methods button[id='linkSteam']{background:linear-gradient(115deg,#0a6591,#3852a7)!important}.auth-methods button[id='linkTikTok']{background:linear-gradient(115deg,#853973,#46348b)!important}
.ultra-statusbar{display:flex;flex-wrap:wrap;gap:12px;margin:13px 0 25px}.ultra-statusbar span{display:inline-flex;align-items:center;gap:8px;border:1px solid #80dbff50;border-radius:999px;padding:9px 13px;background:#0b1432b8;color:#d9eaff;font-size:11px;letter-spacing:1px}.ultra-statusbar i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#55f9cf;box-shadow:0 0 12px #5affce}
@keyframes ultraGlow{to{filter:drop-shadow(0 0 22px #78cfff);transform:scale(1.05)}}@keyframes ultraSky{to{transform:translateY(9%) skewY(-7deg);opacity:.45}}
@media(max-width:850px){header::before{opacity:.35}#auth{margin:20px auto!important}.ultra-banner{min-height:125px}}@media(max-width:520px){#auth .auth-methods{grid-template-columns:1fr!important}.ultra-mascots{height:65px}header{min-height:130px}header h1{font-size:38px!important}}@media(prefers-reduced-motion:reduce){body::after,.map-center .planet{animation:none!important}}