/* BoltRush Nitro Circuit Master UI — safe visual layer only. */
:root{
  --ux-a:#ff6a2a; --ux-b:#ff2d72; --ux-c:#10e7ff; --ux-d:#f8c04b;
  --ux-bg:#07080e; --ux-panel:#0d1425; --ux-text:#f8fbff; --ux-muted:#a9b8d3;
  --ux-line:rgba(190,220,255,.16); --ux-glass:rgba(11,19,37,.74); --ux-radius:30px;
  --ux-shadow:0 28px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(1000px 660px at 6% 8%, color-mix(in srgb,var(--ux-c) 18%,transparent), transparent 55%),
    radial-gradient(880px 600px at 94% 10%, color-mix(in srgb,var(--ux-b) 15%,transparent), transparent 54%),
    radial-gradient(780px 560px at 68% 105%, color-mix(in srgb,var(--ux-a) 12%,transparent), transparent 58%),
    linear-gradient(180deg,var(--ux-bg), #090f1d 46%, #050710) !important;
  color:var(--ux-text) !important;
}
body:before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:64px 64px; opacity:.50; mask-image:linear-gradient(to bottom,black,transparent 82%);
}
body:after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(115deg,transparent 0 42%, rgba(255,255,255,.035) 43% 44%, transparent 45% 100%);
  opacity:.55;
}
a{text-decoration:none;}
/* Main canvases */
.main,.br-main,.vp-app-main,.en-app-main,.cf-v4-main,.wrap,.cf-missions-v72,.cf-rank-board,.en73-board,.brx-league{
  width:min(1500px, calc(100vw - 48px)) !important; max-width:1500px !important; margin-left:auto !important; margin-right:auto !important;
}
.main,.br-main,.vp-app-main,.en-app-main,.cf-v4-main{padding-top:28px !important; padding-bottom:90px !important;}
/* Top bars */
.appbar,.br-appbar,.en-topbar,.topbar,.bc-command-nav{
  position:relative !important; top:auto !important; left:auto !important; right:auto !important;
  width:min(1500px, calc(100vw - 48px)) !important; max-width:1500px !important; margin:22px auto 28px !important;
  border-radius:34px !important; border:1px solid var(--ux-line) !important; overflow:visible !important;
  background:
    radial-gradient(640px 220px at 12% 0%, color-mix(in srgb,var(--ux-c) 16%,transparent), transparent 64%),
    radial-gradient(720px 240px at 96% 0%, color-mix(in srgb,var(--ux-b) 18%,transparent), transparent 60%),
    linear-gradient(135deg,rgba(8,14,27,.86),rgba(12,23,44,.72) 48%,rgba(17,15,42,.78)) !important;
  box-shadow:var(--ux-shadow) !important; backdrop-filter:blur(22px) saturate(1.35) !important; -webkit-backdrop-filter:blur(22px) saturate(1.35) !important;
}
.appbar,.br-appbar{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; padding:16px 20px !important;}
.en-topbar,.topbar{padding:20px 24px !important;}
.br-brand,.en-brand,.vp-brand-mini,.brand,.bc-brand-orb{display:flex !important; align-items:center !important; gap:13px !important; color:var(--ux-text) !important;}
.br-logo,.br-mark,.en-brand-mark,.mark,.provider-logo,.bc-brand-mark{
  border-radius:18px !important; box-shadow:0 16px 38px color-mix(in srgb,var(--ux-c) 22%,transparent), inset 0 1px 0 rgba(255,255,255,.28) !important;
}
.appnav,.br-appnav,.en-nav,.side-links,.cf-v4-links{gap:8px !important;}
.appnav a,.br-appnav a,.en-nav a,.side-links a,.cf-v4-links a,.bc-dock-item,.navlinks a{
  border-radius:18px !important; border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.070),rgba(255,255,255,.034)) !important;
  color:rgba(241,247,255,.86) !important; font-weight:850 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.appnav a:hover,.br-appnav a:hover,.en-nav a:hover,.side-links a:hover,.appnav a.active,.br-appnav a.active,.en-nav a.active,.side-links a.active,.bc-dock-item.is-active{
  color:#fff !important; border-color:color-mix(in srgb,var(--ux-c) 36%,transparent) !important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ux-c) 16%,transparent), color-mix(in srgb,var(--ux-b) 13%,transparent)) !important;
  transform:translateY(-1px);
}
.balance,.br-balance,.en-user-card,.cf-user-chip,.bc-account-chip{
  border-radius:24px !important; border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  color:#fff !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
}
/* Sidebars */
.vp-sidebar,.en-sidebar,.sidebar,.cf-v4-sidebar,.ac12-orbit-rail{
  background:
    radial-gradient(700px 300px at 0% 0%, color-mix(in srgb,var(--ux-c) 16%,transparent), transparent 62%),
    linear-gradient(180deg,rgba(8,14,28,.90),rgba(8,11,20,.84)) !important;
  border-right:1px solid var(--ux-line) !important; box-shadow:18px 0 70px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(22px) !important; -webkit-backdrop-filter:blur(22px) !important;
}
.vp-user,.en-user-card,.side-status,.en-side-cta,.cf-v4-status{
  background:linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.030)) !important;
  border:1px solid rgba(255,255,255,.12) !important; border-radius:26px !important; color:#fff !important;
}
/* Cards / panels */
.card,.panel,.glass-card,.card-premium,.cf-card,.brx-card,.brx-stat,.brx-volt-ai,.brx-volt-column,.brx-provider-tabs,.brx-provider-tab,.brx-mission-grid article,.brx-ai-card,.cf-provider-head,.cf-side-panel,.cf-hero-panel,.cf-tab,.cf-loader,.cf-table-wrap,.cf-summary-card,.en-command-card,.en-card-large,.nv74-shell,.nv74-hero,.nv74-tabs,.nv74-tab,.nv74-panel,.nv74-grid article,.nv74-loader,.w-card,.wd-form-card,.wd-hero,.wh-table-card,.wh-hero,.en73-rhero,.en73-top>div,.en73-row,.brx-league-hero,.brx-podium article,.brx-league-table{
  background:
    radial-gradient(760px 320px at 10% 0%, color-mix(in srgb,var(--ux-c) 10%,transparent), transparent 62%),
    radial-gradient(720px 300px at 100% 10%, color-mix(in srgb,var(--ux-b) 9%,transparent), transparent 58%),
    linear-gradient(145deg,rgba(14,24,45,.80),rgba(8,14,29,.68)) !important;
  border:1px solid rgba(195,220,255,.13) !important; border-radius:var(--ux-radius) !important;
  box-shadow:var(--ux-shadow) !important; color:var(--ux-text) !important;
  backdrop-filter:blur(18px) saturate(1.26) !important; -webkit-backdrop-filter:blur(18px) saturate(1.26) !important;
}
.card:before,.panel:before,.cf-hero-panel:before,.brx-league-hero:before{opacity:.28 !important;}
h1,h2,h3,.page-title h1,.ds-title,.cf-rank-hero h1,.cf-hero-panel h1,.en73-rhero h1,.brx-league-hero h1{color:#fff !important; letter-spacing:-.055em !important;}
p,.muted,.page-title p,.cf-sub,.cf-card-sub,.cf-hero-panel p,.cf-provider-head p,.en-command-card p,.nv74-hero p,.nv74-head p,.en73-rhero p,.brx-league-hero p{color:rgba(225,236,255,.74) !important; line-height:1.65 !important;}
.eyebrow,.badge,.cf-kicker,.en-kicker,.nv74-kicker,.brx-meta span,.en73-tags span,.cf-meta span,.ai-chip,.chip,.ptc-pill{
  color:color-mix(in srgb,var(--ux-c) 86%,#fff) !important; background:color-mix(in srgb,var(--ux-c) 10%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--ux-c) 22%,transparent) !important; border-radius:999px !important;
}
/* Buttons */
.btn,.brx-btn,.ptc-btn,.cf-refresh,.cf-tab,.nv74-more,.nv74-grid a,.brx-mission-grid a,.submit,.en-btn,.en-top-actions a,.brx-provider-tab,.cf-appmenu-link,.cf-appmenu-logout-btn{
  border-radius:18px !important; font-weight:900 !important; border:1px solid rgba(255,255,255,.13) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important; color:#fff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}
.btn:hover,.brx-btn:hover,.ptc-btn:hover,.cf-refresh:hover,.nv74-more:hover,.nv74-grid a:hover,.brx-mission-grid a:hover,.en-btn:hover,.en-top-actions a:hover{transform:translateY(-2px) !important; border-color:color-mix(in srgb,var(--ux-c) 40%,transparent) !important;}
.btn.primary,.brx-btn:not(.brx-btn-soft),.ptc-btn:not(.ptc-btn-ghost),.submit,.en-btn,.nv74-grid a,.brx-mission-grid a,.cf-refresh{
  color:#07111f !important; background:linear-gradient(135deg,var(--ux-a),var(--ux-b) 48%,var(--ux-c)) !important;
}
button, input, select, textarea{font-family:inherit !important;}
input,select,textarea,.field{background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:18px !important;}
input::placeholder,textarea::placeholder{color:rgba(220,232,255,.55) !important;}
/* PTC / mission grids */
.brx-mission-grid,.cf-grid,.nv74-grid{display:grid !important; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important; gap:18px !important;}
.brx-mission-grid article,.cf-grid article,.nv74-grid article{min-height:230px !important; padding:24px !important; position:relative !important; overflow:hidden !important;}
.brx-mission-grid article:after,.cf-grid article:after,.nv74-grid article:after{content:""; position:absolute; width:140px; height:140px; border-radius:999px; right:-48px; top:-48px; background:radial-gradient(circle,color-mix(in srgb,var(--ux-c) 18%,transparent),transparent 70%);}
/* Menus / drawers */
.cf-appmenu,.bc-user-panel{
  background:linear-gradient(150deg,rgba(8,14,27,.94),rgba(10,21,42,.90) 55%,rgba(24,14,42,.92)) !important;
  border:1px solid rgba(210,230,255,.15) !important; border-radius:30px !important; box-shadow:0 34px 100px rgba(0,0,0,.52) !important;
  backdrop-filter:blur(24px) saturate(1.35) !important; -webkit-backdrop-filter:blur(24px) saturate(1.35) !important;
}
.cf-appmenu-link,.bc-menu-grid a,.bc-menu-grid button{display:flex !important; align-items:center !important; gap:12px !important; padding:14px 16px !important; border-radius:18px !important;}
.cf-appmenu-link:hover,.bc-menu-grid a:hover,.bc-menu-grid button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ux-a) 18%,transparent),color-mix(in srgb,var(--ux-c) 13%,transparent)) !important;}
/* Tables */
table th{color:color-mix(in srgb,var(--ux-c) 88%,#fff) !important; background:rgba(255,255,255,.055) !important;}
table td{color:rgba(246,250,255,.92) !important; border-color:rgba(255,255,255,.08) !important;}
.earn,.stat-value.earn,.cf-summary strong,.en73-top b{color:color-mix(in srgb,var(--ux-a) 78%,#fff) !important;}
/* Light/ultra themes controlled by class or data-theme when present */
html[data-theme="light"] body, body.light, body.theme-light{background:linear-gradient(180deg,#eef6ff,#fbfdff 48%,#edf4ff) !important; color:#10213d !important;}
html[data-theme="light"] body:before, body.light:before, body.theme-light:before{opacity:.25; mask-image:none;}
html[data-theme="light"] .card,html[data-theme="light"] .panel,html[data-theme="light"] .appbar,html[data-theme="light"] .br-appbar,html[data-theme="light"] .en-topbar,html[data-theme="light"] .topbar,html[data-theme="light"] .sidebar,html[data-theme="light"] .vp-sidebar,html[data-theme="light"] .en-sidebar,html[data-theme="light"] .cf-v4-sidebar,
body.light .card,body.light .panel,body.light .appbar,body.light .br-appbar,body.light .en-topbar,body.light .topbar,body.light .sidebar,body.light .vp-sidebar,body.light .en-sidebar,body.light .cf-v4-sidebar{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,250,255,.82)) !important; border-color:rgba(64,92,150,.14) !important; color:#10213d !important; box-shadow:0 22px 70px rgba(64,91,150,.10), inset 0 1px 0 rgba(255,255,255,.86) !important;}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] p,html[data-theme="light"] .muted,html[data-theme="light"] table td,body.light h1,body.light h2,body.light h3,body.light p,body.light .muted,body.light table td{color:#10213d !important;}
html[data-theme="light"] .btn,body.light .btn,html[data-theme="light"] .brx-btn,body.light .brx-btn{color:#10213d !important; background:rgba(255,255,255,.84) !important;}
html[data-theme="ultra"] body, body.ultra, body.theme-ultra{background:linear-gradient(180deg,#010205,#04070d 45%,#010205) !important;}
html[data-theme="ultra"] .card,html[data-theme="ultra"] .panel,html[data-theme="ultra"] .appbar,html[data-theme="ultra"] .br-appbar,html[data-theme="ultra"] .en-topbar,html[data-theme="ultra"] .topbar,body.ultra .card,body.ultra .panel{background:linear-gradient(145deg,rgba(2,7,14,.95),rgba(4,8,18,.88)) !important; border-color:rgba(255,255,255,.10) !important;}
/* Remove heavy/spinning art without removing brand ambience. */
[class*="orbit"], [class*="spinner"], [class*="reactor"], .fg-arena:before{animation-duration:0s !important;}
@media(max-width:980px){
  .main,.br-main,.vp-app-main,.en-app-main,.cf-v4-main,.wrap,.cf-missions-v72,.cf-rank-board,.en73-board,.brx-league{width:min(100% - 28px, 1500px) !important;}
  .appbar,.br-appbar,.en-topbar,.topbar,.bc-command-nav{width:min(100% - 28px, 1500px) !important; margin:14px auto 18px !important; border-radius:26px !important;}
  .appnav,.br-appnav{display:none !important;}
}