@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Share+Tech+Mono&display=swap');:root{--tron-black:#000;--tron-dark:#0a0e1b;--tron-darker:#060811;--tron-grid:#0c141f;--tron-cyan:#0ff;--tron-cyan-bright:#00f9ff;--tron-cyan-dark:#00b8d4;--tron-blue:#0080ff;--tron-blue-dark:#004c8c;--tron-blue-glow:rgba(0,255,255,0.8);--tron-orange:#f60;--tron-orange-bright:#ff9100;--tron-orange-glow:rgba(255,102,0,0.8);--tron-red:#ff0040;--tron-red-glow:rgba(255,0,64,0.8);--tron-success:#00ff41;--tron-warning:#ffab00;--tron-error:#ff0040;--tron-grid-line:rgba(0,255,255,0.08);--tron-grid-accent:rgba(0,255,255,0.15);--tron-scanline:rgba(0,255,255,0.03);--font-mono:'Share Tech Mono','Fira Code','Courier New',monospace;--font-display:'Orbitron','Share Tech Mono',monospace;--glow-cyan:0 0 20px var(--tron-cyan),0 0 40px var(--tron-cyan-dark);--glow-orange:0 0 20px var(--tron-orange),0 0 40px var(--tron-orange-bright);--glow-subtle:0 0 10px rgba(0,255,255,0.5);--glow-intense:0 0 30px var(--tron-cyan),0 0 60px var(--tron-cyan),0 0 90px var(--tron-cyan);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.6s ease}*{margin:0;padding:0;box-sizing:border-box}body.tron-ui{font-family:var(--font-mono);background:var(--tron-black);color:var(--tron-cyan);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}body.tron-ui::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0,transparent,transparent 2px,var(--tron-scanline) 2px,var(--tron-scanline) 4px);pointer-events:none;z-index:9999;animation:scanlines 8s linear infinite}.tron-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--tron-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--tron-grid-line) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;z-index:-1}.tron-h1,.tron-h2,.tron-h3,.tron-h4,.tron-h5,.tron-h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:1rem;text-shadow:var(--glow-subtle);animation:text-glow 2s ease-in-out infinite alternate}.tron-h1{font-size:3rem;letter-spacing:.2em;text-shadow:var(--glow-cyan)}.tron-h2{font-size:2.2rem;letter-spacing:.15em}.tron-h3{font-size:1.8rem}.tron-h4{font-size:1.4rem}.tron-text{font-family:var(--font-mono);color:var(--tron-cyan);line-height:1.8}.tron-text-accent{color:var(--tron-orange);text-shadow:0 0 10px var(--tron-orange-glow)}.tron-code{font-family:var(--font-mono);background:rgba(0,255,255,0.05);border:1px solid var(--tron-cyan-dark);padding:2px 6px;border-radius:3px;font-size:.9em}.tron-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative}.tron-panel{background:linear-gradient(135deg,rgba(0,255,255,0.02) 0,rgba(0,128,255,0.02) 100%);border:1px solid var(--tron-cyan-dark);border-radius:0;padding:2rem;position:relative;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,255,255,0.05),0 0 40px rgba(0,255,255,0.1)}.tron-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--tron-cyan) 50%,transparent);animation:scan-line 3s linear infinite}.tron-panel-header{border-bottom:1px solid var(--tron-cyan-dark);padding-bottom:1rem;margin-bottom:1.5rem;position:relative}.tron-panel-header::after{content:'';position:absolute;bottom:-1px;left:0;width:100px;height:1px;background:var(--tron-orange);animation:border-slide 2s ease-in-out infinite}.tron-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;padding:12px 24px;background:transparent;color:var(--tron-cyan);border:1px solid var(--tron-cyan);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);font-size:.9rem;font-weight:500}.tron-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);background:var(--tron-cyan);transition:all var(--transition-normal);border-radius:50%}.tron-btn:hover{color:var(--tron-black);text-shadow:none;box-shadow:var(--glow-cyan);transform:translateY(-2px)}.tron-btn:hover::before{width:300px;height:300px}.tron-btn:active{transform:translateY(0)}.tron-btn span{position:relative;z-index:1}.tron-btn-primary{background:linear-gradient(135deg,rgba(0,255,255,0.1) 0,rgba(0,255,255,0.2) 100%);box-shadow:var(--glow-subtle)}.tron-btn-danger{color:var(--tron-red);border-color:var(--tron-red)}.tron-btn-danger:hover{box-shadow:var(--glow-orange)}.tron-btn-danger::before{background:var(--tron-red)}.tron-input,.tron-select,.tron-textarea{font-family:var(--font-mono);background:rgba(0,255,255,0.02);border:1px solid var(--tron-cyan-dark);color:var(--tron-cyan);padding:10px 15px;font-size:.95rem;transition:all var(--transition-normal);width:100%}.tron-input:focus,.tron-select:focus,.tron-textarea:focus{outline:0;border-color:var(--tron-cyan);box-shadow:inset 0 0 5px rgba(0,255,255,0.2),0 0 20px rgba(0,255,255,0.1);background:rgba(0,255,255,0.05)}.tron-input::placeholder{color:rgba(0,255,255,0.3);font-style:italic}.tron-label{display:block;margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tron-cyan-dark)}.tron-terminal-input{background:var(--tron-black);border:1px solid var(--tron-cyan-dark);color:var(--tron-cyan);font-family:var(--font-mono);padding:15px;position:relative;margin:1rem 0}.tron-terminal-input::before{content:'> ';color:var(--tron-orange);position:absolute;left:15px;animation:blink 1s infinite}.tron-terminal-input input{background:transparent;border:0;color:var(--tron-cyan);font-family:inherit;padding-left:20px;width:100%;outline:0}.tron-card{background:linear-gradient(135deg,rgba(10,14,27,0.95) 0,rgba(6,8,17,0.95) 100%);border:1px solid var(--tron-cyan-dark);position:relative;padding:1.5rem;margin:1rem 0;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));transition:all var(--transition-normal)}.tron-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--tron-cyan),transparent 40%,transparent 60%,var(--tron-orange));z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.tron-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,255,255,0.2),inset 0 0 30px rgba(0,255,255,0.05)}.tron-card:hover::before{opacity:1;animation:rotate-border 2s linear infinite}.tron-card-header{border-bottom:1px solid var(--tron-cyan-dark);padding-bottom:1rem;margin-bottom:1rem}.tron-card-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem;color:var(--tron-cyan);text-shadow:var(--glow-subtle)}.tron-loader{width:100px;height:100px;position:relative;margin:50px auto}.tron-loader-ring{position:absolute;width:100%;height:100%;border:2px solid transparent;border-top-color:var(--tron-cyan);border-radius:50%;animation:loader-spin 1.5s linear infinite;box-shadow:var(--glow-cyan)}.tron-loader-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:var(--tron-orange);animation-duration:1s;animation-direction:reverse;box-shadow:var(--glow-orange)}.tron-loader-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:var(--tron-cyan);animation-duration:.75s}.tron-data-stream{font-family:var(--font-mono);font-size:.8rem;color:var(--tron-cyan);opacity:.8;white-space:pre;overflow:hidden;animation:data-stream 2s linear infinite}.tron-progress{width:100%;height:4px;background:rgba(0,255,255,0.1);border:1px solid var(--tron-cyan-dark);position:relative;overflow:hidden}.tron-progress-bar{height:100%;background:linear-gradient(90deg,transparent,var(--tron-cyan) 50%,transparent);animation:progress-slide 2s linear infinite;box-shadow:var(--glow-cyan)}.tron-glitch{position:relative;animation:glitch 2s infinite}.tron-glitch::before,.tron-glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.tron-glitch::before{animation:glitch-1 .5s infinite;color:var(--tron-cyan);z-index:-1}.tron-glitch::after{animation:glitch-2 .5s infinite;color:var(--tron-orange);z-index:-2}.tron-alert{padding:1rem 1.5rem;border-left:4px solid var(--tron-cyan);background:rgba(0,255,255,0.05);margin:1rem 0;position:relative;animation:slide-in .3s ease}.tron-alert::before{content:'//';position:absolute;left:15px;color:var(--tron-cyan);font-weight:bold}.tron-alert-success{border-left-color:var(--tron-success);background:rgba(0,255,65,0.05)}.tron-alert-success::before{color:var(--tron-success);content:'✓'}.tron-alert-error{border-left-color:var(--tron-error);background:rgba(255,0,64,0.05)}.tron-alert-error::before{color:var(--tron-error);content:'✗'}.tron-alert-warning{border-left-color:var(--tron-warning);background:rgba(255,171,0,0.05)}.tron-alert-warning::before{color:var(--tron-warning);content:'!'}.tron-table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0}.tron-table thead{background:rgba(0,255,255,0.05)}.tron-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;padding:1rem;text-align:left;border-bottom:2px solid var(--tron-cyan);color:var(--tron-cyan);font-size:.85rem}.tron-table td{padding:1rem;border-bottom:1px solid rgba(0,255,255,0.1);font-family:var(--font-mono);font-size:.9rem}.tron-table tbody tr{transition:all var(--transition-fast)}.tron-table tbody tr:hover{background:rgba(0,255,255,0.03);box-shadow:0 0 20px rgba(0,255,255,0.1)}.tron-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fade-in .3s ease}.tron-modal{background:var(--tron-dark);border:2px solid var(--tron-cyan);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:modal-slide-in .3s ease;box-shadow:var(--glow-intense)}.tron-modal-header{padding:1.5rem;border-bottom:1px solid var(--tron-cyan-dark);background:linear-gradient(135deg,rgba(0,255,255,0.05) 0,rgba(0,255,255,0.02) 100%)}.tron-modal-body{padding:2rem 1.5rem}.tron-modal-footer{padding:1.5rem;border-top:1px solid var(--tron-cyan-dark);display:flex;justify-content:flex-end;gap:1rem}@keyframes scanlines{0%{background-position:0 0}100%{background-position:0 10px}}@keyframes grid-move{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}@keyframes text-glow{0%{text-shadow:0 0 10px var(--tron-cyan)}50%{text-shadow:0 0 20px var(--tron-cyan),0 0 30px var(--tron-cyan)}100%{text-shadow:0 0 10px var(--tron-cyan)}}@keyframes scan-line{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes border-slide{0%{transform:translateX(0)}50%{transform:translateX(calc(100vw - 100px))}100%{transform:translateX(0)}}@keyframes loader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes data-stream{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes progress-slide{0%{transform:translateX(-200%)}100%{transform:translateX(200%)}}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes glitch{0%,100%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}}@keyframes glitch-1{0%,100%{clip:rect(0,9999px,9999px,0)}25%{clip:rect(random(100)+px,9999px,random(100)+px,0)}50%{clip:rect(random(100)+px,9999px,random(100)+px,0)}75%{clip:rect(random(100)+px,9999px,random(100)+px,0)}}@keyframes glitch-2{0%,100%{clip:rect(0,9999px,9999px,0)}25%{clip:rect(random(100)+px,9999px,random(100)+px,0)}50%{clip:rect(random(100)+px,9999px,random(100)+px,0)}75%{clip:rect(random(100)+px,9999px,random(100)+px,0)}}@keyframes rotate-border{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes slide-in{0%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-slide-in{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}.tron-glow{box-shadow:var(--glow-cyan)}.tron-glow-orange{box-shadow:var(--glow-orange)}.tron-text-glow{text-shadow:var(--glow-cyan)}.tron-border-top{border-top:1px solid var(--tron-cyan-dark)}.tron-border-bottom{border-bottom:1px solid var(--tron-cyan-dark)}.tron-mt-1{margin-top:.5rem}.tron-mt-2{margin-top:1rem}.tron-mt-3{margin-top:1.5rem}.tron-mt-4{margin-top:2rem}.tron-mt-5{margin-top:3rem}.tron-mb-1{margin-bottom:.5rem}.tron-mb-2{margin-bottom:1rem}.tron-mb-3{margin-bottom:1.5rem}.tron-mb-4{margin-bottom:2rem}.tron-mb-5{margin-bottom:3rem}.tron-p-1{padding:.5rem}.tron-p-2{padding:1rem}.tron-p-3{padding:1.5rem}.tron-p-4{padding:2rem}.tron-p-5{padding:3rem}.tron-text-center{text-align:center}.tron-text-right{text-align:right}.tron-text-left{text-align:left}.tron-flex{display:flex}.tron-flex-center{display:flex;align-items:center;justify-content:center}.tron-flex-between{display:flex;align-items:center;justify-content:space-between}.tron-grid{display:grid;gap:1rem}.tron-grid-2{grid-template-columns:repeat(2,1fr)}.tron-grid-3{grid-template-columns:repeat(3,1fr)}.tron-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.tron-grid-2,.tron-grid-3,.tron-grid-4{grid-template-columns:1fr}}.tron-cursor::after{content:'_';animation:blink 1s infinite;color:var(--tron-cyan)}.tron-data-text{font-family:var(--font-mono);position:relative;overflow:hidden}.tron-data-text::before{content:attr(data-text);position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;color:var(--tron-orange);border-right:2px solid var(--tron-orange);animation:typing 3s steps(30) infinite}@keyframes typing{0%,10%{width:0}70%,90%{width:100%}100%{width:0}}.tron-circuit-bg{background-image:repeating-linear-gradient(0,transparent,transparent 35px,var(--tron-grid-line) 35px,var(--tron-grid-line) 70px),repeating-linear-gradient(90deg,transparent,transparent 35px,var(--tron-grid-line) 35px,var(--tron-grid-line) 70px)}.tron-hud-frame{position:relative;padding:2rem;background:linear-gradient(135deg,transparent 10px,var(--tron-dark) 10px)}.tron-hud-frame::before,.tron-hud-frame::after{content:'';position:absolute;width:20px;height:20px;border:2px solid var(--tron-cyan)}.tron-hud-frame::before{top:10px;left:10px;border-right:0;border-bottom:0}.tron-hud-frame::after{bottom:10px;right:10px;border-left:0;border-top:0}.tron-hologram{position:relative;animation:hologram 2s ease-in-out infinite}@keyframes hologram{0%,100%{opacity:1;filter:hue-rotate(0)}50%{opacity:.8;filter:hue-rotate(30deg)}}.tron-neon{color:var(--tron-cyan);text-shadow:0 0 10px var(--tron-cyan),0 0 20px var(--tron-cyan),0 0 30px var(--tron-cyan),0 0 40px var(--tron-blue),0 0 70px var(--tron-blue),0 0 80px var(--tron-blue),0 0 100px var(--tron-blue),0 0 150px var(--tron-blue);animation:neon-flicker 1.5s infinite alternate}@keyframes neon-flicker{0%,100%{opacity:1}33%{opacity:.8}66%{opacity:.9}}.planet-canvas-container{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--tron-black)}#planet-webgl-canvas{width:100%;height:100%;display:block;cursor:grab}#planet-webgl-canvas:active{cursor:grabbing}.planet-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(10,14,27,0.95) 0,rgba(10,14,27,0) 100%);padding:1.5rem 2rem;z-index:100;pointer-events:none}.planet-header>*{pointer-events:auto}.planet-header h1{font-family:var(--font-display);font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;background:linear-gradient(45deg,var(--tron-cyan),var(--tron-blue),var(--tron-cyan));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;margin-bottom:.5rem}.planet-stats{font-family:var(--font-mono);font-size:.9rem;color:var(--tron-cyan-dark);opacity:.8}.planet-stats span{margin-right:2rem;display:inline-block}.planet-stats .stat-value{color:var(--tron-cyan);font-weight:bold}.planet-controls{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:200}.planet-control-btn{width:48px;height:48px;background:rgba(10,14,27,0.8);border:1px solid var(--tron-cyan-dark);border-radius:4px;color:var(--tron-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);font-size:1.2rem}.planet-control-btn:hover{background:rgba(0,255,255,0.1);border-color:var(--tron-cyan);box-shadow:0 0 20px rgba(0,255,255,0.3);transform:scale(1.05)}.planet-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1000}.planet-loading-spinner{width:80px;height:80px;border:3px solid var(--tron-grid);border-top:3px solid var(--tron-cyan);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem;box-shadow:0 0 30px rgba(0,255,255,0.3)}.planet-loading-text{font-family:var(--font-display);font-size:1.2rem;color:var(--tron-cyan);text-transform:uppercase;letter-spacing:.1em;animation:pulse 2s ease-in-out infinite}.planet-loading-progress{margin-top:2rem;width:300px}.planet-progress-bar{width:100%;height:4px;background:var(--tron-grid);border-radius:2px;overflow:hidden;position:relative}.planet-progress-fill{height:100%;background:linear-gradient(90deg,var(--tron-cyan),var(--tron-blue));border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px rgba(0,255,255,0.5)}.planet-loading-stats{margin-top:1rem;font-family:var(--font-mono);font-size:.9rem;color:var(--tron-cyan-dark)}.planet-hud{position:absolute;bottom:2rem;left:2rem;background:rgba(10,14,27,0.8);border:1px solid var(--tron-cyan-dark);border-radius:4px;padding:1rem;backdrop-filter:blur(10px);z-index:200;font-family:var(--font-mono);font-size:.85rem;min-width:200px}.planet-hud-title{color:var(--tron-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-weight:bold}.planet-hud-info{color:var(--tron-cyan-dark);line-height:1.4}.planet-hud-info span{display:block;margin-bottom:.25rem}.planet-hud-value{color:var(--tron-cyan);font-weight:bold}.planet-tooltip{position:absolute;background:rgba(10,14,27,0.95);border:1px solid var(--tron-cyan);border-radius:4px;padding:.75rem;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;backdrop-filter:blur(10px);box-shadow:0 0 30px rgba(0,255,255,0.3);min-width:200px}.planet-tooltip.visible{opacity:1}.planet-tooltip-title{font-family:var(--font-display);color:var(--tron-cyan);font-weight:bold;margin-bottom:.25rem}.planet-tooltip-info{font-family:var(--font-mono);font-size:.85rem;color:var(--tron-cyan-dark)}.planet-tooltip-color{display:inline-block;width:16px;height:16px;border-radius:2px;margin-right:.5rem;vertical-align:middle;border:1px solid var(--tron-cyan-dark)}.planet-zoom-indicator{position:absolute;bottom:2rem;right:2rem;background:rgba(10,14,27,0.8);border:1px solid var(--tron-cyan-dark);border-radius:4px;padding:.5rem 1rem;backdrop-filter:blur(10px);z-index:200;font-family:var(--font-mono);font-size:.85rem;color:var(--tron-cyan)}.planet-minimap{position:absolute;top:120px;right:2rem;width:150px;height:150px;background:rgba(10,14,27,0.9);border:1px solid var(--tron-cyan-dark);border-radius:4px;overflow:hidden;z-index:200;cursor:pointer}.planet-minimap-canvas{width:100%;height:100%}.planet-minimap-viewport{position:absolute;border:2px solid var(--tron-cyan);background:rgba(0,255,255,0.1);pointer-events:none}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}@media(max-width:768px){.planet-header{padding:1rem}.planet-header h1{font-size:1.5rem}.planet-controls{right:1rem}.planet-control-btn{width:40px;height:40px;font-size:1rem}.planet-hud{bottom:1rem;left:1rem;font-size:.8rem}.planet-minimap{display:none}}