:root{--bg:#03050b;--panel:#080d18;--panel2:#0b1220;--line:#17243a;--cyan:#00eaff;--blue:#4388ff;--purple:#a46cff;--red:#ff3d65;--green:#25f3a1;--orange:#ffad4a;--text:#eaf5ff;--muted:#70829d;--font:'Inter',sans-serif;--hud:'Orbitron',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}
#space{position:fixed;inset:0;width:100%;height:100%;z-index:-6}.grid-floor{position:fixed;inset:55% -20% -20%;z-index:-4;background:linear-gradient(transparent,#07101e 18%),repeating-linear-gradient(90deg,rgba(0,234,255,.08) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(68,136,255,.06) 0 1px,transparent 1px 60px);transform:perspective(600px) rotateX(58deg);transform-origin:top;opacity:.45}.scanlines{position:fixed;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.noise{position:fixed;inset:0;z-index:19;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.boot{position:fixed;inset:0;z-index:100;background:#02040a;display:grid;place-content:center;text-align:center;transition:.8s}.boot.done{opacity:0;pointer-events:none}.boot-core{width:80px;height:80px;margin:auto;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 45px #00eaff66;animation:spin 2s linear infinite}.boot-title{font-family:var(--hud);letter-spacing:4px;margin:25px 0 12px}.boot small{color:var(--muted)}.boot-bar{width:300px;height:3px;background:#111a2a;margin:0 auto 14px}.boot-bar i{display:block;width:0;height:100%;background:var(--cyan);animation:boot 1.7s forwards}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#050914;border-right:1px solid #122039;z-index:30;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:40px}.brand-mark{width:42px;height:42px;border:1px solid var(--cyan);display:grid;place-items:center;font-size:25px;color:var(--cyan);box-shadow:0 0 22px #00eaff22}.brand b{font-family:var(--hud);font-size:14px;letter-spacing:1px}.brand b span{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:5px}.nav{width:100%;padding:13px 12px;background:transparent;border:1px solid transparent;color:#73839a;text-align:left;margin:3px 0;cursor:pointer;font-size:12px;transition:.2s}.nav:hover,.nav.active{color:#fff;background:#0b1525;border-color:#193250;box-shadow:inset 3px 0 var(--cyan)}.nav.active{color:var(--cyan)}.nav span{margin-left:10px}.sidebar-foot{margin-top:auto}.mini-status{font-size:10px;border:1px solid #15253d;padding:11px;display:flex;gap:7px;align-items:center;margin-bottom:10px}.mini-status i,.live i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);animation:pulse 1.5s infinite}.mini-status strong{margin-left:auto;color:var(--green)}.hud-btn,.icon-btn,.secondary,.primary{font:600 10px var(--hud);letter-spacing:1px;color:var(--text);background:#0a1220;border:1px solid #20324d;padding:11px 14px;cursor:pointer;transition:.25s}.hud-btn{width:100%}.hud-btn:hover,.secondary:hover,.icon-btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px #00eaff18}
.main{margin-left:250px;min-height:100vh}.topbar{height:68px;border-bottom:1px solid #111d31;background:#040711e8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:25;backdrop-filter:blur(8px)}.crumb{font:600 9px var(--hud);color:#53657e;letter-spacing:2px}.crumb span{color:var(--cyan)}.crumb b{color:#fff}.top-actions{display:flex;align-items:center;gap:16px}.clock{font:600 11px var(--hud);color:#9aabc1}.live{font:600 9px var(--hud);display:flex;align-items:center;gap:7px;color:var(--green)}.icon-btn{padding:9px 12px}.topbar>#menu{display:none}
.section{max-width:1450px;margin:auto;padding:80px 5vw}.hero{min-height:calc(100vh - 68px);display:flex;align-items:center;position:relative;overflow:hidden}.hero-copy{width:58%;z-index:2}.eyebrow{font:700 9px var(--hud);letter-spacing:3px;color:var(--cyan)}h1,h2,h3{font-family:var(--hud);margin:0}h1{font-size:clamp(48px,7vw,108px);line-height:.95;letter-spacing:-4px;margin:20px 0}h1 span{color:var(--cyan);text-shadow:0 0 35px #00eaff66}.hero p{color:#8798ae;letter-spacing:4px;font-size:11px}.hero-actions{display:flex;gap:10px;margin:35px 0}.primary{background:var(--cyan);color:#021016;border-color:var(--cyan);box-shadow:0 0 30px #00eaff25}.primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #00eaff55}.hero-metrics{display:flex;gap:35px;border-top:1px solid #18263b;padding-top:20px;max-width:600px}.hero-metrics div{border-left:2px solid #1e334f;padding-left:12px}.hero-metrics small,.stat-card span{display:block;color:#65758b;font-size:8px;letter-spacing:2px}.hero-metrics b{display:block;font:600 13px var(--hud);margin-top:6px}.planet-wrap{position:absolute;right:-5%;width:54vw;height:54vw;max-width:720px;max-height:720px;display:grid;place-items:center}.planet{width:53%;aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 36% 32%,#173c68,#09182e 45%,#02060e 72%);box-shadow:inset -35px -25px 60px #000,0 0 80px #007dff22,0 0 180px #00eaff0b;overflow:hidden}.planet:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(18deg,transparent 0 18px,#00d9ff1c 19px 20px);transform:rotate(18deg)}.planet-lines{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 22px,#4bcfff10 23px 24px);opacity:.7}.planet-core{position:absolute;inset:18%;border:1px solid #00eaff22;border-radius:50%;box-shadow:0 0 40px #00eaff15}.orbit{position:absolute;border:1px solid #00eaff25;border-radius:50%;transform:rotate(-18deg)}.o1{width:75%;height:30%}.o2{width:92%;height:42%;transform:rotate(55deg)}.o3{width:110%;height:55%;transform:rotate(115deg);border-color:#a46cff18}.planet-label{position:absolute;right:12%;bottom:15%;font:8px var(--hud);letter-spacing:2px;color:#6c7f98}.planet-label b{color:var(--cyan);font-size:11px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}h2{font-size:24px;letter-spacing:1px;margin-top:8px}.online-badge,.rank{font:700 9px var(--hud);color:var(--green);border:1px solid #1c493d;padding:8px 10px;background:#06140f}.rank{color:var(--purple);border-color:#3a2756;background:#110b1a}.telemetry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stat-card{min-height:135px;padding:18px;background:#080d17;border:1px solid var(--line);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--c)}.stat-card.cyan{--c:var(--cyan)}.stat-card.blue{--c:var(--blue)}.stat-card.purple{--c:var(--purple)}.stat-card.red{--c:var(--red)}.stat-card.green{--c:var(--green)}.stat-card.orange{--c:var(--orange)}.stat-card strong{display:block;font:700 18px var(--hud);margin-top:28px}.stat-card em{display:block;color:#55667d;font-size:8px;font-style:normal;margin-top:8px}
.explorer{border:1px solid #16263d;background:#070c16}.toolbar{padding:12px;display:flex;gap:8px;border-bottom:1px solid #142138}.search{flex:1;display:flex;align-items:center;gap:10px;background:#040811;border:1px solid #15243a;padding:0 12px}.search span{color:var(--cyan);font-size:20px}.search input,.toolbar select{background:transparent;border:0;outline:0;color:#9eafc5;font:600 9px var(--hud);width:100%;padding:12px}.toolbar select{border:1px solid #15243a;width:auto}.toolbar option{background:#070c16}.view-toggle{display:flex;border:1px solid #15243a}.view-toggle button{border:0;background:#08101d;color:#66778e;width:38px}.view-toggle .active{color:var(--cyan);background:#0e1b2c}.pathbar{padding:12px 16px;display:flex;gap:12px;color:#53657e;font:600 9px var(--hud);border-bottom:1px solid #121f34}.pathbar strong{color:var(--cyan)}.file-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.file-grid.list{display:block}.file-card{background:#09111e;border:1px solid #172942;padding:15px;position:relative;min-height:180px;transition:.25s}.file-card:hover{border-color:#31547c;transform:translateY(-3px);box-shadow:0 12px 35px #0008}.file-icon{width:44px;height:44px;display:grid;place-items:center;background:#0d1a2c;border:1px solid #223956;color:var(--cyan);font:700 16px var(--hud);margin-bottom:18px}.file-card.folder .file-icon{color:var(--orange)}.file-name{font-weight:700;font-size:12px;word-break:break-word}.file-meta{color:#64758c;font-size:9px;margin-top:7px}.file-foot{position:absolute;left:15px;right:15px;bottom:13px;display:flex;justify-content:space-between;align-items:center}.file-foot small{color:#53657e}.download-btn{border:1px solid #1f4560;background:#0a1b28;color:var(--cyan);font:700 8px var(--hud);padding:7px 9px;cursor:pointer}.file-grid.list .file-card{display:grid;grid-template-columns:55px 1fr 100px 100px 90px;align-items:center;gap:15px;min-height:70px;margin-bottom:6px}.file-grid.list .file-icon{margin:0}.file-grid.list .file-foot{position:static}.file-grid.list .file-meta{margin:0}
.rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rank-card,.recent-card{border:1px solid #172942;background:#080e19;padding:18px}.rank-card{display:grid;grid-template-columns:45px 1fr auto;gap:13px;align-items:center}.rank-num{font:700 24px var(--hud);color:#2c415d}.rank-card b,.recent-card b{font-size:11px}.rank-card small,.recent-card small{display:block;color:#5e7088;margin-top:6px;font-size:9px}.rank-card strong{color:var(--cyan);font:700 10px var(--hud)}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recent-card{min-height:100px}.recent-card span{font:700 8px var(--hud);color:var(--purple);letter-spacing:1px}
.performance{display:grid;grid-template-columns:220px 1fr 300px;gap:10px}.gauge-card,.graph-card,.xp-card{background:#080e19;border:1px solid #172942;padding:20px}.gauge{width:150px;height:150px;border-radius:50%;margin:auto;display:grid;place-content:center;text-align:center;border:10px solid #122339;border-top-color:var(--cyan);border-right-color:var(--blue);box-shadow:0 0 40px #00eaff12}.gauge span{font:700 38px var(--hud)}.gauge small{color:#52657d}.gauge-card h3{text-align:center;font-size:10px;margin-top:18px}.gauge-card p{text-align:center;color:var(--green);font:700 8px var(--hud)}.graph-head,.xp-top{display:flex;justify-content:space-between;font:700 9px var(--hud)}.graph-head b{color:var(--green)}#graph{width:100%;height:180px;margin-top:15px}.xp{height:12px;background:#111c2d;margin:28px 0 7px}.xp i{display:block;height:100%;width:97%;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 20px #00eaff33}.xp-bottom{display:flex;justify-content:space-between;color:#61738b;font-size:8px}.achievements{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}.achievements span{border:1px solid #29334c;padding:7px;font:700 7px var(--hud);color:#91a2b8}
.node-map{height:430px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0e2945,#060b14 65%);border:1px solid #182b45}.node-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#00eaff08 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,#00eaff06 0 1px,transparent 1px 70px);transform:perspective(600px) rotateX(55deg) scale(1.4)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-content:center;text-align:center;font:700 9px var(--hud);box-shadow:0 0 55px #00eaff25}.map-center b{font-size:15px;color:var(--cyan)}.map-node{position:absolute;font:700 8px var(--hud);color:#8fa4be;display:flex;gap:7px;align-items:center}.map-node i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);animation:pulse 1.5s infinite}.n1{left:50%;top:62%}.n2{left:64%;top:52%}.n3{left:70%;top:33%}.n4{left:31%;top:31%}.n5{left:18%;top:47%}.n6{left:11%;top:67%}.map-lines{position:absolute;inset:0;background:linear-gradient(12deg,transparent 49.8%,#00eaff2a 50%,transparent 50.2%),linear-gradient(-25deg,transparent 49.8%,#a46cff20 50%,transparent 50.2%);transform:scale(1.3);animation:drift 5s linear infinite}.node-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.node-list div{background:#080e19;border:1px solid #172942;padding:13px;display:grid;grid-template-columns:1fr auto;gap:5px}.node-list b{font:700 8px var(--hud)}.node-list span{color:var(--green);font:700 7px var(--hud);text-align:right}.node-list em{grid-column:1/-1;color:#5d7088;font-size:9px;font-style:normal}
.health{display:grid;grid-template-columns:330px 1fr;gap:25px;background:#080e19;border:1px solid #172942;padding:25px}.radar{width:290px;height:290px;border:1px solid #18354d;border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle,#0a2030 0 2%,transparent 3% 20%,#00eaff08 21% 22%,transparent 23% 39%,#00eaff08 40% 41%,transparent 42% 59%,#00eaff08 60% 61%,transparent 62%),linear-gradient(#00eaff12 1px,transparent 1px),linear-gradient(90deg,#00eaff12 1px,transparent 1px);background-size:auto,50% 50%,50% 50%;background-position:center}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 80%,#00eaff35 88%,transparent 90%);animation:spin 3s linear infinite}.radar i{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;left:63%;top:31%;box-shadow:0 0 15px var(--cyan)}.health-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.health-stats div{position:relative}.health-stats span{font:700 8px var(--hud);color:#62748d}.health-stats b{display:block;font:700 17px var(--hud);margin-top:5px}.health-stats i{display:block;height:3px;background:#17273d;margin-top:8px}.health-stats i:after{content:"";display:block;width:var(--v);height:100%;background:var(--cyan);box-shadow:0 0 10px #00eaff55}
.history-table{border:1px solid #172942;background:#080e19}.history-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:15px;border-bottom:1px solid #122038;font-size:10px}.history-row.head{color:#53657e;font:700 8px var(--hud);letter-spacing:1px}.status-ok{color:var(--green);font:700 8px var(--hud)}
footer{padding:35px 5vw;color:#40526b;text-align:center;border-top:1px solid #101c2e;font:700 8px var(--hud);letter-spacing:2px}footer span{color:var(--cyan)}
.modal{position:fixed;inset:0;background:#01040bd9;z-index:90;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-box{width:min(620px,100%);background:#070d18;border:1px solid #29435f;box-shadow:0 30px 100px #000;position:relative;padding:30px}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#71839a;font-size:25px;cursor:pointer}.modal-box h2{margin:14px 0 20px}.download-meta{display:flex;gap:20px;flex-wrap:wrap;color:#71839a;font:700 8px var(--hud);border-top:1px solid #16253b;border-bottom:1px solid #16253b;padding:14px 0}.transfer{margin:30px 0}.transfer-top,.transfer-bottom{display:flex;justify-content:space-between;font:700 9px var(--hud)}.transfer-top strong{color:var(--cyan)}.progress{height:14px;background:#111d30;margin:12px 0;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 20px #00eaff66;transition:width .15s}.transfer-bottom{color:#60738c}.full{width:100%}#toast{position:fixed;right:20px;bottom:20px;background:#07121f;border:1px solid #24405d;padding:12px 16px;color:var(--cyan);font:700 9px var(--hud);z-index:100;transform:translateY(100px);opacity:0;transition:.3s}#toast.show{transform:none;opacity:1}
@keyframes pulse{50%{opacity:.45;transform:scale(.7)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes boot{to{width:100%}}@keyframes drift{to{transform:scale(1.3) translate(4%,2%)}}@media(max-width:1050px){.sidebar{width:210px}.main{margin-left:210px}.telemetry-grid{grid-template-columns:repeat(3,1fr)}.performance{grid-template-columns:1fr 1fr}.xp-card{grid-column:1/-1}.rank-grid{grid-template-columns:1fr 1fr}.health{grid-template-columns:1fr}.hero-copy{width:65%}.planet-wrap{right:-20%}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.3s;width:270px}.sidebar.open{transform:none}.main{margin-left:0}.topbar{padding:0 14px}.topbar>#menu{display:block}.crumb{display:none}.section{padding:55px 16px}.hero{min-height:780px}.hero-copy{width:100%;align-self:flex-start;margin-top:60px}.planet-wrap{width:120vw;height:120vw;right:-35%;top:300px;opacity:.7}.hero-actions{flex-wrap:wrap}.hero-metrics{gap:14px}.telemetry-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar select{flex:1}.view-toggle{display:none}.file-grid{grid-template-columns:1fr 1fr;padding:10px}.file-grid.list .file-card{display:block}.file-grid.list .file-foot{margin-top:12px}.rank-grid,.recent-grid,.performance{grid-template-columns:1fr}.node-list{grid-template-columns:1fr 1fr}.health{padding:15px}.radar{width:250px;height:250px}.history-row{grid-template-columns:2fr 1fr 1fr}.history-row span:nth-child(4){display:none}.history-row span:nth-child(5){display:none}}@media(max-width:430px){h1{font-size:47px}.telemetry-grid{grid-template-columns:1fr}.file-grid{grid-template-columns:1fr}.node-list{grid-template-columns:1fr}.top-actions .clock{display:none}}