/* MY99 neon / cyberpunk event themes (overrides index-*.css; loaded after it).
   Every Design & Alerts theme keeps its own hue, rebuilt on the MY99 neon base:
   near-black violet background, glassy panels, neon buttons and glowing borders. */
html[data-event]{--ev-bg2:#0a0418;--ev-glow2:#22d3ee}
html[data-event=halloween]{--ev-bg:#07020d;--ev-panel:#140a24;--ev-btn:#ff7a18;--ev-glow:#b026ff;--ev-glow2:#ff7a18;--ev-ink:#fdf2ff;--ev-line:#b026ff}
html[data-event=christmas]{--ev-bg:#02090a;--ev-panel:#081a1c;--ev-btn:#ff2e63;--ev-glow:#00ff9c;--ev-glow2:#ff2e63;--ev-ink:#eafff6;--ev-line:#00ff9c}
html[data-event=newyear]{--ev-bg:#05030c;--ev-panel:#140f22;--ev-btn:#ffe600;--ev-glow:#ff00e5;--ev-glow2:#ffe600;--ev-ink:#fffbe0;--ev-line:#ff00e5}
html[data-event=eid-fitr]{--ev-bg:#02080d;--ev-panel:#081a22;--ev-btn:#ffd23f;--ev-glow:#00f5d4;--ev-glow2:#ffd23f;--ev-ink:#e9fffb;--ev-line:#00f5d4}
html[data-event=eid-adha]{--ev-bg:#03070d;--ev-panel:#0a1824;--ev-btn:#7df9ff;--ev-glow:#c4f1ff;--ev-glow2:#7df9ff;--ev-ink:#f0fdff;--ev-line:#7df9ff}
html[data-event=ramadan]{--ev-bg:#030512;--ev-panel:#0b1030;--ev-btn:#ffcc33;--ev-glow:#3d5afe;--ev-glow2:#ffcc33;--ev-ink:#eef1ff;--ev-line:#5c7cfa}
html[data-event=easter]{--ev-bg:#08030f;--ev-panel:#180c2a;--ev-btn:#f8ff3a;--ev-glow:#d16bff;--ev-glow2:#4dffdf;--ev-ink:#fbf2ff;--ev-line:#d16bff}
html[data-event=diwali]{--ev-bg:#0c0306;--ev-panel:#200a14;--ev-btn:#ffab00;--ev-glow:#ff3d81;--ev-glow2:#ffab00;--ev-ink:#fff4e6;--ev-line:#ff3d81}
html[data-event=valentine]{--ev-bg:#0d020a;--ev-panel:#22071c;--ev-btn:#ff2d95;--ev-glow:#ff6ec7;--ev-glow2:#a855f7;--ev-ink:#fff0f8;--ev-line:#ff2d95}
html[data-event=lunar]{--ev-bg:#0c0204;--ev-panel:#200810;--ev-btn:#ffc400;--ev-glow:#ff1744;--ev-glow2:#ffc400;--ev-ink:#fff6e0;--ev-line:#ff1744}

/* Background: dark grid + twin neon glows */
html[data-event],html[data-event] body,html[data-event] .min-h-screen,html[data-event] .bg-\[\#070b14\],html[data-event] .bg-\[\#0b0e14\]{
  background-color:var(--ev-bg)!important;
  background-image:
    radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--ev-glow) 35%,transparent) 0%,transparent 40%),
    radial-gradient(circle at 90% 110%,color-mix(in srgb,var(--ev-glow2) 28%,transparent) 0%,transparent 42%),
    linear-gradient(color-mix(in srgb,var(--ev-line) 7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ev-line) 7%,transparent) 1px,transparent 1px)!important;
  background-size:auto,auto,36px 36px,36px 36px!important;background-attachment:fixed!important}
/* Panels: glassy, neon edge */
html[data-event] header,html[data-event] aside,html[data-event] .bg-\[\#0f1118\],html[data-event] .bg-\[\#141722\],html[data-event] .bg-\[\#181a24\],html[data-event] .bg-\[\#101826\],html[data-event] .bg-\[\#171a25\],html[data-event] .bg-\[\#1b2030\],html[data-event] .bg-\[\#121826\],html[data-event] .bg-\[\#121722\],html[data-event] .bg-\[\#11131c\],html[data-event] .bg-\[\#0d121c\],html[data-event] .bg-\[\#10131c\],html[data-event] .bg-\[\#181b28\],html[data-event] .bg-\[\#181316\]{
  background-color:color-mix(in srgb,var(--ev-panel) 88%,transparent)!important;
  border-color:color-mix(in srgb,var(--ev-line) 55%,transparent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ev-line) 18%,transparent),0 0 18px -6px var(--ev-glow)!important;backdrop-filter:blur(6px)}
html[data-event] main{background:transparent!important;border-color:var(--ev-line)!important}
html[data-event] header{border-bottom:1px solid var(--ev-line)!important;box-shadow:0 2px 22px -8px var(--ev-glow)!important}
html[data-event] aside{border-right:1px solid color-mix(in srgb,var(--ev-line) 60%,transparent)!important}
/* Buttons: neon fill + glow */
html[data-event] .bg-\[\#5865F2\],html[data-event] .bg-emerald-500,html[data-event] .bg-\[\#3b82f6\],html[data-event] .bg-\[\#0284c7\],html[data-event] .bg-white,html[data-event] .bg-cyan-500,html[data-event] .bg-cyan-400{
  background-color:var(--ev-btn)!important;color:var(--ev-bg)!important;border-color:var(--ev-btn)!important;background-image:none!important;
  box-shadow:0 0 12px -2px var(--ev-btn),inset 0 0 6px rgba(255,255,255,.25)!important;text-shadow:none}
html[data-event] button:hover{filter:brightness(1.12) saturate(1.15)}
html[data-event] .text-cyan-300,html[data-event] .text-cyan-400,html[data-event] .text-\[\#5865F2\]{color:var(--ev-glow2)!important;text-shadow:0 0 8px color-mix(in srgb,var(--ev-glow2) 60%,transparent)}
html[data-event] .text-slate-400,html[data-event] .text-slate-300,html[data-event] .text-slate-200{color:color-mix(in srgb,var(--ev-ink) 82%,transparent)!important}
html[data-event] h1,html[data-event] h2{color:var(--ev-ink)!important;text-shadow:0 0 10px color-mix(in srgb,var(--ev-glow) 70%,transparent),0 0 24px color-mix(in srgb,var(--ev-glow) 35%,transparent)}
html[data-event] input,html[data-event] select,html[data-event] textarea{border-color:color-mix(in srgb,var(--ev-line) 50%,transparent)!important}
html[data-event] input:focus,html[data-event] select:focus,html[data-event] textarea:focus{outline:none;border-color:var(--ev-glow2)!important;box-shadow:0 0 0 1px var(--ev-glow2),0 0 14px -4px var(--ev-glow2)!important}
/* Banner: MY99 neon strip */
html[data-event] .event-banner{
  background:linear-gradient(90deg,color-mix(in srgb,var(--ev-glow) 30%,var(--ev-bg)),var(--ev-panel) 50%,color-mix(in srgb,var(--ev-glow2) 30%,var(--ev-bg)))!important;
  color:var(--ev-ink)!important;border-bottom:1px solid var(--ev-glow)!important;letter-spacing:.06em;text-transform:uppercase;
  text-shadow:0 0 8px var(--ev-glow);box-shadow:0 0 22px -4px var(--ev-glow),inset 0 -1px 0 var(--ev-glow2)}
/* Landing hero */
html[data-event] #top{background-color:var(--ev-bg)!important;
  background-image:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--ev-glow) 55%,transparent) 0%,transparent 50%),radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--ev-glow2) 30%,transparent) 0%,transparent 45%)!important}
html[data-event] #top>.absolute{opacity:.1!important}
::selection{background:#ff00e5;color:#05030c}