/* Shared "grid" look so every demo matches Tron: black-navy glow, Orbitron titles, neon panels, glowing brains. */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap");
html, body { background: radial-gradient(120% 80% at 50% -10%, #0a1426 0%, #000 60%) fixed !important; color: #e6f2ff; }
h1, h2, .brand, .title { font-family: "Orbitron", ui-sans-serif, system-ui, sans-serif !important; letter-spacing: .14em !important;
  color: #2de2ff !important; text-shadow: 0 0 12px rgba(45,226,255,.6); text-transform: uppercase; }
h1 { font-size: clamp(16px, 2vw, 22px) !important; }
h2 { font-size: 13px !important; }
section, aside, .panel, .card, .net, .game, .brain, .view { border-color: rgba(45,226,255,.18) !important; }
.brain, .net, aside.brain, #brain, .view { box-shadow: inset 0 0 40px rgba(45,226,255,.05), 0 0 24px rgba(45,226,255,.06); }
canvas#brain, canvas#brain-gl, canvas#scan, .net canvas, #brain canvas {
  filter: saturate(1.25) brightness(1.15) drop-shadow(0 0 6px rgba(45,226,255,.45)); }
button { border-color: rgba(45,226,255,.25) !important; }
button:hover:not(:disabled) { box-shadow: 0 0 10px rgba(45,226,255,.35); }
/* Keep pages minimal: the site header carries the one-line explanation. */
p.about, section.about, p.note, .brain-foot .legend, #legend-eye { display: none !important; }
:root { --accent: #2de2ff; }
