/* ══════════════════════════════════════════════════
   MWGSM GAMEPANEL PRO — MIDNIGHT
   Deep violet and aurora purple. Dreamy, atmospheric,
   northern lights shimmer on interactive elements.
══════════════════════════════════════════════════ */
:root {
  --bg0: #0a0812; --bg1: #0f0c1a; --bg2: #161222; --bg3: #1e182e;
  --border: #2a1f45; --border2: #382b5a;
  --acc: #b388ff; --acc2: #7c4dff; --acc3: rgba(179,136,255,.12); --acc4: rgba(179,136,255,.05);
  --red: #ff5252; --orange: #ff9100; --yellow: #ffd740; --blue: #448aff; --purple: #b388ff; --green: #69f0ae;
  --text: #e8e0f4; --textd: #8878a8; --textm: #3a2960;
  --font-ui: 'Exo 2','Rajdhani',sans-serif;
  --font-h: 'Orbitron','Exo 2',sans-serif;
  --font-mono: 'Share Tech Mono',monospace;
  --radius: 5px;
  --shadow: 0 4px 30px rgba(0,0,0,.7);
  --glow: 0 0 10px rgba(179,136,255,.4), 0 0 25px rgba(124,77,255,.12);
  --glow-strong: 0 0 16px rgba(179,136,255,.6), 0 0 45px rgba(124,77,255,.2);
}
body::before { content:''; position:fixed; inset:0; background:radial-gradient(ellipse 60% 40% at 70% 10%, rgba(124,77,255,.04) 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 20% 80%, rgba(105,240,174,.02) 0%, transparent 50%); pointer-events:none; z-index:9999; }
body::after { content:''; position:fixed; inset:0; background:radial-gradient(ellipse at center, transparent 45%, rgba(10,8,18,.7) 100%); pointer-events:none; z-index:9998; }
.topbar::after { background: linear-gradient(90deg, transparent, var(--acc), rgba(105,240,174,.5), var(--acc), transparent) !important; }
.card::before, .card::after { display:none !important; }
.card { border-radius: var(--radius); border: 1px solid rgba(179,136,255,.08); }
.modal-box::before, .modal-box::after, .login-box::before, .login-box::after { display:none !important; }
.modal-box, .login-box { border-radius: 8px; border-color: rgba(179,136,255,.3); }
.login-wrap::before { display:none !important; }
.sidebar { border-right: 1px solid rgba(179,136,255,.06); }