/* JARVIS Premium HUD — visual layer only. No application logic is changed. */
:root{
  --hud-bg:#02060b;--hud-bg-2:#010308;--hud-cyan:#63e7ff;--hud-blue:#168cff;--hud-orange:#ff5a24;
  --hud-line:rgba(99,231,255,.20);--hud-line-strong:rgba(99,231,255,.52);--hud-panel:rgba(4,14,22,.76);
  --hud-glow:0 0 24px rgba(37,195,255,.15),0 0 70px rgba(15,105,172,.07);
  --jarvis-bg:var(--hud-bg);--jarvis-bg-2:#040a10;--jarvis-surface:var(--hud-panel);--jarvis-surface-2:rgba(5,17,26,.90);
  --jarvis-surface-solid:#061019;--jarvis-border:rgba(99,231,255,.10);--jarvis-border-strong:rgba(99,231,255,.22);
  --jarvis-border-active:rgba(99,231,255,.68);--jarvis-primary:var(--hud-cyan);--jarvis-primary-strong:#c3f8ff;
  --jarvis-primary-soft:rgba(99,231,255,.10);--jarvis-primary-glow:rgba(42,206,255,.38);--jarvis-secondary:var(--hud-blue);
  --jarvis-text:#eaf9ff;--jarvis-text-muted:#8eabb9;--jarvis-text-dim:#557282;--jarvis-radius:8px;--jarvis-radius-sm:4px;
}
html{background:var(--hud-bg-2)}
body{overflow-x:hidden;background:radial-gradient(ellipse 65% 50% at 50% 42%,rgba(13,104,165,.18),transparent 58%),radial-gradient(ellipse 45% 30% at 50% 108%,rgba(5,137,223,.11),transparent 68%),linear-gradient(180deg,#03080e 0%,#010408 62%,#010205 100%)}
body::before{opacity:1;background:linear-gradient(rgba(73,190,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(73,190,255,.026) 1px,transparent 1px),radial-gradient(circle at 50% 46%,rgba(36,183,255,.10),transparent 32%),radial-gradient(circle at 86% 14%,rgba(255,91,35,.045),transparent 22%);background-size:52px 52px,52px 52px,auto,auto;animation:hudGridDrift 28s linear infinite}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(126,223,255,.013) 3px 4px),radial-gradient(ellipse 76% 64% at 50% 52%,transparent 45%,rgba(0,0,0,.44) 100%)}
@keyframes hudGridDrift{to{background-position:52px 52px,52px 52px,0 0,0 0}}
@keyframes hudSlowSpin{to{transform:rotate(360deg)}}
@keyframes hudPulse{50%{box-shadow:0 0 22px rgba(64,211,255,.65);transform:scale(1.05)}}

/* ambient HUD frame */
.hud-frame{z-index:2}.hud-frame__corner{width:42px;height:42px;opacity:.72;filter:drop-shadow(0 0 8px rgba(77,219,255,.32))}.hud-frame__corner::before{content:"";position:absolute;width:3px;height:16px;background:var(--hud-orange);box-shadow:0 0 12px rgba(255,90,36,.65);opacity:.78}.hud-frame__corner--tl::before{left:-1px;top:8px}.hud-frame__corner--tr::before{right:-1px;top:8px}.hud-frame__corner--bl::before{left:-1px;bottom:8px}.hud-frame__corner--br::before{right:-1px;bottom:8px}.hud-frame__scan{opacity:.34}.hud-frame__sweep{height:190px;opacity:.36;background:linear-gradient(180deg,transparent,rgba(66,213,255,.05),rgba(66,213,255,.13),transparent);animation-duration:11s}.hud-frame__ruler{opacity:.5}

/* boot + auth */
.screen{isolation:isolate}.screen::before,.screen::after{content:"";position:absolute;left:50%;top:50%;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.screen::before{width:min(760px,82vw);aspect-ratio:1;border:1px solid rgba(87,218,255,.10);background:repeating-conic-gradient(from 0deg,rgba(93,227,255,.48) 0 1deg,transparent 1deg 10deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 62.4% 62.8%,transparent 63.2%);mask:radial-gradient(circle,transparent 62%,#000 62.4% 62.8%,transparent 63.2%);animation:hudScreenSpin 44s linear infinite}.screen::after{width:min(610px,68vw);aspect-ratio:1;border:1px solid rgba(99,231,255,.07);box-shadow:inset 0 0 80px rgba(17,148,230,.05),0 0 90px rgba(0,132,220,.05)}@keyframes hudScreenSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.boot{position:relative;z-index:2}.boot__label{letter-spacing:.36em;color:#a7dcea;text-shadow:0 0 16px rgba(99,231,255,.22)}.orb--boot{width:160px;height:160px}.auth{position:relative;z-index:2;width:min(470px,100%);padding:40px 34px 34px;border:1px solid var(--hud-line);border-radius:0;background:linear-gradient(155deg,rgba(18,67,89,.22),transparent 34%),linear-gradient(180deg,rgba(4,16,24,.93),rgba(2,9,15,.86));box-shadow:var(--hud-glow),0 38px 90px rgba(0,0,0,.55);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);backdrop-filter:blur(24px) saturate(150%)}.auth::after{content:"";position:absolute;left:34px;right:34px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--hud-cyan),var(--hud-orange),transparent);box-shadow:0 0 18px rgba(74,218,255,.35)}.orb--auth{width:116px;height:116px}.auth__brand{letter-spacing:.30em;font-size:10px}.auth__title{margin-top:10px;font-weight:500;letter-spacing:.055em;text-transform:uppercase;text-shadow:0 0 22px rgba(99,231,255,.12)}.auth__sub{font-size:13px}
.input,.command,.dd__btn{border-color:rgba(99,231,255,.22);background:linear-gradient(180deg,rgba(4,15,23,.92),rgba(2,8,14,.86));box-shadow:inset 0 0 20px rgba(5,102,163,.045)}.input{border-radius:3px}.input:focus{border-color:rgba(99,231,255,.72);box-shadow:0 0 0 1px rgba(99,231,255,.10),0 0 22px rgba(35,184,245,.10)}.field__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.btn{border-radius:3px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;position:relative;overflow:hidden}.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.14) 42%,transparent 70%);transform:translateX(-130%);transition:transform .55s var(--ease)}.btn:hover::before{transform:translateX(130%)}.btn--primary{color:#021117;background:linear-gradient(90deg,#3bd4ff,#8cecff);box-shadow:0 0 20px rgba(48,203,255,.12)}.btn--ghost{border-color:rgba(99,231,255,.24)}.iconbtn{border-radius:3px}.iconbtn:hover{background:rgba(74,208,255,.08);color:var(--hud-cyan)}

/* system bar */
.sysbar{padding-inline:22px;border-bottom:1px solid rgba(99,231,255,.18);background:linear-gradient(90deg,rgba(3,12,19,.96),rgba(4,17,26,.76) 50%,rgba(3,12,19,.96));box-shadow:0 8px 30px rgba(0,0,0,.22)}.sysbar::before{content:"";position:absolute;left:28%;right:28%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--hud-cyan),var(--hud-orange),var(--hud-cyan),transparent);opacity:.75}.sysbar__brand .mono{letter-spacing:.23em}.sysbar__mark{width:16px;height:16px;border:1px solid var(--hud-cyan);background:radial-gradient(circle,rgba(122,242,255,.95) 0 12%,transparent 16% 45%,rgba(48,193,255,.22) 47% 54%,transparent 56%);animation:hudPulse 2.5s ease-in-out infinite}.sysbar__indicators li{position:relative}.sysbar__indicators li::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--hud-cyan);opacity:0}.sysbar__indicators li:hover::after{opacity:.45}

