/* Krow operator HUD. Original FUI. Not affiliated with any film studio. */
.jarvis-hud{
  --hud:#7ee7ff;
  --hud-2:#3cf0ff;
  --hud-dim:rgba(126,231,255,.18);
  --hud-line:rgba(126,231,255,.38);
  --gold:#e4c37a;
  --gold-dim:rgba(228,195,122,.22);
  --ink:#e8f7ff;
  --mute:#8fb4c4;
  --void:#02060b;
  --panel:rgba(4,14,22,.72);
  background:var(--void);
  color:var(--ink);
  min-height:100vh;
  overflow-x:hidden;
}
.jarvis-hud .hidden{display:none!important}
.jarvis-hud #krow-bg{display:none!important}
.jarvis-hud .main-header{
  background:rgba(2,6,11,.82)!important;
  border-bottom:1px solid var(--hud-line)!important;
  backdrop-filter:blur(16px);
  box-shadow:0 0 40px rgba(126,231,255,.06);
}
.jarvis-hud .main-header .logo span,
.jarvis-hud .nav-menu a{color:var(--ink)!important}
.jarvis-hud .nav-menu a:hover,
.jarvis-hud .nav-menu a.active{color:var(--hud)!important;text-shadow:0 0 12px rgba(126,231,255,.45)}
.jarvis-hud .main-footer{
  background:#010407!important;
  border-top:1px solid var(--hud-line)!important;
  color:var(--mute)!important;
}
.jarvis-hud .main-footer a,
.jarvis-hud .main-footer h4,
.jarvis-hud .main-footer .logo span{color:var(--ink)!important}
.jarvis-hud .main-footer a:hover{color:var(--hud)!important}

