/* DEXSI HUD theme — black, hairlines, boxed chrome, one green for live values. */
@font-face{font-family:Geist;font-weight:100 900;font-display:swap;src:url(/vendor/fonts/geist-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-weight:100 900;font-display:swap;src:url(/vendor/fonts/geist-mono-latin-wght-normal.woff2) format("woff2")}
:root{--black:#000;--white:#fff;--gray:#606060;--gray-dk:#2b2b2b;--green:#00ff85;--red:#ff003d;--yellow:#fcff76;--orange:#ff8a00;--blue:#6100ff;--green-dk:#005c00;--green-xd:#002c00}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--black);color:var(--white);font-family:Geist,system-ui,sans-serif;font-size:14px;line-height:1.35;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}
a{color:inherit;text-decoration:none} button,input,select{font:inherit;color:inherit;background:none;border:0} button{cursor:pointer}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.caps{text-transform:uppercase;letter-spacing:.08em} .xs{font-size:11px} .sm{font-size:12px} .mono{font-family:"Geist Mono",monospace}
.n{font-variant-numeric:tabular-nums} .green{color:var(--green)} .red{color:var(--red)} .gray{color:var(--gray)} .yellow{color:var(--yellow)} .orange{color:var(--orange)}
/* nav: four hairlines, boxed items */
.hud-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:12px;pointer-events:none}
.hud-nav .lines{position:absolute;left:0;right:0;top:0;padding-top:16px;background:var(--black);z-index:-1} .hud-nav .lines hr{border:0;border-top:1px solid var(--gray);margin-bottom:9px} .hud-nav .lines hr:last-child{margin-bottom:0}
.hud-nav>*{pointer-events:auto}
.box{display:inline-flex;align-items:center;gap:10px;background:var(--black);padding:14px 16px;border:2px solid var(--gray);color:var(--gray);line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}
.box:hover,.box.on{color:var(--white);border-color:var(--white)} .box.brand{color:var(--yellow);border-color:var(--yellow)} .box.green,.box.green:hover{color:var(--green);border-color:var(--green)} .box.red,.box.red:hover{color:var(--red);border-color:var(--red)}
.hud-nav .l{margin:12px 0 0 24px;display:flex;gap:0} .hud-nav .r{margin:12px 24px 0 0;display:flex} .hud-nav .r .box,.hud-nav .l .box{margin-left:-2px} .hud-nav .l .box:first-child{margin-left:0}
.msg{width:320px;text-align:center;color:var(--red);border-color:var(--red);overflow:hidden;position:relative;justify-content:center} .msg .track{display:inline-block;white-space:nowrap;animation:marq 14s linear infinite} @keyframes marq{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.msg .track{animation:none}}
/* spec box: label gray, value green */
.spec{display:inline-flex;gap:16px;border:1px solid var(--gray);padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;line-height:1} .spec div{display:flex;gap:10px} .spec span{color:var(--gray)} .spec b{color:var(--green);font-weight:500} .spec b.red{color:var(--red)} .spec b.w{color:var(--white)}
/* pilot stat bar */
.stat{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.08em} .stat .lbl{display:flex;justify-content:space-between;padding-bottom:8px} .stat .lbl b{color:var(--green);font-weight:500}
.stat .bar{height:16px;border:1px solid var(--green);display:flex} .stat .bar i{display:block;background:var(--green);height:100%} .stat .bar.red{border-color:var(--red)} .stat .bar.red i{background:var(--red)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px var(--black),0 0 0 3px var(--green)} .dot.off{background:var(--gray);box-shadow:0 0 0 2px var(--black),0 0 0 3px var(--gray)} .dot.red{background:var(--red);box-shadow:0 0 0 2px var(--black),0 0 0 3px var(--red)}
/* grid content */
.content{max-width:1400px;margin:0 auto;padding:0 24px} .grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:0 24px}
.c4{grid-column:span 4} .c8{grid-column:span 8} .c12{grid-column:span 12} .c6{grid-column:span 6} .c3{grid-column:span 3}
.hr{border:0;border-top:1px solid var(--gray-dk)} .hr.g{border-color:var(--gray)}
.lg{font-size:20px;line-height:1.3} .xl{font-size:28px;line-height:1.2}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border:2px solid var(--white);color:var(--white);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500;line-height:1;background:var(--black)}
.btn:hover{background:var(--white);color:var(--black)} .btn.fill{background:var(--green);border-color:var(--green);color:var(--black)} .btn.fill:hover{background:var(--black);color:var(--green)} .btn.fill.red{background:var(--red);border-color:var(--red)} .btn.fill.red:hover{background:var(--black);color:var(--red)}
.btn.gray{border-color:var(--gray);color:var(--gray)} .btn.gray:hover{border-color:var(--white);color:var(--white);background:var(--black)} .btn:disabled{border-color:var(--gray-dk);color:var(--gray);background:var(--black);cursor:default}
/* tables */
table{width:100%;border-collapse:collapse} th{text-align:left;font-weight:500;color:var(--gray);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--gray)} th.r,td.r{text-align:right} td{padding:10px 12px;border-bottom:1px solid var(--gray-dk);vertical-align:middle}
tr.mid td{color:var(--green)} td .m{display:block;color:var(--gray);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--black);border:2px solid var(--yellow);color:var(--yellow);padding:14px 18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;max-width:560px;display:none;z-index:30}
@media (max-width:900px){.hud-nav .l{margin-left:12px}.hud-nav .r{margin-right:12px}.msg{display:none}.c4,.c8,.c6,.c3{grid-column:span 12}.content{padding:0 14px}}
body.ck-on .hud-nav{opacity:0;pointer-events:none} .hud-nav{transition:opacity .4s}

.box.logo{padding:10px 14px} .box.logo img{height:18px;width:auto;display:block}

.box.xlink{padding:14px 15px} .box.xlink svg{display:block}