/* JARVIS Mobile Command HQ 4.0 — design system (spec section 1) */
:root{
  --bg:#06121E; --panel:#0B2636; --card:#102B3D;
  --accent:#58E8FA; --text:#E8F9FF; --muted:#8DB8C8;
  --ok:#68E8B3; --warn:#F0C36E; --bad:#FF8A8A;
  --glow:0.85; --radius:18px;
  --dock-h:64px;
}
body[data-theme="gold"]{ --accent:#F0C36E; }
body[data-theme="purple"]{ --accent:#C792FF; }
body[data-theme="green"]{ --accent:#68E8B3; }
body[data-theme="red"]{ --accent:#FF8A8A; }
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{ margin:0; padding:0; }
body{
  background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.45; min-height:100dvh;
  padding-top:env(safe-area-inset-top);
}
body::before{ /* holographic circuit lines */
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.35; z-index:0;
  background:
    linear-gradient(90deg, transparent 0 96%, color-mix(in srgb, var(--accent) 10%, transparent) 96% 96.5%, transparent 96.5%),
    linear-gradient(0deg, transparent 0 94%, color-mix(in srgb, var(--accent) 8%, transparent) 94% 94.5%, transparent 94.5%);
  background-size:140px 140px;
}
body.no-circuits::before{ display:none; }
a{ color:var(--accent); }
button{ font:inherit; color:inherit; }

/* ---------- header ---------- */
header.topbar{
  position:sticky; top:0; z-index:30;
  display:flex; align-items:center; gap:10px;
  padding:10px 14px;
  background:color-mix(in srgb, var(--bg) 82%, transparent);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, transparent);
}
.brand{ font-weight:800; letter-spacing:.22em; font-size:15px; }
.brand small{ display:block; letter-spacing:.08em; font-weight:600; color:var(--muted); font-size:11px; }
.module-name{ flex:1; text-align:center; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.conn{ display:flex; align-items:center; gap:6px; font-size:11px; color:var(--muted); }
.conn .dot{ width:9px; height:9px; border-radius:50%; background:var(--bad); box-shadow:0 0 8px var(--bad); }
.conn.on .dot{ background:var(--ok); box-shadow:0 0 8px var(--ok); }
.profile-btn{ background:none; border:1px solid color-mix(in srgb, var(--accent) 40%, transparent); width:36px; height:36px; border-radius:50%; color:var(--accent); font-weight:700; cursor:pointer; }

/* ---------- reactor ---------- */
.reactor{ position:relative; width:118px; height:118px; margin:4px auto; flex:none; }
.reactor.sm{ width:34px; height:34px; margin:0; }
.reactor .ring{ position:absolute; inset:0; border-radius:50%; border:2px solid color-mix(in srgb, var(--accent) 55%, transparent);
  box-shadow:0 0 calc(18px * var(--glow)) color-mix(in srgb, var(--accent) 65%, transparent), inset 0 0 calc(14px * var(--glow)) color-mix(in srgb, var(--accent) 45%, transparent); }
.reactor .ring.r2{ inset:14px; border-style:dashed; animation:spin 24s linear infinite; }
.reactor .ring.r3{ inset:28px; animation:spinR 14s linear infinite; border-color:color-mix(in srgb, var(--accent) 75%, transparent); }
.reactor .core{ position:absolute; inset:42px; border-radius:50%;
  background:radial-gradient(circle, #fff 0%, var(--accent) 45%, transparent 75%);
  box-shadow:0 0 calc(30px * var(--glow)) var(--accent); animation:pulse 3.2s ease-in-out infinite; }
.reactor.sm .ring.r2{ inset:5px; } .reactor.sm .ring.r3{ inset:10px; } .reactor.sm .core{ inset:14px; }
.reactor .sweep{ position:absolute; inset:0; border-radius:50%; overflow:hidden; }
.reactor .sweep::before{ content:""; position:absolute; inset:0;
  background:conic-gradient(from 0deg, color-mix(in srgb, var(--accent) 35%, transparent), transparent 22%);
  animation:spin 5s linear infinite; }
body.no-radar .reactor .sweep{ display:none; }
body.no-pulse .reactor .core{ animation:none; }
@keyframes spin{ to{ transform:rotate(360deg); } }
@keyframes spinR{ to{ transform:rotate(-360deg); } }
@keyframes pulse{ 0%,100%{ transform:scale(1); opacity:.92; } 50%{ transform:scale(1.12); opacity:1; } }

/* ---------- layout & cards ---------- */
main{ position:relative; z-index:1; padding:14px 14px calc(var(--dock-h) + env(safe-area-inset-bottom) + 26px); max-width:1060px; margin:0 auto; }
.bento{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bento>.card{min-width:0;overflow-wrap:anywhere}
.bento>.module-widget{grid-column:span 1;padding:12px}
.bento>.module-widget.span2{grid-column:span 2}
.bento>.card:not(.module-widget){grid-column:span 2}
.module-widget h3{font-size:clamp(13px,3.8vw,18px);margin:0}
.module-widget .btn{max-width:100%;white-space:normal}
@media(min-width:720px){.bento>.card:not(.module-widget){grid-column:auto}.bento>.card.span2{grid-column:span 2}}
@media (min-width:720px){ .bento{ grid-template-columns:repeat(2,1fr); } .span2{ grid-column:span 2; } }
@media (min-width:1024px){ .bento{ grid-template-columns:repeat(3,1fr); } .span2{ grid-column:span 2; } }
.card{
  background:color-mix(in srgb, var(--card) 88%, transparent);
  border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);
  border-radius:var(--radius); padding:16px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
body.no-neon .card{ border-color:rgba(141,184,200,.18); box-shadow:none; }
body.no-hologram .card{ backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--card); }
.card h3{ margin:0 0 8px; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.card h2{ margin:0 0 6px; font-size:19px; }
.big{ font-size:26px; font-weight:800; }
.muted{ color:var(--muted); } .small{ font-size:13px; }
.ok{ color:var(--ok); } .warn{ color:var(--warn); } .bad{ color:var(--bad); }
.row{ display:flex; align-items:center; gap:10px; } .row.between{ justify-content:space-between; }
.wrap{ flex-wrap:wrap; }
.chip{ display:inline-block; padding:2px 10px; border-radius:999px; font-size:12px; white-space:nowrap; flex:none; border:1px solid color-mix(in srgb, var(--accent) 45%, transparent); color:var(--accent); }
.chip.ok{ border-color:var(--ok); color:var(--ok); } .chip.bad{ border-color:var(--bad); color:var(--bad); } .chip.warn{ border-color:var(--warn); color:var(--warn); }
ul.clean{ list-style:none; margin:0; padding:0; } ul.clean li{ padding:8px 0; border-bottom:1px solid rgba(141,184,200,.12); } ul.clean li:last-child{ border-bottom:none; }

/* ---------- controls ---------- */
.btn{ display:inline-block; background:var(--accent); color:#04222E; border:none; font-weight:700;
  padding:11px 18px; border-radius:12px; cursor:pointer; min-height:44px; }
.btn:active{ transform:scale(.97); }
.btn.ghost{ background:transparent; color:var(--accent); border:1px solid color-mix(in srgb, var(--accent) 50%, transparent); }
.btn.danger{ background:transparent; color:var(--bad); border:1px solid var(--bad); }
.btn.small{ padding:7px 12px; min-height:38px; font-size:14px; }
input,select,textarea{
  width:100%; background:var(--panel); color:var(--text);
  border:1px solid rgba(141,184,200,.35); border-radius:12px;
  padding:12px; font:inherit; min-height:44px;
}
input:focus,select:focus,textarea:focus{ outline:2px solid var(--accent); outline-offset:1px; }
label{ display:block; font-size:13px; color:var(--muted); margin:12px 0 5px; }
.switch{ position:relative; width:52px; height:30px; flex:none; }
.switch input{ opacity:0; width:100%; height:100%; position:absolute; margin:0; cursor:pointer; }
.switch .track{ position:absolute; inset:0; border-radius:999px; background:var(--panel); border:1px solid rgba(141,184,200,.4); transition:.2s; pointer-events:none; }
.switch .track::after{ content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:var(--muted); transition:.2s; }
.switch input:checked + .track{ background:color-mix(in srgb, var(--accent) 30%, var(--panel)); border-color:var(--accent); }
.switch input:checked + .track::after{ left:25px; background:var(--accent); }
input[type="range"]{ padding:0; min-height:30px; accent-color:var(--accent); }
.task{ display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-bottom:1px solid rgba(141,184,200,.12); }
.task input[type="checkbox"]{ width:22px; height:22px; min-height:0; margin-top:2px; accent-color:var(--accent); flex:none; }
.task .done{ text-decoration:line-through; color:var(--muted); }
.task .meta{ font-size:12px; color:var(--muted); }
.icon-btn{ background:none; border:none; color:var(--muted); font-size:18px; cursor:pointer; padding:6px; min-width:36px; min-height:36px; }
.filters{ display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.filters .chip{ cursor:pointer; background:none; font:inherit; }
.filters .chip.active{ background:var(--accent); color:#04222E; font-weight:700; }
.notice{ border:1px solid var(--warn); color:var(--warn); border-radius:12px; padding:10px 12px; font-size:14px; }
.error{ color:var(--bad); font-size:14px; min-height:20px; }
.bar{ height:10px; border-radius:6px; background:var(--panel); overflow:hidden; }
.bar > div{ height:100%; background:var(--accent); }

/* ---------- dock ---------- */
nav.dock{
  position:fixed; left:0; right:0; bottom:0; z-index:40;
  display:flex; justify-content:space-around; align-items:stretch;
  background:color-mix(in srgb, var(--panel) 92%, transparent);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-top:1px solid color-mix(in srgb, var(--accent) 30%, transparent);
  padding-bottom:env(safe-area-inset-bottom); height:calc(var(--dock-h) + env(safe-area-inset-bottom));
}
nav.dock button{ flex:1; background:none; border:none; color:var(--muted); font-size:11px; letter-spacing:.06em;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; cursor:pointer; min-height:48px; }
nav.dock button .ic{ font-size:20px; line-height:1; }
nav.dock button.active{ color:var(--accent); }

/* ---------- directory overlay ---------- */
.directory{ position:fixed; inset:0; z-index:50; background:color-mix(in srgb, var(--bg) 96%, transparent);
  padding:18px 14px calc(18px + env(safe-area-inset-bottom)); overflow:auto; }
.directory .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }
@media (min-width:720px){ .directory .grid{ grid-template-columns:repeat(4,1fr); } }
.directory .tile{ background:var(--card); border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);
  border-radius:16px; padding:18px 8px; text-align:center; cursor:pointer; color:var(--text); font:inherit; }
.directory .tile .ic{ font-size:26px; display:block; margin-bottom:6px; }
.directory .tile span{ font-size:13px; }

/* ---------- auth ---------- */
.auth-wrap{ min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px 18px; position:relative; z-index:1; }
.auth-card{ width:100%; max-width:380px; }
.auth-wrap h1{ letter-spacing:.3em; font-size:22px; margin:14px 0 2px; text-align:center; }
.auth-wrap .sub{ color:var(--muted); text-align:center; font-size:13px; letter-spacing:.1em; margin-bottom:8px; }

/* particles canvas */
#particles{ position:fixed; inset:0; z-index:0; pointer-events:none; }
body.no-particles #particles{ display:none; }

/* calm + reduced motion */
body.calm *{ animation-duration:.01s !important; transition-duration:.01s !important; }
@media (prefers-reduced-motion: reduce){ *{ animation-duration:.01s !important; transition-duration:.01s !important; } }
.view-enter{ animation:viewIn .22s ease-out; }
@keyframes viewIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.hidden{ display:none !important; }
.mt{ margin-top:14px; } .mb{ margin-bottom:14px; }
textarea{ min-height:80px; resize:vertical; }

/* ================= 3.0 preview additions ================= */
:root{ --anim-speed:1; }
body[data-theme="purple"]{ --accent:#C792FF; }
html,body{ overflow-x:hidden; max-width:100%; }
.reactor .ring.r2{ animation-duration:calc(24s / var(--anim-speed, 1)); }
.reactor .ring.r3{ animation-duration:calc(14s / var(--anim-speed, 1)); }
.reactor .sweep::before{ animation-duration:calc(5s / var(--anim-speed, 1)); }
h4.mini{ margin:12px 0 4px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-weight:700; }

/* tabs */
.tabs{ display:flex; gap:6px; overflow-x:auto; padding:2px 0 10px; scrollbar-width:none; }
.tabs::-webkit-scrollbar{ display:none; }
.tab{ flex:none; background:var(--panel); color:var(--muted); border:1px solid rgba(141,184,200,.3); border-radius:999px;
  padding:9px 14px; font:inherit; font-size:13px; cursor:pointer; min-height:40px; white-space:nowrap; }
.tab.active{ background:var(--accent); color:#04222E; font-weight:700; border-color:var(--accent); }

/* bell + badges */
.bell-btn{ position:relative; background:none; border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  width:36px; height:36px; border-radius:50%; cursor:pointer; font-size:15px; }
.badge{ position:absolute; top:-5px; right:-5px; background:var(--bad); color:#2A0505; font-size:10px; font-weight:800;
  min-width:17px; height:17px; line-height:17px; border-radius:999px; text-align:center; padding:0 4px; }
.badge.inline{ position:static; display:inline-block; vertical-align:1px; }

/* severity chips */
.sev{ display:inline-block; padding:1px 8px; border-radius:999px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; border:1px solid; }
.sev-critical,.sev-high{ color:var(--bad); border-color:var(--bad); }
.sev-medium{ color:var(--warn); border-color:var(--warn); }
.sev-low{ color:var(--muted); border-color:var(--muted); }

/* trend chart */
.trend{ display:flex; align-items:flex-end; gap:2px; height:64px; margin:10px 0; }
.trend.tall{ height:120px; }
.trend-col{ flex:1; display:flex; align-items:flex-end; gap:1px; height:100%; min-width:2px; }
.trend-in{ flex:1; background:var(--ok); border-radius:2px 2px 0 0; min-height:0; }
.trend-out{ flex:1; background:var(--bad); border-radius:2px 2px 0 0; opacity:.75; min-height:0; }

/* reactive LED borders */
body.fx-led .card{ animation:ledPulse calc(3.4s / var(--anim-speed, 1)) ease-in-out infinite; }
@keyframes ledPulse{ 0%,100%{ box-shadow:0 0 0 color-mix(in srgb, var(--accent) 0%, transparent); } 50%{ box-shadow:0 0 14px color-mix(in srgb, var(--accent) 35%, transparent); } }
body.calm.fx-led .card{ animation:none; }

/* glitch transition */
body.glitching main{ animation:glitchShift .18s steps(2) 1; }
@keyframes glitchShift{ 0%{ transform:translate(0); filter:none; } 30%{ transform:translate(-3px,1px); filter:hue-rotate(40deg) saturate(1.6); } 60%{ transform:translate(3px,-1px); filter:hue-rotate(-30deg); } 100%{ transform:none; filter:none; } }

/* startup splash */
#startup{ position:fixed; inset:0; z-index:100; background:var(--bg); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; transition:opacity .4s ease; }
#startup.fade{ opacity:0; pointer-events:none; }
.startup-reactor{ position:relative; width:110px; height:110px; animation:startupIn .8s ease-out; }
.startup-reactor .ring{ position:absolute; inset:0; border-radius:50%; border:2px solid color-mix(in srgb, var(--accent) 55%, transparent); box-shadow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent); }
.startup-reactor .ring.r2{ inset:13px; border-style:dashed; animation:spin calc(10s / var(--anim-speed, 1)) linear infinite; }
.startup-reactor .ring.r3{ inset:26px; }
.startup-reactor .core{ position:absolute; inset:40px; border-radius:50%; background:radial-gradient(circle, #fff 0%, var(--accent) 45%, transparent 75%); box-shadow:0 0 26px var(--accent); animation:pulse 2.4s ease-in-out infinite; }
.startup-text{ letter-spacing:.3em; font-weight:800; font-size:18px; animation:startupIn 1s ease-out; }
@keyframes startupIn{ from{ opacity:0; transform:scale(.85); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ #startup{ display:none; } }

.life-head h2{font-size:20px;color:var(--accent);letter-spacing:.12em}.life-tabs{display:flex;overflow-x:auto;gap:8px;padding:12px 0 18px}.life-tabs .chip{background:transparent;cursor:pointer;padding:10px}.life-tabs .chip.active{background:color-mix(in srgb,var(--accent) 24%,transparent)}.life-card{margin-bottom:14px;border:1px solid #356174;background:linear-gradient(155deg,#102b3d,#07111f);box-shadow:0 9px 25px #0008}.life-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin:12px 0}.life-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.life-field input{min-width:0;width:100%;padding:10px;background:#07121e;color:var(--text);border:1px solid #38556a;border-radius:8px;font-size:16px}.life-rows{display:grid;gap:8px;margin-top:12px}.life-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#06121e;padding:10px;border:1px solid #25475b;border-radius:10px;overflow-wrap:anywhere}.life-item>div:first-child{min-width:0}.life-item .row{flex-shrink:0;gap:4px}.life-item .btn{min-height:36px;padding:6px;font-size:11px}

.jarvis-business{background:radial-gradient(circle at 50% 0%,#0a2540,#040b16 80%);padding:10px;border-radius:18px}.holo-card{position:relative;background:rgba(8,22,42,.78);border:1px solid rgba(0,240,255,.35);box-shadow:0 0 15px rgba(0,240,255,.12),inset 0 0 10px rgba(0,240,255,.06);border-radius:14px;backdrop-filter:blur(12px)}.holo-card:before{content:"";position:absolute;top:-1px;left:-1px;width:9px;height:9px;border-top:2px solid #00f0ff;border-left:2px solid #00f0ff;pointer-events:none}.holo-card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-bottom:2px solid #00f0ff;border-right:2px solid #00f0ff;pointer-events:none}.biz-switch,.biz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.biz-switch{margin-bottom:12px}.biz-switch .btn{white-space:normal;min-height:48px}.biz-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;margin-bottom:16px;flex-wrap:wrap}.biz-metric{min-height:140px;padding:14px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:10px;cursor:pointer}.biz-metric strong{font-size:clamp(18px,5vw,28px);color:#69efff;overflow-wrap:anywhere}.biz-wide{grid-column:span 2}.biz-edit-tile{padding:14px;min-height:105px;cursor:pointer}.holo-selected{border-color:#f59e0b!important;box-shadow:0 0 24px rgba(245,158,11,.45)!important}.biz-delete{position:absolute;top:-9px;right:-9px;border-radius:50%;width:30px;height:30px;background:#f43f5e;color:white;border:2px solid #061326}.biz-modal-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(2,6,23,.84);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.biz-modal{padding:22px;width:min(100%,430px);max-height:85vh;overflow:auto}.biz-modal-close{position:absolute;right:12px;top:12px;background:transparent;color:var(--text);border:0;font-size:22px}.biz-modal-value{font-size:32px;color:#69efff;font-weight:800;margin:18px 0}@media(prefers-reduced-motion:no-preference){.biz-metric:active{transform:scale(.98)}.holo-card{transition:box-shadow .2s,border-color .2s}}
@keyframes reactor-spin-slow{to{transform:rotate(360deg)}}@keyframes reactor-spin-reverse{to{transform:rotate(-360deg)}}@keyframes hud-modal-in{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.core-hud{background:radial-gradient(circle at 50% 0%,#0a2540,#040b16 85%);padding:10px;border-radius:18px}.core-hud-heading{text-align:center;color:#65efff;letter-spacing:.13em;margin-bottom:12px}.core-hud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}.core-hud-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:10px}.core-hud-card{min-width:0;min-height:145px;padding:9px 5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;color:var(--text);cursor:pointer;overflow-wrap:anywhere}.core-hud-card strong{font-size:clamp(13px,3.3vw,22px);color:#69efff}.core-hud-card .small{font-size:clamp(9px,2.4vw,12px)}.core-hud-wide{grid-column:span 2}.core-hud-strip .core-hud-card{min-height:94px;padding:7px 2px}.core-hud-strip .core-hud-card strong{font-size:clamp(11px,2.8vw,16px)}.core-hud-reactor{transform:scale(.6);margin:-22px auto}.core-hud-pulse{display:flex;justify-content:space-between;color:#64efff;font-size:11px;letter-spacing:.13em;border-top:1px solid #00f0ff55;border-bottom:1px solid #00f0ff55;padding:9px;margin:10px 0}.core-hud-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.core-hud-actions span{border:1px solid #f59e0b;border-radius:6px;padding:5px;font-size:11px}.core-hud-modal{animation:hud-modal-in .25s ease-out}@media(prefers-reduced-motion:reduce){.core-hud-modal{animation:none}}
.biz-hud .core-hud-grid{margin-top:9px}.biz-hud .core-hud-card{min-height:135px}.biz-hud .core-hud-strip{margin-top:12px}.biz-hud .core-hud-strip .core-hud-card{min-height:90px}.biz-hud .core-hud-card strong{color:#72f4ff}.core-hud-card,.biz-hud-tile{position:relative;isolation:isolate;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.core-hud-card:focus-visible,.biz-hud-tile:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.core-hud-card:hover,.biz-hud-tile:hover{transform:translateY(-3px);border-color:rgba(0,240,255,.8);box-shadow:0 0 23px rgba(0,240,255,.3)}.core-hud-card:active,.biz-hud-tile:active{transform:scale(.97)}.core-hud-pulse{animation:hud-pulse-glow 3s ease-in-out infinite}@keyframes hud-pulse-glow{50%{box-shadow:inset 0 0 12px rgba(0,240,255,.25)}}}
.universal-editor{padding:14px;margin-bottom:14px}.universal-pages{display:flex;gap:6px;overflow-x:auto;padding:5px 0}.universal-pages .btn{white-space:nowrap}.universal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.universal-card{padding:9px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;overflow-wrap:anywhere;color:var(--text)}.universal-card strong{color:#65efff}.universal-small{min-height:92px}.universal-medium{min-height:145px}.universal-large{grid-column:span 3;min-height:165px}.universal-card .row{justify-content:center;flex-wrap:wrap}.universal-drawer{margin-top:12px;padding:13px;border:1px solid #00f0ff66;background:#071b2f;border-radius:14px}.universal-drawer[hidden]{display:none}.universal-result{padding:10px 0;border-bottom:1px solid #00f0ff24}.universal-result span{font-size:12px}.universal-grid .btn{font-size:11px;padding:5px}.holo-card{overflow:hidden}@media(prefers-reduced-motion:no-preference){.universal-card{animation:hud-modal-in .3s ease-out}}
.universal-grid .universal-small{min-height:94px}.universal-grid .universal-medium{min-height:150px}.universal-grid .universal-large{min-height:165px}.universal-grid .universal-large strong{font-size:22px}.universal-grid .universal-small strong{font-size:15px}
.master-telemetry{position:relative;z-index:3;margin:5px 10px 9px;padding:9px 11px;display:flex;justify-content:space-between;gap:5px;border-radius:999px;font-size:10px;color:#85f3ff}.master-telemetry span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.universal-bento-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(90px,auto);gap:8px}.bento-widget{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-align:center;padding:11px 7px;min-width:0;overflow-wrap:anywhere;cursor:pointer}.bento-widget strong{font-size:clamp(14px,3.5vw,22px);color:#77f5ff}.bento-widget .small{font-size:clamp(9px,2.5vw,12px)}.bento-small{grid-column:span 2;min-height:96px}.bento-medium{grid-column:span 3;min-height:144px}.bento-large{grid-column:span 6;min-height:162px}.bento-tall{grid-column:span 3;grid-row:span 2;min-height:290px}.bento-engine{padding:10px;background:radial-gradient(circle at 50% 0%,#0a2540,#040b16 85%);border-radius:15px;margin-bottom:14px}.bento-engine .universal-drawer[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.bento-widget{transition:transform .2s ease,box-shadow .2s ease}.bento-widget:active{transform:scale(.97)}.bento-widget:hover{box-shadow:0 0 19px #00eeff33}}
.more-hub{padding:10px}.more-subtabs{display:flex;gap:7px;overflow-x:auto;padding:4px 0 12px}.more-subtabs button{white-space:nowrap;flex-shrink:0}.more-pulse{padding:10px;font-size:11px;color:#72f2ff;display:flex;justify-content:space-between;gap:8px}.more-pulse span{font-size:9px;color:#a0c2d0}.more-bento-tile{position:relative}.more-equalizer{display:flex;gap:3px;justify-content:center;height:11px;align-items:end}.more-equalizer i{display:block;width:3px;background:#58eaff;border-radius:3px;height:5px}@media(prefers-reduced-motion:no-preference){.more-bento-tile{animation:hud-modal-in .35s ease both;animation-delay:var(--bento-delay)}.more-equalizer i{animation:more-wave .8s ease-in-out infinite alternate}.more-equalizer i:nth-child(2){animation-delay:.25s}.more-equalizer i:nth-child(3){animation-delay:.5s}@keyframes more-wave{to{height:11px}}}