/* Home Base — fx layer: Stark/HUD visual language over the layout.
   Corner-bracketed holographic panels, reactor gauges, steel text,
   value tick, subtle scanline sheen. Motion: transform/opacity only. */

/* holographic panel: translucent fill + 1px cyan border at 30% + corner brackets */
.widget {
  background: linear-gradient(160deg, rgba(8, 30, 48, .78), rgba(3, 14, 24, .68));
  backdrop-filter: blur(14px) saturate(1.3);
  border: 1px solid rgba(56, 189, 248, .30);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(165, 243, 252, .14);
}
.widget::before, .widget::after {
  content: ""; position: absolute; width: 16px; height: 16px; pointer-events: none;
  border: 0 solid rgba(125, 211, 252, .9);
}
.widget::before { top: 6px; left: 6px; border-top-width: 2px; border-left-width: 2px; border-top-left-radius: 6px; }
.widget::after { bottom: 6px; right: 6px; border-bottom-width: 2px; border-right-width: 2px; border-bottom-right-radius: 6px; }

/* faint scanline sheen across widgets */
.widget .sheen {
  position: absolute; inset: 0; pointer-events: none; opacity: .05; mix-blend-mode: screen;
  background: repeating-linear-gradient(0deg, #a5f3fc 0 1px, transparent 1px 4px);
}

/* steel-gradient display text */
.login-title, .gauge-num, .big-num, .count-num {
  background: linear-gradient(180deg, #ffffff 20%, #bae6fd 55%, #38bdf8 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(56, 189, 248, .35));
}

/* gauge glow */
.gauge-wrap { filter: drop-shadow(0 0 12px rgba(56, 189, 248, .35)); }
.tick-flash { animation: tickflash .5s ease-out; }
@keyframes tickflash { 0% { color: #a5f3fc; text-shadow: 0 0 12px rgba(165, 243, 252, .9); } 100% { } }

/* reactor orb on the talk button + sheet */
.talk-core .core-ring.r1 { animation-duration: 18s; }
#talk-sheet.listening .talk-core { filter: drop-shadow(0 0 16px rgba(248, 113, 113, .55)); }

/* tile press micro-motion */
.tile:active .icon, #talk-btn:active { transform: scale(.93); }
.tile .icon { transition: transform .16s ease-out; }

/* header hairline */
#statusbar { border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, transparent, rgba(125, 211, 252, .4), transparent) 1; }

/* edit mode goes gold (critical/armed register) */
body.editing #statusbar { border-image: linear-gradient(90deg, transparent, rgba(245, 181, 68, .65), transparent) 1; }