:root{--orange:#f46d28;--cyan:#3bd9ec;--purple:#a45ada;--cream:#f0e7d9;--steel:#152739;--ink:#07111b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#03070c;color:#e9eef3;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #f9c16c;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}#app{height:100dvh;display:flex;flex-direction:column;min-height:0;background:#030810}#topbar{height:58px;flex:none;background:linear-gradient(90deg,#050c14,#17202c,#050c14);border-bottom:1px solid #45627b;display:flex;align-items:center;gap:9px;padding:5px max(9px,env(safe-area-inset-right));z-index:8}.square{width:47px;min-width:47px;height:47px;border:1px solid #416984;background:#081728;color:#d0f7ff;border-radius:7px;font-size:21px}.brand{flex:1;min-width:0;font-size:clamp(12px,3.2vw,19px);font-weight:950;line-height:1.1;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand span{display:block;color:#77b4bf;letter-spacing:.12em;font-size:clamp(7px,1.55vw,10px);font-weight:700;margin-top:3px}#screentag{font-size:11px;color:#fbc08b;white-space:nowrap}#viewport{flex:1;position:relative;min-height:0;overflow:hidden;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#183b5c 0%,#07101e 65%,#000 95%)}#view{width:min(100%,720px);height:100%;position:relative;overflow:hidden;isolation:isolate;border-left:1px solid #22435b;border-right:1px solid #22435b;background:#040917}.bottom-nav{min-height:62px;flex:none;display:grid;grid-template-columns:repeat(5,1fr);background:#07111c;border-top:1px solid #42647c;padding:4px 5px max(4px,env(safe-area-inset-bottom));z-index:8;gap:4px}.bottom-nav button{min-height:48px;border:1px solid #31495d;background:#102033;color:#d9edf8;border-radius:6px;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column}.bottom-nav button span{font-size:10px;line-height:12px}.bottom-nav button.selected{border-color:var(--orange);color:#ffbf81;background:#2e1b14}.backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-photo{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:brightness(.65) saturate(.93);animation:bgbreath 19s ease-in-out infinite alternate}.bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#030a16ad 0,#050b18a1 16%,#03111d12 44%,#0209138a 72%,#01060bf8 100%)}.farfog{position:absolute;inset:0;background:radial-gradient(circle at 55% 33%,#54a6eb19,transparent 50%);animation:breathe 8s ease-in-out infinite}.city-sign{position:absolute;max-width:31%;opacity:.87;filter:drop-shadow(0 0 13px #c335f0b3);animation:holo 6s ease-in-out infinite}.city-sign.left{left:0;top:29%;width:28%}.city-sign.right{right:0;top:26%;width:23%}.hero-art{position:absolute;left:-23%;width:90%;height:60%;bottom:10%;object-fit:contain;object-position:bottom left;filter:drop-shadow(6px 12px 20px #000);animation:heroSway 12s ease-in-out infinite alternate}.pal-art{position:absolute;right:-7%;bottom:31%;width:51%;height:33%;object-fit:contain;filter:drop-shadow(0 0 9px #25bdfb63);animation:palFloat 4.8s ease-in-out infinite}.cargo-art{position:absolute;left:-19%;bottom:19%;width:53%;height:45%;object-fit:contain;opacity:.65;filter:brightness(.67)}.sign-signal{position:absolute;width:30%;top:30%;left:38%;height:70px;border:1px solid #25f4ff6f;background:linear-gradient(140deg,#02192b9c,#00213440);box-shadow:0 0 14px #25f4ff40,inset 0 0 10px #09d6ff3a;transform:skewY(-3deg);animation:holo 4s infinite;display:grid;place-content:center;color:var(--cyan);font-size:13px;text-align:center;letter-spacing:.13em}.rain{position:absolute;inset:-10%;background:repeating-linear-gradient(106deg,transparent 0 19px,#b4dff51c 21px,transparent 22px 57px);opacity:.45;animation:rainDrift 5s linear infinite}.sparks{position:absolute;inset:0;overflow:hidden}.spark{position:absolute;width:3px;height:5px;background:#ffc064;box-shadow:0 0 9px #ff703b;left:var(--x);top:var(--y);animation:sparkFly var(--speed) infinite ease-in;animation-delay:var(--delay)}.page{position:relative;height:100%;display:flex;flex-direction:column;min-height:0}.page-header{position:relative;z-index:3;padding:14px 15px 7px;background:linear-gradient(#051020b0,#05102000)}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.category-chip{color:#9cdbed;text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:800}.status-chip{font-size:9px;letter-spacing:.08em;border:1px solid #567181;background:#060d18c9;color:#cbdce9;padding:5px 6px;border-radius:4px}.page h1{font-size:clamp(25px,6vw,38px);line-height:1.03;letter-spacing:.02em;text-transform:uppercase;max-width:100%;margin:1px 0 5px;text-shadow:0 3px 11px #000}.page-header p{font-size:clamp(11px,2.6vw,13px);line-height:1.45;color:#bed3dc;max-width:550px;margin:0}.page-main{position:relative;z-index:3;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 13px 16px;scrollbar-width:thin;scrollbar-color:#416984 #07111e}.page-footer{position:relative;z-index:4;flex:none;padding:10px 13px 11px;background:linear-gradient(#030c1688,#030a14f5);border-top:1px solid #29465c;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(31vh,256px);overflow-y:auto}.btn{min-height:48px;background:linear-gradient(145deg,#11283b,#0b1724);border:1px solid #38738c;border-radius:7px;color:#eff7f8;font-weight:800;text-transform:uppercase;letter-spacing:.035em;box-shadow:inset 0 0 12px #2cd2f612;line-height:1.2;padding:11px 9px;font-size:12px;overflow-wrap:anywhere}.btn.primary{color:#130b05;background:linear-gradient(150deg,#ffb14d,#f36a26 67%,#c14c1c);border-color:#ffca7c;text-shadow:0 1px 0 #ffffff30}.btn.purple{background:linear-gradient(140deg,#4b205e,#26132e);border-color:#af66de}.btn:active{filter:brightness(1.3);transform:translateY(1px)}.btn.wide{grid-column:span 2}.pane{background:linear-gradient(145deg,#0d2236ef,#050e1bd9);border:1px solid #40657a;border-radius:9px;box-shadow:inset 0 0 10px #31d6ee13,0 6px 24px #0005;padding:13px;margin:8px 0}.pane h2,.pane h3{margin:0 0 8px;text-transform:uppercase;color:#f4b676;font-size:14px;letter-spacing:.06em}.pane p{color:#c0dae6;font-size:13px;line-height:1.5;margin:0 0 7px}.tiny{font-size:11px;color:#8baabc}.hero-space{height:clamp(130px,29vh,300px);position:relative;overflow:hidden;border-radius:12px;border:1px solid #4c667b;background:linear-gradient(145deg,#112f4c9c,#070e1db3);box-shadow:inset 0 0 28px #63d5fd0a;margin:8px 0}.hero-space::before{content:'';position:absolute;width:58%;aspect-ratio:1;border:1px solid #28d0e953;border-radius:50%;left:21%;top:-26%;box-shadow:0 0 0 21px #10a3f008,0 0 45px #1bbbef1e;animation:spin 24s linear infinite}.hero-space .hero-label{position:absolute;left:13px;top:12px;z-index:4;padding:6px 9px;color:#a0e3f0;border:1px solid #376778;background:#03111fa6;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.showcase{position:absolute;height:95%;width:80%;bottom:-9%;left:9%;object-fit:contain;filter:drop-shadow(0 6px 22px #000d);animation:palFloat 5s ease-in-out infinite}.showcase.hunter{width:66%;left:19%;bottom:-20%;height:128%}.showcase.cargo{width:100%;left:0;bottom:-7%}.showcase.weapon{width:95%;height:70%;left:2%;bottom:0;transform:rotate(-17deg)}.showcase.drones{width:68%;left:16%;bottom:1%}.hero-ambient{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 18px,#2f9cca07 19px,#0000 20px);pointer-events:none}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.data-tile{border:1px solid #335c72;background:#0b1b2cdd;padding:12px 11px;min-height:94px;border-radius:7px}.data-tile b{display:block;color:#dbe9f0;font-size:13px;text-transform:uppercase}.data-tile small{color:#7ac3d5;font-size:10px;display:block;margin:6px 0}.data-tile .value{font-size:20px;color:#f1a65b;font-weight:900}.progress{height:7px;background:#08111b;border:1px solid #2c697c;margin:9px 0;border-radius:20px;overflow:hidden}.progress::after{content:'';height:100%;display:block;width:67%;background:linear-gradient(90deg,#2baad4,#62fcfc)}.frame-note{font-size:11px;color:#b8c4c9;line-height:1.4;background:#020b15c7;border-left:3px solid #f78934;padding:7px 10px;margin:9px 0}.bay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bay-button{height:88px;border:1px solid #41778c;background:linear-gradient(125deg,#0d2035e8,#0b101cd9);box-shadow:0 0 8px #21e7f118,inset 0 0 18px #127b9a16;border-radius:8px;color:#ecf8fa;font-weight:900;font-size:13px;text-align:left;padding:10px;line-height:1.2}.bay-button span{display:block;color:#71becd;font-size:11px;font-weight:600;margin-top:6px}.bay-button:active{background:#4b2317}.hall-globe{height:180px;width:180px;border:2px solid #56e3fb8b;box-shadow:0 0 25px #3deeff4d,inset 0 0 30px #1a94ca75;border-radius:50%;position:relative;margin:auto;animation:spin 30s linear infinite;background:repeating-linear-gradient(90deg,#20bdff08 0 20px,#2e9ccc4d 21px,#0000 22px)}.hall-globe:before{content:'✦';position:absolute;inset:29px;border:1px solid #c2f8ff9c;border-radius:50%;font-size:75px;color:#a9f7ff;text-align:center;text-shadow:0 0 15px #4ef9ff}.hangar-card{background:linear-gradient(140deg,#091521c9,#0c1a2fe8);border:1px solid #377387;padding:16px;border-radius:11px;margin-bottom:12px}.hangar-card p{color:#a9c8d8;font-size:12px}.tagline{color:#eea75e;font-weight:800;letter-spacing:.08em;font-size:11px}.home-logo{display:block;width:min(100%,570px);height:auto;max-height:125px;object-fit:contain;margin:8px auto;filter:drop-shadow(0 2px 7px #000)}.home-spacer{height:clamp(105px,27vh,260px);pointer-events:none}.home-entry{max-width:430px;margin:6px auto;width:94%;display:block;border:0;background:none;padding:0}.home-entry img{width:100%;display:block}.home-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.home-tiles button{min-height:62px;border:1px solid #3c7692;background:#082038d9;color:#d1f1f8;font-size:13px;border-radius:7px;text-align:center;font-weight:850;padding:8px}.home-tiles button:first-child{border-color:#984ad0;background:#241332e8}.city-track{height:20px;position:absolute;top:43%;left:-25%;width:150%;transform:rotate(-11deg);background:linear-gradient(#3e5970,#0a101c 40%,#152536 70%,#c15f27);box-shadow:0 0 10px #f8813570}.train-car{position:absolute;top:35%;width:62%;left:-90%;height:120px;object-fit:contain;filter:drop-shadow(0 8px 8px #000);animation:trainTravel 14s linear infinite}.ar-placeholder{height:clamp(180px,40vh,380px);border:2px dashed #3e8597;background:linear-gradient(145deg,#08141c,#071b23,#050b13);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#c5e9f2}.ar-placeholder div{font-size:42px;color:#3df0ff;margin-bottom:12px}.ar-placeholder strong{font-size:15px}.ar-placeholder p{font-size:12px;color:#8fb7c6}.ar-crosshair{position:absolute;inset:0;display:grid;place-content:center;color:#3de8fb5f;pointer-events:none;font-size:42px}.category-AR\ SCAN .page-header h1,.category-COMBAT .page-header h1{color:#eaf1f3}.reference-footer{color:#9baab8;font-size:11px;margin:14px 0}.switchRow{display:flex;justify-content:space-between;gap:9px;align-items:center;border-bottom:1px solid #2a495c;padding:11px 1px;font-size:12px}.switchRow input{width:21px;height:21px;accent-color:#f48234}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.tabs button{min-height:48px;min-width:110px;padding:8px;border:1px solid #448197;background:#102b3b;color:#d0f3f6;border-radius:7px;font-weight:800;font-size:11px}.tabs button.active{border-color:#ff9f45;color:#ffe0af}.layer-gone{display:none!important}.fx-off *{animation-play-state:paused!important;transition-duration:0s!important}.pill{display:inline-block;padding:4px 8px;font-size:10px;border:1px solid #617182;border-radius:20px;background:#081422;color:#c4dee8}#drawerShade,#dialogShade,#referenceShade{position:fixed;inset:0;background:#010509d9;z-index:20}#directory{position:fixed;left:0;top:0;bottom:0;width:min(440px,94vw);padding:15px;background:#0b1724;z-index:21;box-shadow:10px 0 45px #000;transform:translateX(-110%);transition:transform .2s;display:flex;flex-direction:column;gap:10px}#directory.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid #33546b}.drawer-head b{letter-spacing:.08em;font-size:15px}.drawer-head small{display:block;color:#88afbc;font-size:11px;margin-top:4px}#screenSearch{height:50px;border:1px solid #42869e;background:#050e19;color:white;border-radius:8px;padding:12px;font-size:15px}#dirList{overflow-y:auto;flex:1;padding-bottom:16px}.category-group{margin-top:14px}.category-group h3{position:sticky;top:0;background:#0c1c29;padding:7px 4px;margin:4px 0;color:#fcb87b;font-size:11px;letter-spacing:.14em}.category-group button{display:block;width:100%;min-height:48px;text-align:left;background:#0d2231;border:1px solid #26485b;border-radius:5px;color:#edf5fb;margin:4px 0;padding:9px;font-size:12px}.category-group button.current{border-color:#fcb87b;color:#ffcb9c}.category-group button span{color:#71c3da;font-weight:800;margin-right:8px}#layerPanel{position:fixed;right:5px;top:65px;bottom:70px;z-index:22;width:min(360px,96vw);background:#081523f7;border:1px solid #48829a;box-shadow:0 10px 45px #000;padding:12px;overflow-y:auto;border-radius:10px}#layerChoices label{display:flex;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid #25415a;font-size:12px}#layerChoices input{height:20px;width:20px;accent-color:#ee8a3c}.inspector-info{font-size:11px;line-height:1.5;color:#90afb9;margin:20px 0}#layerPanel .btn{width:100%}#dialogShade,#referenceShade{display:flex;justify-content:center;align-items:center;padding:12px}#dialog{width:min(500px,97vw);max-height:85vh;overflow-y:auto;padding:18px;background:linear-gradient(165deg,#102b3f,#07111e);border:2px solid #63c6dd;border-radius:12px;box-shadow:0 10px 70px #000}.dialog-head{display:flex;align-items:center;justify-content:space-between}.accent-small{color:#f7b376;font-size:10px;letter-spacing:.1em}#dialogTitle{font-size:23px;margin:17px 0 8px;text-transform:uppercase}#dialogBody{line-height:1.6;color:#bcd9e4;font-size:14px}#dialogActions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}#dialogActions button{flex:1;min-width:120px}#referenceBox{width:min(900px,96vw);max-height:92vh;overflow:auto;padding:14px;background:#091827;border:1px solid #5babc2;border-radius:10px}#compareBody{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}#compareBody>div{text-align:center;font-size:12px;color:#acd6e2}#compareBody img{width:100%;height:auto;max-height:69vh;object-fit:contain;background:#09111f;border:1px solid #365770}@keyframes breathe{50%{opacity:.5}}@keyframes bgbreath{to{transform:scale(1.05) translateX(-1%)}}@keyframes holo{50%{filter:brightness(1.25) drop-shadow(0 0 14px #af49f2)}}@keyframes heroSway{to{transform:translateX(5px) rotate(.8deg)}}@keyframes palFloat{50%{transform:translateY(-17px) rotate(1deg)}}@keyframes rainDrift{to{transform:translateY(180px)}}@keyframes sparkFly{0%{opacity:0;transform:translate(0,0)}20%{opacity:.85}100%{opacity:0;transform:translate(15px,-75px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes trainTravel{to{left:115%}}@media(max-width:380px){#topbar{gap:5px}.square{width:43px;min-width:43px;height:44px}#screentag{font-size:9px}.page-header{padding:10px 10px 5px}.page-main{padding:4px 10px 8px}.page-footer{padding:6px 10px}.bay-button{min-height:78px;height:78px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}