/* left navigation */
.rail{margin:12px 0 14px 12px;height:calc(100dvh - var(--sysbar-h) - 26px);padding:10px 8px 12px;border:1px solid rgba(99,231,255,.16);border-radius:0;background:linear-gradient(180deg,rgba(10,29,40,.33),transparent 26%),rgba(2,9,15,.62);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 0 28px rgba(18,129,185,.03),8px 0 32px rgba(0,0,0,.14)}.rail::before,.rail::after{content:"";position:absolute;pointer-events:none}.rail::before{top:0;left:22px;width:42px;height:2px;background:var(--hud-cyan);box-shadow:0 0 12px var(--jarvis-primary-glow)}.rail::after{bottom:0;right:20px;width:22px;height:2px;background:var(--hud-orange);box-shadow:0 0 12px rgba(255,90,36,.3)}.rail__item{border-radius:2px;border:1px solid transparent;padding-block:9px;font-family:var(--font-mono);letter-spacing:.055em;font-size:11.5px}.rail__item:hover{border-color:rgba(99,231,255,.12);background:linear-gradient(90deg,rgba(53,193,255,.07),transparent 84%)}.rail__item.is-active{border-color:rgba(99,231,255,.24);background:linear-gradient(90deg,rgba(56,201,255,.15),rgba(18,89,127,.035));box-shadow:inset 18px 0 32px rgba(22,167,226,.04)}.rail__item.is-active::before{top:4px;bottom:4px;width:2px}.rail__item.is-active::after{content:"";position:absolute;right:6px;top:50%;width:4px;height:4px;background:var(--hud-orange);box-shadow:0 0 9px rgba(255,90,36,.8);transform:translateY(-50%)}.rail__avatar{border-radius:3px;background:linear-gradient(145deg,rgba(60,202,255,.12),transparent);box-shadow:inset 0 0 14px rgba(45,185,255,.06)}