.hud-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(1200px 640px at 50% -8%,rgba(126,231,255,.16),transparent 58%),
    radial-gradient(800px 480px at 108% 92%,rgba(228,195,122,.08),transparent 52%),
    radial-gradient(700px 420px at -10% 80%,rgba(60,240,255,.06),transparent 50%),
    #02060b;
}
.hud-bg canvas{position:absolute;inset:0;width:100%;height:100%}
.hud-bg .hex{
  position:absolute;inset:0;opacity:.22;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='64'><path d='M28 2 L52 16 V48 L28 62 L4 48 V16 Z' fill='none' stroke='%237ee7ff' stroke-width='.6' opacity='.55'/></svg>");
  background-size:56px 64px;
  mask-image:radial-gradient(circle at 50% 28%,#000 10%,transparent 72%);
}
.hud-bg .grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(126,231,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,231,255,.055) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at 50% 32%,#000 18%,transparent 78%);
  transform:perspective(700px) rotateX(58deg) scale(1.8) translateY(-8%);
  transform-origin:center 20%;
}
.hud-bg .scan{
  position:absolute;inset:0;
  background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.16) 2px 4px);
  opacity:.4;
  animation:hudflicker 7s steps(2) infinite;
}
.hud-bg .sweep{
  position:absolute;left:50%;top:16%;width:min(820px,94vw);height:min(820px,94vw);
  transform:translate(-50%,-22%);
  border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 74%,rgba(126,231,255,.2) 84%,transparent 93%);
  animation:hudspin 16s linear infinite;
  filter:blur(.3px);
}
.hud-bg .vignette-hud{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 40%,transparent 40%,rgba(0,0,0,.55) 100%);
}
@keyframes hudspin{to{transform:translate(-50%,-22%) rotate(360deg)}}
@keyframes hudring{to{transform:rotate(360deg)}}
@keyframes hudpulse{50%{opacity:.42}}
@keyframes hudin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes hudflicker{0%,92%,100%{opacity:.4}93%{opacity:.18}94%{opacity:.48}}
@keyframes holoSpin{to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes holoSpinRev{to{transform:rotateX(68deg) rotateZ(-360deg)}}
@keyframes holoYaw{to{transform:rotateY(360deg) rotateX(12deg)}}
@keyframes beamPulse{50%{opacity:.85;filter:blur(1px)}}
@keyframes glitch{
  0%,90%,100%{clip-path:inset(0);transform:none}
  91%{clip-path:inset(12% 0 60% 0);transform:translate(2px,-1px)}
  92%{clip-path:inset(70% 0 8% 0);transform:translate(-2px,1px)}
}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.hud-frame{position:fixed;inset:10px;z-index:4;pointer-events:none}
.hud-frame .c{
  position:absolute;width:28px;height:28px;
  border:2px solid var(--hud);
  box-shadow:0 0 12px rgba(126,231,255,.4);
}
.hud-frame .tl{top:0;left:0;border-right:0;border-bottom:0}
.hud-frame .tr{top:0;right:0;border-left:0;border-bottom:0}
.hud-frame .bl{bottom:0;left:0;border-right:0;border-top:0}
.hud-frame .br{bottom:0;right:0;border-left:0;border-top:0}

.hud-shell{
  position:relative;z-index:1;
  max-width:1240px;margin:0 auto;
  padding:calc(var(--header-h,70px) + 22px) 22px 80px;
}
.hud-rail{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.7rem;letter-spacing:.16em;color:var(--hud);
  margin-bottom:22px;padding:8px 12px;
  border:1px solid var(--hud-dim);
  background:linear-gradient(90deg,rgba(126,231,255,.06),transparent 40%,rgba(228,195,122,.05));
}
.hud-rail .ok{color:#7dffb3}
.hud-rail .gold{color:var(--gold)}
.hud-ticker{
  overflow:hidden;white-space:nowrap;
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;letter-spacing:.12em;color:rgba(126,231,255,.7);
  border-bottom:1px solid var(--hud-dim);margin:0 0 26px;padding:0 0 8px;
}
.hud-ticker span{display:inline-block;animation:ticker 42s linear infinite}

.hud-stage{
  display:grid;grid-template-columns:minmax(280px,.9fr) 1.15fr;gap:28px;
  align-items:center;margin-bottom:36px;
}
.holo-rig{
  position:relative;height:min(460px,72vw);perspective:1100px;
  transform-style:preserve-3d;
}
.holo-base{
  position:absolute;left:50%;bottom:8%;width:58%;height:18px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 50%,rgba(126,231,255,.45),transparent 70%);
  filter:blur(2px);
}
.holo-beam{
  position:absolute;left:50%;bottom:10%;width:42%;height:58%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(126,231,255,0),rgba(126,231,255,.18) 40%,rgba(126,231,255,.04));
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);
  animation:beamPulse 3.6s ease-in-out infinite;
  mix-blend-mode:screen;
}
.holo-core{
  position:absolute;left:50%;top:42%;width:min(320px,78%);aspect-ratio:1;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
}
.holo-core .ring{
  position:absolute;inset:0;border-radius:50%;
  border:1px solid rgba(126,231,255,.55);
  box-shadow:0 0 18px rgba(126,231,255,.18),inset 0 0 22px rgba(126,231,255,.08);
  transform:rotateX(72deg);
}
.holo-core .r1{inset:6%;animation:holoSpin 22s linear infinite}
.holo-core .r2{inset:16%;border-style:dashed;opacity:.7;animation:holoSpinRev 16s linear infinite}
.holo-core .r3{inset:28%;border-color:var(--gold);opacity:.55;animation:holoSpin 28s linear infinite}
.holo-core .r4{
  inset:40%;border-width:2px;
  background:radial-gradient(circle at 50% 50%,rgba(126,231,255,.16),transparent 62%);
  animation:hudpulse 3.2s ease-in-out infinite;
}
.holo-core img{
  position:absolute;left:50%;top:50%;width:26%;height:auto;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 16px rgba(126,231,255,.85)) drop-shadow(0 0 28px rgba(60,240,255,.4));
  animation:hudpulse 4s ease-in-out infinite;
}
.holo-core .cross{
  position:absolute;inset:12%;
  background:
    linear-gradient(var(--hud),var(--hud)) center/1px 100% no-repeat,
    linear-gradient(var(--hud),var(--hud)) center/100% 1px no-repeat;
  opacity:.35;
}
.holo-orbit{
  position:absolute;inset:0;pointer-events:none;
}
.holo-chip{
  position:absolute;font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.62rem;letter-spacing:.14em;color:var(--gold);
  padding:4px 8px;border:1px solid var(--gold-dim);
  background:rgba(4,12,18,.7);white-space:nowrap;
  box-shadow:0 0 12px rgba(228,195,122,.12);
}
.holo-chip.a{top:8%;left:2%}
.holo-chip.b{top:18%;right:0}
.holo-chip.c{bottom:22%;left:4%}
.holo-chip.d{bottom:12%;right:2%}

