@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap);body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,rgb(15 23 42) 0%,rgb(30 41 59) 50%,rgb(12 30 61) 100%);min-height:100vh;position:relative;overflow-x:hidden}.orbitron{font-family:'Orbitron',sans-serif}.rajdhani{font-family:'Rajdhani',sans-serif}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(59 130 246 / .03) 1px,transparent 1px),linear-gradient(180deg,rgb(59 130 246 / .03) 1px,transparent 1px);background-size:50px 50px;z-index:0;animation:gridScroll 20s linear infinite;pointer-events:none}@keyframes gridScroll{0%{transform:translateY(0)}100%{transform:translateY(50px)}}.tab-container{background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,rgb(255 255 255 / .02) 100%);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);border-radius:1rem;padding:.5rem;margin-bottom:2rem}.tab-button{background:#fff0;border:none;color:rgb(255 255 255 / .6);padding:.75rem 1.5rem;border-radius:.75rem;font-family:'Orbitron',sans-serif;font-weight:600;transition:all 0.3s ease;cursor:pointer}.tab-button:hover{color:#fff;background:rgb(255 255 255 / .05)}.tab-button.active{background:rgb(59 130 246 / .2);color:#fff;box-shadow:0 0 20px rgb(59 130 246 / .4)}.tab-content{display:none}.tab-content.active{display:block}.rail-track{position:relative;height:4px;background:linear-gradient(90deg,transparent 0%,transparent 48%,currentColor 48%,currentColor 52%,transparent 52%,transparent 100%);overflow:hidden}.rail-track::before{content:'';position:absolute;top:-2px;left:-100%;width:100%;height:8px;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .8) 50%,transparent 100%);animation:trainPass 3s ease-in-out infinite}@keyframes trainPass{0%{left:-100%}100%{left:200%}}.speed-card{background:linear-gradient(135deg,rgb(255 255 255 / .08) 0%,rgb(255 255 255 / .02) 100%);backdrop-filter:blur(20px);border:1px solid rgb(255 255 255 / .1);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:1rem}.speed-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .1),transparent);transition:left 0.6s}.speed-card:hover::before{left:100%}.speed-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgb(0 0 0 / .4);border-color:rgb(255 255 255 / .3)}.steam-glow{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 0 40px rgb(59 130 246 / .4)}.oil-glow{background:linear-gradient(135deg,#991b1b 0%,#dc2626 50%,#f87171 100%);box-shadow:0 0 40px rgb(220 38 38 / .4)}.tech-glow{background:linear-gradient(135deg,#065f46 0%,#10b981 50%,#6ee7b7 100%);box-shadow:0 0 40px rgb(16 185 129 / .4)}.empire-1-glow{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);box-shadow:0 0 30px rgb(59 130 246 / .5)}.empire-2-glow{background:linear-gradient(135deg,#450a0a 0%,#991b1b 100%);box-shadow:0 0 30px rgb(239 68 68 / .5)}.empire-3-glow{background:linear-gradient(135deg,#052e16 0%,#166534 100%);box-shadow:0 0 30px rgb(34 197 94 / .5)}.stat-number{font-family:'Orbitron',sans-serif;font-weight:700;background:linear-gradient(135deg,#fff 0%,rgb(255 255 255 / .8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.velocity-bar{height:8px;background:linear-gradient(90deg,rgb(255 255 255 / .2) 0%,currentColor 50%,rgb(255 255 255 / .2) 100%);border-radius:4px;box-shadow:0 0 20px currentColor;width:0%;transition:width 1.5s ease-out}.table-row{transition:all 0.2s ease;border-left:3px solid #fff0}.table-row:hover{background:rgb(59 130 246 / .1);border-left-color:#3b82f6;transform:translateX(5px)}.leader-panel{display:flex;align-items:center;justify-content:center;gap:0}.empire-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:12px;margin-right:-20px;transition:all 0.3s ease}.empire-wrapper:hover{transform:scale(1.02)}.rank-number{position:absolute;top:8px;left:8px;font-size:1.25rem;font-weight:medium;color:#000;z-index:10;font-family:'Orbitron',sans-serif}.gold-bg{background:linear-gradient(135deg,#FFD700,#FFA500);box-shadow:0 0 20px rgb(255 215 0 / .5)}.silver-bg{background:linear-gradient(135deg,#C0C0C0,#A9A9A9);box-shadow:0 0 20px rgb(192 192 192 / .5)}.bronze-bg{background:linear-gradient(135deg,#CD7F32,#B8860B);box-shadow:0 0 20px rgb(205 127 50 / .5)}.flag-img{display:inline-block;width:20px;height:14px;object-fit:cover;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 0 2px rgb(255 255 255 / .5))}.name-with-flag{display:inline-flex;align-items:center}.shimmer-text{background:linear-gradient(90deg,#fff 0%,#60a5fa 50%,#fff 100%);background-size:1000px 100%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:shimmer 3s linear infinite;font-family:'Orbitron',sans-serif}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.neon-border{position:relative;border:2px solid #fff0;background:linear-gradient(rgb(30 41 59 / .8),rgb(30 41 59 / .8)) padding-box,linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6) border-box}.glitch{position:relative}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before{left:2px;text-shadow:-2px 0 cyan;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-2px 0 #f0f;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,59px,0)}10%{clip:rect(48px,9999px,29px,0)}15%{clip:rect(42px,9999px,73px,0)}20%{clip:rect(63px,9999px,27px,0)}25%{clip:rect(34px,9999px,55px,0)}30%{clip:rect(86px,9999px,73px,0)}35%{clip:rect(20px,9999px,20px,0)}40%{clip:rect(26px,9999px,60px,0)}45%{clip:rect(25px,9999px,66px,0)}50%{clip:rect(57px,9999px,98px,0)}55%{clip:rect(5px,9999px,46px,0)}60%{clip:rect(82px,9999px,31px,0)}65%{clip:rect(54px,9999px,27px,0)}70%{clip:rect(28px,9999px,99px,0)}75%{clip:rect(45px,9999px,69px,0)}80%{clip:rect(23px,9999px,85px,0)}85%{clip:rect(54px,9999px,84px,0)}90%{clip:rect(45px,9999px,47px,0)}95%{clip:rect(37px,9999px,20px,0)}100%{clip:rect(4px,9999px,91px,0)}}.pulse-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.data-stream{position:relative;overflow:hidden}.data-stream::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .3) 50%,transparent 100%);animation:stream 2s ease-in-out infinite}@keyframes stream{0%{left:-100%}100%{left:100%}}.metric-display{font-family:'Orbitron',monospace;font-weight:700;letter-spacing:2px}.rail-track,.hsr-track{position:relative;height:4px;background:linear-gradient(90deg,transparent 0%,transparent 48%,currentColor 48%,currentColor 52%,transparent 52%,transparent 100%);overflow:hidden}.rail-track::before,.hsr-track::before{content:'';position:absolute;top:-2px;left:-100%;width:100%;height:8px;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .8) 50%,transparent 100%);animation:trainPass 3s ease-in-out infinite}.rail-ties{background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,currentColor 30px,currentColor 35px);height:2px;opacity:.3}.hologram-card{background:linear-gradient(135deg,rgb(10 20 50 / .8) 0%,rgb(20 30 60 / .6) 100%);backdrop-filter:blur(20px);border:1px solid rgb(0 255 255 / .3);box-shadow:0 0 20px rgb(0 255 255 / .2),inset 0 0 20px rgb(0 255 255 / .05);position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.hologram-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgb(0 255 255 / .1) 50%,transparent 70%);animation:scan 3s linear infinite}@keyframes scan{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.hologram-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgb(0 255 255 / .6);box-shadow:0 0 40px rgb(0 255 255 / .4),inset 0 0 30px rgb(0 255 255 / .1)}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgb(0 255 255 / .03) 1px,transparent 1px),linear-gradient(180deg,rgb(0 255 255 / .03) 1px,transparent 1px);background-size:50px 50px;z-index:0;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{transform:translateY(0)}100%{transform:translateY(50px)}}.cyber-border{position:relative;padding:2px;background:linear-gradient(45deg,#00ffff,#0080ff,#ff00ff,#00ffff);background-size:300% 300%;animation:borderFlow 4s ease infinite}@keyframes borderFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.data-stream{position:relative;overflow:hidden}.data-stream::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgb(0 255 255 / .3) 50%,transparent 100%);animation:stream 2s ease-in-out infinite}@keyframes stream{0%{left:-100%}100%{left:100%}}.metric-display{font-family:'Orbitron',monospace;font-weight:700;letter-spacing:2px}.pulse-dot{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.steam-glow{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%);box-shadow:0 0 40px rgb(59 130 246 / .4)}.oil-glow{background:linear-gradient(135deg,#991b1b 0%,#dc2626 50%,#f87171 100%);box-shadow:0 0 40px rgb(220 38 38 / .4)}.tech-glow{background:linear-gradient(135deg,#065f46 0%,#10b981 50%,#6ee7b7 100%);box-shadow:0 0 40px rgb(16 185 129 / .4)}.empire-1-glow{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);box-shadow:0 0 30px rgb(59 130 246 / .5)}.empire-2-glow{background:linear-gradient(135deg,#450a0a 0%,#991b1b 100%);box-shadow:0 0 30px rgb(239 68 68 / .5)}.empire-3-glow{background:linear-gradient(135deg,#052e16 0%,#166534 100%);box-shadow:0 0 30px rgb(34 197 94 / .5)}.stat-number{font-family:'Orbitron',sans-serif;font-weight:700;background:linear-gradient(135deg,#fff 0%,rgb(255 255 255 / .8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.velocity-bar{height:8px;background:linear-gradient(90deg,rgb(255 255 255 / .2) 0%,currentColor 50%,rgb(255 255 255 / .2) 100%);border-radius:4px;box-shadow:0 0 20px currentColor;width:0%;transition:width 1.5s ease-out}.network-dot{width:6px;height:6px;border-radius:50%;position:absolute;background:currentColor;box-shadow:0 0 10px currentColor;animation:pulse 2s ease-in-out infinite}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px currentColor}.glitch{position:relative}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before{left:2px;text-shadow:-2px 0 cyan;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-2px 0 #f0f;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(42px,9999px,44px,0)}5%{clip:rect(12px,9999px,59px,0)}10%{clip:rect(48px,9999px,29px,0)}15%{clip:rect(42px,9999px,73px,0)}20%{clip:rect(63px,9999px,27px,0)}25%{clip:rect(34px,9999px,55px,0)}30%{clip:rect(86px,9999px,73px,0)}35%{clip:rect(20px,9999px,20px,0)}40%{clip:rect(26px,9999px,60px,0)}45%{clip:rect(25px,9999px,66px,0)}50%{clip:rect(57px,9999px,98px,0)}55%{clip:rect(5px,9999px,46px,0)}60%{clip:rect(82px,9999px,31px,0)}65%{clip:rect(54px,9999px,27px,0)}70%{clip:rect(28px,9999px,99px,0)}75%{clip:rect(45px,9999px,69px,0)}80%{clip:rect(23px,9999px,85px,0)}85%{clip:rect(54px,9999px,84px,0)}90%{clip:rect(45px,9999px,47px,0)}95%{clip:rect(37px,9999px,20px,0)}100%{clip:rect(4px,9999px,91px,0)}}.text-xl,.text-2xl,.text-3xl,.text-left,.text-right,.font-mono,.font-medium{color:white!important}