/* scene */
.stage{position:relative;padding-top:26px;perspective:1400px}.stage::before{content:"";position:absolute;z-index:-1;left:50%;top:160px;width:min(900px,92%);height:480px;transform:translateX(-50%) perspective(700px) rotateX(70deg);transform-origin:50% 100%;border:1px solid rgba(75,201,255,.06);border-radius:50%;background:repeating-radial-gradient(circle,rgba(90,215,255,.055) 0 1px,transparent 1px 28px),repeating-conic-gradient(from 0deg,rgba(90,215,255,.04) 0 1deg,transparent 1deg 15deg);-webkit-mask:radial-gradient(ellipse,#000 0 62%,transparent 78%);mask:radial-gradient(ellipse,#000 0 62%,transparent 78%);opacity:.55;pointer-events:none}.view{max-width:1160px}
.core{position:relative;padding-top:38px;padding-bottom:28px}.stage[data-page="jarvis"] .core,.stage[data-page="home"] .core{min-height:390px}.core::before{content:"";position:absolute;left:50%;top:49%;width:540px;height:126px;max-width:78vw;transform:translate(-50%,-50%) perspective(680px) rotateX(72deg);border:1px solid rgba(70,214,255,.22);border-radius:50%;box-shadow:0 0 30px rgba(29,164,230,.10),inset 0 0 30px rgba(29,164,230,.08);background:repeating-conic-gradient(from 0deg,rgba(111,236,255,.45) 0 1deg,transparent 1deg 12deg);-webkit-mask:radial-gradient(ellipse,transparent 58%,#000 59% 61%,transparent 62%);mask:radial-gradient(ellipse,transparent 58%,#000 59% 61%,transparent 62%);opacity:.58;pointer-events:none;animation:hudPlatformSpin 22s linear infinite}@keyframes hudPlatformSpin{to{transform:translate(-50%,-50%) perspective(680px) rotateX(72deg) rotateZ(360deg)}}.stage[data-page="jarvis"] .orb,.stage[data-page="home"] .orb{width:205px;height:205px}.stage[data-page="jarvis"] .core__orbwrap,.stage[data-page="home"] .core__orbwrap{--gauge:286px}.core__orbwrap::before,.core__orbwrap::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.core__orbwrap::before{inset:-64px;border:1px solid rgba(99,231,255,.10);background:repeating-conic-gradient(from 0deg,rgba(99,231,255,.20) 0 .8deg,transparent .8deg 8deg);-webkit-mask:radial-gradient(circle,transparent 48.5%,#000 49% 49.6%,transparent 50.2%);mask:radial-gradient(circle,transparent 48.5%,#000 49% 49.6%,transparent 50.2%);animation:hudSlowSpin 34s linear infinite reverse}.core__orbwrap::after{inset:-42px;border:1px dashed rgba(99,231,255,.20);box-shadow:0 0 60px rgba(29,165,226,.07);animation:hudSlowSpin 22s linear infinite}.orb--core{filter:drop-shadow(0 0 12px rgba(69,213,255,.22))}.orb__halo{inset:-18%;background:radial-gradient(circle,rgba(72,219,255,.16),rgba(25,151,222,.05) 35%,transparent 67%);filter:blur(8px)}.orb__core{filter:drop-shadow(0 0 7px rgba(114,240,255,.9))}.gauge{filter:drop-shadow(0 0 7px rgba(55,201,255,.17))}.gauge__ticks{opacity:.48}.gauge__major{opacity:.82}.gauge__arc{filter:drop-shadow(0 0 5px rgba(77,221,255,.72))}.gauge__label{letter-spacing:.14em}.core__state{letter-spacing:.30em;text-shadow:0 0 14px rgba(99,231,255,.25)}.wave i{box-shadow:0 0 7px rgba(99,231,255,.48)}

/* command console */
.command{width:min(760px,100%);border-radius:3px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:0 14px 40px rgba(0,0,0,.24),0 0 28px rgba(29,169,230,.055)}.command::before{content:"";position:absolute;top:0;left:9%;width:19%;height:1px;background:var(--hud-cyan);box-shadow:0 0 10px rgba(99,231,255,.5)}.command::after{content:"";position:absolute;bottom:0;right:8%;width:9%;height:1px;background:var(--hud-orange);box-shadow:0 0 10px rgba(255,90,36,.5)}.command__send{border-radius:3px;background:linear-gradient(145deg,rgba(61,210,255,.22),rgba(61,210,255,.06));border:1px solid rgba(99,231,255,.34)}.command__send:hover{box-shadow:0 0 18px rgba(63,209,255,.18)}.reply{border-color:rgba(99,231,255,.20);background:linear-gradient(160deg,rgba(11,46,63,.22),rgba(2,10,16,.78));box-shadow:inset 0 0 28px rgba(20,139,196,.035)}

/* HUD cards */
.panel,.mcard,.row,.tool,.mem,.pnode,.approval,.empty,.callout,.context,.drawer__panel{border-color:rgba(99,231,255,.15);background:linear-gradient(155deg,rgba(27,98,126,.08),transparent 28%),linear-gradient(180deg,rgba(5,17,25,.82),rgba(2,9,15,.72));box-shadow:inset 0 0 32px rgba(23,135,186,.025)}.panel,.mcard,.tool,.mem,.pnode,.approval{border-radius:3px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.panel{overflow:hidden;box-shadow:inset 0 0 34px rgba(22,135,188,.025),0 10px 34px rgba(0,0,0,.12)}.panel::before{inset:0 auto auto 16px;width:min(180px,30%);background:linear-gradient(90deg,var(--hud-cyan),rgba(99,231,255,.2),transparent);opacity:.68;box-shadow:0 0 11px rgba(99,231,255,.22)}.panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--hud-cyan),var(--hud-cyan)) left top/10px 1px no-repeat,linear-gradient(var(--hud-cyan),var(--hud-cyan)) left top/1px 10px no-repeat,linear-gradient(var(--hud-orange),var(--hud-orange)) right bottom/10px 1px no-repeat,linear-gradient(var(--hud-orange),var(--hud-orange)) right bottom/1px 10px no-repeat;opacity:.70}.panel--hud{border-color:rgba(99,231,255,.28);box-shadow:inset 0 0 45px rgba(25,156,218,.035),0 0 30px rgba(21,131,189,.04)}.panel__head{border-bottom:1px solid rgba(99,231,255,.07);padding-bottom:10px}.panel__eyebrow,.section-title,.vhead__sub,.label{font-family:var(--font-mono)}.panel__eyebrow{letter-spacing:.23em}.panel__title{letter-spacing:.055em;text-transform:uppercase;font-size:12.5px}.vhead{position:relative;padding-left:18px;margin-bottom:3px}.vhead::before{content:"";position:absolute;left:0;top:3px;bottom:18px;width:2px;background:linear-gradient(var(--hud-cyan),rgba(99,231,255,.10));box-shadow:0 0 12px rgba(99,231,255,.30)}.vhead__title{font-family:var(--font-mono);font-size:clamp(24px,3vw,34px);font-weight:500;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 0 20px rgba(99,231,255,.08)}.section-title{letter-spacing:.16em}.section-title::before{content:"//";color:var(--hud-orange);font-weight:400}
[data-tilt]{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-origin:center center;will-change:transform}[data-tilt].is-tilting{box-shadow:inset 0 0 36px rgba(20,143,199,.04),0 18px 46px rgba(0,0,0,.22)}[data-tilt]::before{background:radial-gradient(520px circle at var(--gx,50%) var(--gy,50%),rgba(113,229,255,.10),transparent 43%)}.mcard:hover,.tool:hover,.mem:hover,.pnode:hover{border-color:rgba(99,231,255,.42);box-shadow:inset 0 0 36px rgba(20,143,199,.045),0 8px 30px rgba(0,0,0,.15),0 0 24px rgba(30,157,217,.045)}
.progress{height:4px;border-radius:0;background:rgba(87,192,229,.07);box-shadow:inset 0 0 4px rgba(0,0,0,.35)}.progress__fill{border-radius:0;background:linear-gradient(90deg,var(--hud-blue),var(--hud-cyan));box-shadow:0 0 12px rgba(69,214,255,.42)}.badge{border-radius:2px;background:rgba(3,12,18,.62)}.chip{border-radius:2px;border:1px solid rgba(99,231,255,.10)}.step{border-radius:2px;border-bottom:1px solid rgba(99,231,255,.035)}.step--current{background:linear-gradient(90deg,rgba(52,195,255,.09),transparent);box-shadow:inset 10px 0 22px rgba(29,159,219,.025)}.tl__row,.row{border-radius:2px}.tl__row::before{background:rgba(99,231,255,.11)}

/* context */
.context{margin:12px 12px 14px 0;height:calc(100dvh - var(--sysbar-h) - 26px);border:1px solid rgba(99,231,255,.13);border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));backdrop-filter:blur(18px) saturate(130%)}.context::before{content:"CONTEXT FEED";display:block;padding:10px 16px 7px;font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--hud-cyan);border-bottom:1px solid rgba(99,231,255,.07)}.ctx{border-radius:2px;border-color:rgba(99,231,255,.10);background:rgba(5,18,27,.34)}.ctx__head{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.dd__menu{border-radius:2px;border-color:rgba(99,231,255,.22);background:rgba(3,12,19,.97);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 32px rgba(22,144,202,.055)}.switch__track,.notice,.alert{border-radius:2px}.notice--warning,.alert--warning{background:linear-gradient(90deg,rgba(255,151,35,.06),transparent)}

/* mobile */
.mobilebar{border-top-color:rgba(99,231,255,.18);background:rgba(2,9,14,.92);box-shadow:0 -12px 36px rgba(0,0,0,.30)}.mobilebar__btn{border-radius:2px}.drawer__panel{border-radius:0;border-color:rgba(99,231,255,.20)}

/* Google connect page uses same language */
body.google-connect{display:grid;place-items:center;min-height:100dvh;padding:24px}.google-connect .card{position:relative;z-index:2;width:min(680px,100%);padding:38px;border:1px solid rgba(99,231,255,.25);background:linear-gradient(145deg,rgba(25,97,127,.10),transparent 30%),rgba(3,12,19,.88);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 40px rgba(22,157,216,.055);backdrop-filter:blur(24px)}.google-connect .card::before,.google-connect .card::after{content:"";position:absolute;pointer-events:none}.google-connect .card::before{top:0;left:28px;width:160px;height:2px;background:linear-gradient(90deg,var(--hud-cyan),transparent);box-shadow:0 0 12px rgba(99,231,255,.35)}.google-connect .card::after{right:0;bottom:24px;width:2px;height:44px;background:var(--hud-orange);box-shadow:0 0 12px rgba(255,90,36,.36)}.google-connect .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--hud-cyan)}.google-connect h1{margin:8px 0;font-family:var(--font-mono);font-weight:500;font-size:clamp(34px,7vw,52px);letter-spacing:.08em;text-transform:uppercase}.google-connect .muted{color:var(--jarvis-text-muted)}.google-connect .status{position:relative;margin:24px 0 20px;padding:16px 18px 16px 40px;min-height:54px;border:1px solid rgba(99,231,255,.16);background:rgba(3,12,19,.72);font-family:var(--font-mono);font-size:12px;color:var(--jarvis-text-muted);white-space:pre-wrap}.google-connect .status::before{content:"";position:absolute;left:17px;top:21px;width:7px;height:7px;border-radius:50%;background:var(--hud-cyan);box-shadow:0 0 10px rgba(99,231,255,.58)}.google-connect .status.ok{color:var(--jarvis-success);border-color:rgba(61,220,151,.26)}.google-connect .status.ok::before{background:var(--jarvis-success)}.google-connect .status.bad{color:var(--jarvis-danger);border-color:rgba(255,92,108,.28)}.google-connect .status.bad::before{background:var(--jarvis-danger)}