.hud-copy h1{
  font-family:Orbitron,Rajdhani,Inter,sans-serif;font-weight:700;
  font-size:clamp(3.1rem,9vw,6.2rem);line-height:.86;letter-spacing:.08em;
  margin:0 0 14px;color:#f4fdff;
  text-shadow:0 0 28px rgba(126,231,255,.45),0 0 80px rgba(60,240,255,.18);
  animation:glitch 8s steps(1) infinite;
}
.hud-copy p{max-width:48ch;color:var(--mute);font-size:1.08rem;line-height:1.65;margin:0}
.hud-copy .lead-sub{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.78rem;letter-spacing:.18em;color:var(--hud);margin:0 0 10px;
}
.hud-meta{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;
}
.hud-meta span{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;letter-spacing:.1em;color:var(--gold);
  border:1px solid var(--gold-dim);padding:6px 10px;
  background:rgba(228,195,122,.06);
}
.hud-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hud-go-link{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  padding:12px 18px;border:1px solid var(--hud);
  background:linear-gradient(90deg,rgba(126,231,255,.2),rgba(228,195,122,.12));
  color:#f4fdff;font-family:Rajdhani,Inter,sans-serif;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
}
.hud-go-link.ghost{background:transparent;color:var(--hud)}

.hud-telemetry{
  display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:14px;margin-bottom:28px;
}
.hud-term{
  background:var(--panel);
  border:1px solid var(--hud-line);
  padding:14px 16px 12px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  min-height:148px;
}
.hud-term h3{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;letter-spacing:.16em;color:var(--hud);margin:0 0 10px;font-weight:500;
}
.hud-kv{display:flex;justify-content:space-between;gap:12px;font-size:.82rem;padding:4px 0;border-bottom:1px dashed rgba(126,231,255,.12)}
.hud-kv b{color:var(--ink);font-weight:500}
.hud-kv span{color:var(--mute);font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace}
.wave{display:flex;align-items:flex-end;gap:3px;height:72px;margin-top:8px}
.wave i{
  display:block;flex:1;background:linear-gradient(180deg,var(--hud),rgba(126,231,255,.15));
  animation:hudpulse 1.1s ease-in-out infinite;transform-origin:bottom;
  box-shadow:0 0 8px rgba(126,231,255,.35);
}
.hud-log{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.72rem;line-height:1.55;color:rgba(126,231,255,.82);
  height:96px;overflow:hidden;
}
.hud-log div{opacity:.55}
.hud-log div:last-child{opacity:1;color:#f4fdff}

.hud-showcase{margin:0 0 36px;scroll-margin-top:88px}
.hud-showcase-head{max-width:62ch;margin:0 0 18px}
.hud-showcase-head .lead-sub{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.78rem;letter-spacing:.18em;color:var(--hud);margin:0 0 10px;
}
.hud-showcase-head h2{
  font-family:Orbitron,Rajdhani,Inter,sans-serif;font-weight:700;
  font-size:clamp(1.45rem,3vw,2.05rem);letter-spacing:.08em;margin:0 0 8px;color:#f4fdff;
  text-shadow:0 0 18px rgba(126,231,255,.28);
}
.hud-showcase-head p{margin:0;color:var(--mute);font-size:1.02rem;line-height:1.6}
.hud-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hud-clip{
  background:var(--panel);
  border:1px solid var(--hud-line);
  padding:12px 12px 14px;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  min-width:0;
}
.hud-clip.playing{
  border-color:var(--hud);
  box-shadow:0 0 0 1px rgba(126,231,255,.28),0 0 28px rgba(126,231,255,.12);
}
.hud-clip-tag{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.62rem;letter-spacing:.14em;color:var(--gold);margin:0 0 8px;
}
.hud-phone{
  position:relative;
  aspect-ratio:9/16;
  width:100%;
  max-width:260px;
  margin:0 auto;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--hud-line);
  background:#000;
  box-shadow:0 0 22px rgba(126,231,255,.1),inset 0 0 0 1px rgba(126,231,255,.08);
}
.hud-phone video{
  width:100%;height:100%;object-fit:cover;display:block;background:#000;
}
.hud-clip-play{
  position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  border:0;background:rgba(2,6,11,.32);
  cursor:pointer;color:inherit;
}
.hud-clip-play span{
  width:58px;height:58px;border-radius:50%;
  border:1px solid var(--hud);
  background:rgba(4,14,22,.72);
  box-shadow:0 0 22px rgba(126,231,255,.35);
  position:relative;
}
.hud-clip-play span::after{
  content:"";position:absolute;left:23px;top:18px;
  border-style:solid;border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent var(--hud);
}
.hud-clip.playing .hud-clip-play{opacity:0;pointer-events:none}
.hud-clip h3{
  font-family:Rajdhani,Inter,sans-serif;font-size:1.02rem;letter-spacing:.04em;
  margin:10px 0 4px;color:#f4fdff;line-height:1.25;
}
.hud-clip p{margin:0;color:var(--mute);font-size:.82rem;line-height:1.45}

.hud-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}
.hud-panel{
  position:relative;cursor:pointer;
  background:linear-gradient(180deg,rgba(8,28,40,.78),rgba(3,10,16,.94));
  border:1px solid var(--hud-line);
  padding:26px 24px 22px;
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);
  transition:border-color .15s,box-shadow .15s,transform .18s;
  transform:perspective(900px) rotateY(-4deg);
}
.hud-panel:nth-child(2){transform:perspective(900px) rotateY(4deg)}
.hud-panel:hover,.hud-panel.selected{transform:perspective(900px) rotateY(0) translateY(-3px)}
.hud-panel:hover{border-color:var(--hud)}
.hud-panel.selected{
  border-color:var(--hud);
  box-shadow:0 0 0 1px rgba(126,231,255,.4),0 0 48px rgba(126,231,255,.16),inset 0 0 40px rgba(126,231,255,.05);
}
.hud-panel .tag{
  font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;
  font-size:.68rem;letter-spacing:.16em;color:var(--hud);margin-bottom:8px;
}
.hud-panel h2{font-family:Orbitron,Rajdhani,Inter,sans-serif;font-size:1.55rem;margin:0;letter-spacing:.06em}
.hud-panel .price{font-family:Rajdhani,Inter,sans-serif;font-size:2.7rem;font-weight:700;margin:8px 0 10px;color:#f4fdff;text-shadow:0 0 18px rgba(126,231,255,.3)}
.hud-panel .price small{font-size:1rem;font-weight:500;color:var(--mute);letter-spacing:.08em}
.hud-panel p{margin:0;color:var(--mute);font-size:.94rem;line-height:1.55}
.hud-panel ul{margin:12px 0 0;padding:0;list-style:none;color:var(--ink);font-size:.86rem}
.hud-panel li{padding:4px 0 4px 16px;position:relative}
.hud-panel li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:var(--hud)}