@media(max-width:1280px){.rail{margin-left:8px}.context{margin-right:8px}.stage[data-page="jarvis"] .core__orbwrap,.stage[data-page="home"] .core__orbwrap{--gauge:250px}}
@media(max-width:980px){body::before{background-size:38px 38px,38px 38px,auto,auto}.stage{padding-top:12px}.stage::before{top:200px;opacity:.28}.stage[data-page="jarvis"] .core,.stage[data-page="home"] .core{min-height:auto}.stage[data-page="jarvis"] .orb,.stage[data-page="home"] .orb{width:168px;height:168px}.stage[data-page="jarvis"] .core__orbwrap,.stage[data-page="home"] .core__orbwrap{--gauge:218px}.core__orbwrap::before{inset:-42px}.core__orbwrap::after{inset:-28px}.context{margin:0;height:auto;clip-path:none}.rail{margin:0;height:calc(100dvh - var(--sysbar-h));clip-path:none}.sysbar{padding-inline:12px}.screen::before{width:96vw}}
@media(max-width:640px){.auth{padding:32px 22px 26px}.vhead__title{font-size:23px}.panel{padding:16px}.google-connect .card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){body::before,.screen::before,.core::before,.core__orbwrap::before,.core__orbwrap::after,.sysbar__mark{animation:none!important}[data-tilt]{transform:none!important}}
html.no-motion body::before,html.no-motion .screen::before,html.no-motion .core::before,html.no-motion .core__orbwrap::before,html.no-motion .core__orbwrap::after,html.no-motion .sysbar__mark{animation:none!important}