.hud-form{
  background:linear-gradient(180deg,rgba(8,22,32,.82),rgba(3,8,14,.96));
  border:1px solid var(--hud-line);
  padding:28px;
  max-width:720px;margin:0 auto;
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:0 0 60px rgba(126,231,255,.08);
}
.hud-form h3{font-family:Orbitron,Rajdhani,Inter,sans-serif;font-size:1.2rem;letter-spacing:.1em;margin:0 0 16px}
.hud-pick{display:flex;gap:10px;margin:0 0 18px}
.hud-pick button{
  flex:1;padding:12px;border:1px solid var(--hud-line);background:rgba(126,231,255,.04);
  color:var(--ink);font-family:Rajdhani,Inter,sans-serif;font-weight:700;letter-spacing:.08em;cursor:pointer;
}
.hud-pick button.on{background:rgba(126,231,255,.16);border-color:var(--hud);color:#fff;box-shadow:0 0 18px rgba(126,231,255,.18)}
.hud-field{margin-bottom:14px}
.hud-field label{
  display:block;font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:.72rem;
  letter-spacing:.12em;color:var(--hud);margin-bottom:6px;
}
.hud-field input,.hud-field textarea{
  width:100%;padding:12px;border:1px solid var(--hud-line);background:rgba(0,8,14,.7);
  color:var(--ink);font-size:.95rem;border-radius:0;
}
.hud-field input:focus,.hud-field textarea:focus{outline:none;border-color:var(--hud);box-shadow:0 0 0 1px rgba(126,231,255,.25)}
.hud-terms{font-size:.85rem;color:var(--mute);margin:8px 0 0}
.hud-terms a{color:var(--hud)}
.hud-go{
  width:100%;margin-top:16px;padding:14px;border:1px solid var(--hud);
  background:linear-gradient(90deg,rgba(126,231,255,.2),rgba(228,195,122,.16));
  color:#f4fdff;font-family:Orbitron,Rajdhani,Inter,sans-serif;font-size:.95rem;font-weight:700;
  letter-spacing:.16em;cursor:pointer;text-transform:uppercase;
  box-shadow:0 0 24px rgba(126,231,255,.15);
}
.hud-go:disabled{opacity:.5;cursor:not-allowed}
.hud-err{color:#ff8a8a;min-height:1.2em;margin-top:10px;font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:.8rem}
.hud-fine{font-size:.8rem;color:var(--mute);margin-top:14px;line-height:1.5}
.hud-fine a{color:var(--gold)}
.hud-done{text-align:center;padding:48px 28px}
.hud-done h1{font-family:Orbitron,Rajdhani,Inter,sans-serif;font-size:2.2rem;letter-spacing:.08em;margin:0 0 12px}
.hud-done p{color:var(--mute);line-height:1.65;margin:0 0 14px}
.hud-done code{color:var(--hud);background:rgba(126,231,255,.08);padding:2px 6px}
.hud-done .hud-go,.hud-done .hud-go-link{display:inline-flex;width:auto;padding:12px 22px;text-decoration:none;margin:6px}

/* Operator console */
.hud-console{display:grid;grid-template-columns:minmax(240px,.8fr) 1.4fr;gap:18px;align-items:start}
.hud-console .holo-rig{height:min(340px,58vw)}
.quota-ring{position:relative;width:min(220px,70%);aspect-ratio:1;margin:12px auto 0}
.quota-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.quota-ring .num{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:Orbitron,Rajdhani,sans-serif;text-align:center;
}
.quota-ring .num b{font-size:1.8rem;letter-spacing:.04em}
.quota-ring .num span{font-size:.62rem;letter-spacing:.16em;color:var(--hud)}
.guild-list{display:flex;flex-direction:column;gap:10px}
.guild-mod{
  border:1px solid var(--hud-line);background:var(--panel);padding:14px 16px;cursor:pointer;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.guild-mod.on,.guild-mod:hover{border-color:var(--hud);box-shadow:0 0 20px rgba(126,231,255,.12)}
.guild-mod .row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.guild-mod h4{margin:0;font-family:Rajdhani,sans-serif;letter-spacing:.06em;font-size:1.05rem}
.guild-mod .st{font-family:"Share Tech Mono",monospace;font-size:.68rem;letter-spacing:.12em}
.guild-mod .st.online{color:#7dffb3}
.guild-mod .st.offline{color:#ff8a8a}
.guild-mod .bar{height:4px;background:rgba(126,231,255,.12);margin-top:10px;overflow:hidden}
.guild-mod .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--hud),var(--gold));box-shadow:0 0 10px var(--hud)}
.note-item{
  border-bottom:1px dashed rgba(126,231,255,.14);padding:8px 0;display:flex;justify-content:space-between;gap:10px;
  font-size:.88rem;
}
.note-item button{background:none;border:0;color:var(--gold);cursor:pointer;font-size:.75rem}
.hud-gate{text-align:center;padding:48px 20px}
.hud-gate h1{font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.1em;font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 12px}

@media(max-width:1100px){
  .hud-clips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .hud-stage,.hud-telemetry,.hud-plans,.hud-console{grid-template-columns:1fr}
  .hud-panel,.hud-panel:nth-child(2){transform:none}
  .holo-rig{height:min(340px,78vw)}
  .hud-frame{inset:6px}
}
@media(max-width:640px){
  .hud-clips{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    gap:12px;padding:0 22px 10px;margin:0 -22px;
    -webkit-overflow-scrolling:touch;
  }
  .hud-clip{flex:0 0 min(78vw,320px);scroll-snap-align:start}
  .hud-phone{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .hud-bg .sweep,.holo-core .ring,.holo-core img,.hud-bg .scan,.hud-copy h1,.wave i,.hud-ticker span,.holo-beam{animation:none}
}
.jarvis-hud .purchase-page,.hud-shell > *{animation:hudin .55s ease both}