/* JARVIS Premium HUD — layout safety and final polish. */

/* The cinematic reactor belongs to the command/home scene only. Other pages keep the compact core. */
.stage:not([data-page="jarvis"]):not([data-page="home"]) .core::before,
.stage:not([data-page="jarvis"]):not([data-page="home"]) .core__orbwrap::before,
.stage:not([data-page="jarvis"]):not([data-page="home"]) .core__orbwrap::after { display:none; }

/* Keep dense operational pages readable while preserving the HUD language. */
.stage:not([data-page="jarvis"]):not([data-page="home"]) .stage::before { opacity:.22; }
.stage:not([data-page="jarvis"]):not([data-page="home"]) .view { padding-top:4px; }

/* Angular micro-details without changing component markup. */
.mcard,.tool,.mem,.pnode,.approval,.row { position:relative; }
.mcard::after,.tool::after,.mem::after,.pnode::after,.approval::after,.row::after {
  content:"";position:absolute;right:7px;top:7px;width:4px;height:4px;background:var(--hud-cyan);opacity:.35;
  box-shadow:0 0 8px rgba(99,231,255,.28);pointer-events:none;
}
.mcard:hover::after,.tool:hover::after,.mem:hover::after,.pnode:hover::after { opacity:.9; }

/* Mission and validation states use orange/red as information, never decoration alone. */
.approval--high::after,.approval--critical::after { background:var(--hud-orange);box-shadow:0 0 9px rgba(255,90,36,.55);opacity:.9; }

/* Desktop cockpit depth. */
@media (min-width:981px) {
  .home__grid { perspective:1200px; }
  .home__mission { transform:translateZ(4px); }
  .context__body { padding-top:4px; }
}

/* Avoid cramped telemetry in intermediate widths. */
@media (max-width:1180px) {
  .sysbar__indicators { gap:10px; }
  .sysbar__meta { gap:10px; }
  #sysSession { max-width:130px; }
}

@media (max-width:980px) {
  .core::before { display:none; }
  .core__orbwrap::before { inset:-34px; }
  .core__orbwrap::after { inset:-22px; }
}

@media (max-width:640px) {
  .hud-frame__corner { width:28px;height:28px;opacity:.48; }
  .panel,.mcard,.tool,.mem,.pnode,.approval { clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px); }
}