/* XBALLS v13.9.20 — Glassmorphism V3
   Visual-only layer. No fixture, odds, prediction, learning or scheduler semantics. */
:root{
  --xbg3-bg:#020814;
  --xbg3-bg-deep:#01050d;
  --xbg3-glass:rgba(8,24,43,.54);
  --xbg3-glass-strong:rgba(7,25,45,.72);
  --xbg3-glass-soft:rgba(255,255,255,.035);
  --xbg3-line:rgba(175,232,255,.16);
  --xbg3-line-strong:rgba(115,229,255,.34);
  --xbg3-cyan:#65ecff;
  --xbg3-blue:#2f8cff;
  --xbg3-mint:#53efb6;
  --xbg3-text:#f6fbff;
  --xbg3-muted:#91acc0;
  --xbg3-shadow:0 24px 70px rgba(0,0,0,.30);
  --xbg3-shadow-soft:0 12px 34px rgba(0,0,0,.18);
  --xbg3-highlight:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,255,255,.015);
  --xbg3-radius:24px;
  --xbg3-radius-sm:16px;
  --xbg3-blur:22px;
}

html body.xb-highend-ui.xb-glass-v3{
  background:
    radial-gradient(820px 500px at 8% -4%,rgba(43,207,255,.16),transparent 68%),
    radial-gradient(860px 560px at 92% 7%,rgba(47,109,255,.14),transparent 66%),
    radial-gradient(720px 520px at 54% 72%,rgba(0,203,196,.055),transparent 70%),
    linear-gradient(180deg,#020914 0%,#03101d 46%,#010711 100%) !important;
  color:var(--xbg3-text)!important;
}
html body.xb-highend-ui.xb-glass-v3:before{
  opacity:.28!important;
  background-image:
    linear-gradient(rgba(130,226,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(130,226,255,.025) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
html body.xb-highend-ui.xb-glass-v3:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(420px 260px at 28% 20%,rgba(101,236,255,.055),transparent 75%),
    radial-gradient(460px 300px at 76% 36%,rgba(47,140,255,.05),transparent 78%);
}

/* App shell + global navigation */
html body.xb-highend-ui.xb-glass-v3 #xballs-enterprise-root{
  background:transparent!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb-global-nav,
html body.xb-highend-ui.xb-glass-v3 .xb81-head,
html body.xb-highend-ui.xb-glass-v3 .xb70-topnav,
html body.xb-highend-ui.xb-glass-v3 .xb70-mobile-top{
  background:linear-gradient(135deg,rgba(6,21,39,.70),rgba(3,14,28,.50))!important;
  border-color:rgba(166,231,255,.15)!important;
  -webkit-backdrop-filter:blur(26px) saturate(155%)!important;
  backdrop-filter:blur(26px) saturate(155%)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.055)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb-global-logo,
html body.xb-highend-ui.xb-glass-v3 .xb81-logo,
html body.xb-highend-ui.xb-glass-v3 .xb70-brand-x{
  background:linear-gradient(145deg,rgba(101,236,255,.98),rgba(47,140,255,.94))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 10px 32px rgba(31,178,255,.24),inset 0 1px rgba(255,255,255,.55)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb-global-links a,.xb81-headbtn,.xb70-links a,.xb70-mobile-nav a){
  border-color:rgba(178,232,255,.10)!important;
  background:rgba(255,255,255,.025)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb-global-links a:hover,.xb-global-links a.is-active,.xb70-links a.active,.xb70-mobile-nav a.active){
  background:rgba(91,226,255,.10)!important;border-color:rgba(101,236,255,.28)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.12)!important;
}

/* Shared glass primitives */
html body.xb-highend-ui.xb-glass-v3 :is(
  .xb-shell,.xb-card,.xb-section,.xb-statbox,
  .xb79-card,.xb92-card,.xb518-card,.x95c,
  .xb64-account-card,.xb55-recent-card,.xb70-panel,.xb70-match,.xb70-fixture,
  .xb514-card,.xb65-card,.xb87-card,.xb112,.xb113,.xb114
){
  background:linear-gradient(145deg,rgba(10,31,53,.58),rgba(5,18,34,.42))!important;
  border:1px solid var(--xbg3-line)!important;
  box-shadow:var(--xbg3-shadow-soft),var(--xbg3-highlight)!important;
  -webkit-backdrop-filter:blur(var(--xbg3-blur)) saturate(150%)!important;
  backdrop-filter:blur(var(--xbg3-blur)) saturate(150%)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb79-card,.xb92-card,.xb518-card,.x95c,.xb55-recent-card,.xb70-match,.xb514-card){
  border-radius:var(--xbg3-radius)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb79-card,.xb92-card,.xb518-card,.x95c,.xb70-match,.xb514-card):hover{
  border-color:var(--xbg3-line-strong)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24),0 0 34px rgba(62,213,255,.055),var(--xbg3-highlight)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],select,textarea,.xb64-input,.xb-input){
  background:rgba(4,18,33,.48)!important;
  border:1px solid rgba(172,231,255,.17)!important;
  color:#f4fbff!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(input,select,textarea):focus{
  border-color:rgba(101,236,255,.48)!important;
  box-shadow:0 0 0 3px rgba(101,236,255,.08),inset 0 1px rgba(255,255,255,.05)!important;
}

/* Home V3 */
html body.xb-highend-ui.xb-glass-v3 .xb81{background:transparent!important}
html body.xb-highend-ui.xb-glass-v3 .xb121-overview{
  background:
    linear-gradient(135deg,rgba(15,43,70,.48),rgba(4,17,33,.38)),
    radial-gradient(500px 250px at 78% 42%,rgba(47,140,255,.14),transparent 72%)!important;
  border:1px solid rgba(173,233,255,.20)!important;
  -webkit-backdrop-filter:blur(26px) saturate(155%)!important;backdrop-filter:blur(26px) saturate(155%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.09)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb121-overview:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 23%,transparent 72%,rgba(101,236,255,.025));
}
html body.xb-highend-ui.xb-glass-v3 .xb121-overview h1 em{
  color:#7bedff!important;text-shadow:0 0 34px rgba(71,218,255,.25)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb121-system{
  background:linear-gradient(145deg,rgba(9,33,56,.48),rgba(4,18,34,.36))!important;
  border:1px solid rgba(172,231,255,.17)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-cat{
  background:linear-gradient(145deg,rgba(12,38,62,.48),rgba(5,20,37,.34))!important;
  border:1px solid rgba(173,230,255,.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.05)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-cat.active{
  background:linear-gradient(145deg,rgba(25,76,102,.47),rgba(4,26,45,.40))!important;
  border-color:rgba(101,236,255,.38)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.14),0 0 30px rgba(65,218,255,.05),inset 0 1px rgba(255,255,255,.08)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-mini{
  background:
    radial-gradient(circle at 50% -8%,rgba(101,236,255,.11),transparent 45%),
    linear-gradient(150deg,rgba(10,35,58,.56),rgba(4,18,34,.40))!important;
  border:1px solid rgba(175,233,255,.15)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;backdrop-filter:blur(22px) saturate(150%)!important;
  box-shadow:0 17px 42px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.07)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-mini.top{
  border-color:rgba(101,236,255,.52)!important;
  box-shadow:0 0 0 1px rgba(101,236,255,.08),0 20px 54px rgba(0,0,0,.20),0 0 36px rgba(57,205,255,.07),inset 0 1px rgba(255,255,255,.08)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb81-mini-odds span,.xb13919-marketstate,.xb83-market-empty,.xb81-newsempty){
  background:rgba(3,18,33,.42)!important;border-color:rgba(173,232,255,.11)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-feature,
html body.xb-highend-ui.xb-glass-v3 .xb121-feature{
  background:linear-gradient(145deg,rgba(10,33,55,.58),rgba(3,16,31,.46))!important;
  border:1px solid rgba(174,233,255,.20)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;backdrop-filter:blur(24px) saturate(155%)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.075)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-feature-head{
  background:rgba(5,22,39,.34)!important;border-bottom-color:rgba(179,235,255,.10)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-stadium{
  background:radial-gradient(circle at 50% 105%,rgba(50,209,255,.14),transparent 43%),linear-gradient(180deg,rgba(10,35,57,.35),rgba(3,18,34,.22))!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-tabs{
  background:rgba(3,16,30,.34)!important;border-color:rgba(172,231,255,.10)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-tabs button.active{
  background:linear-gradient(135deg,rgba(107,239,255,.98),rgba(47,140,255,.96))!important;
  box-shadow:0 8px 24px rgba(40,177,255,.18),inset 0 1px rgba(255,255,255,.45)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb85-mainpick,.xb85-side>div,.xb85-report,.xb81-subcard){
  background:linear-gradient(145deg,rgba(10,37,59,.48),rgba(5,21,39,.35))!important;
  border-color:rgba(176,233,255,.13)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb123-game{
  background:linear-gradient(145deg,rgba(10,35,58,.50),rgba(4,19,35,.37))!important;
  border:1px solid rgba(174,233,255,.14)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.06)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb123-meta span,
html body.xb-highend-ui.xb-glass-v3 .xb123-count{
  background:rgba(7,31,49,.40)!important;border:1px solid rgba(168,229,255,.08)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb81-live,.xb81-news){
  background:linear-gradient(145deg,rgba(9,31,52,.48),rgba(4,18,34,.36))!important;
  border:1px solid rgba(174,233,255,.13)!important;
  -webkit-backdrop-filter:blur(21px)!important;backdrop-filter:blur(21px)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.055)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-live-row,
html body.xb-highend-ui.xb-glass-v3 .xb81-newsitem{
  background:rgba(7,29,48,.38)!important;border-color:rgba(171,231,255,.10)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb81-bottom{
  background:rgba(3,13,25,.64)!important;border-top-color:rgba(171,232,255,.14)!important;
  -webkit-backdrop-filter:blur(28px) saturate(160%)!important;backdrop-filter:blur(28px) saturate(160%)!important;
  box-shadow:0 -16px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)!important;
}

/* Match detail / intelligence / live center */
html body.xb-highend-ui.xb-glass-v3 :is(.xb92-hero,.xb87-hero,.xb518-hero,.x95hero,.xb514-hero,.xb55-dash-hero,.xb70-hero){
  background:linear-gradient(140deg,rgba(12,39,64,.52),rgba(4,18,34,.38))!important;
  border:1px solid rgba(175,233,255,.18)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:var(--xbg3-shadow),var(--xbg3-highlight)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb92-tabs,.xb518-tabs,.xb81-cats,.xb87-signal,.xb518-toolbar){
  background:rgba(5,20,36,.34)!important;border-color:rgba(173,232,255,.11)!important;
  -webkit-backdrop-filter:blur(17px)!important;backdrop-filter:blur(17px)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb92-probs span,.xb92-odds span,.xb92-kpis span,.xb518-stat,.xb518-metric,.xb70-kpi,.xb55-overview>div){
  background:rgba(7,28,47,.38)!important;border:1px solid rgba(174,232,255,.10)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}

/* Dashboard + account */
html body.xb-highend-ui.xb-glass-v3 :is(.xb55-dashboard,.xb64-account,.xb70-hub){background:transparent!important}
html body.xb-highend-ui.xb-glass-v3 :is(.xb64-account-head,.xb55-admin-strip,.xb70-premium-box){
  background:linear-gradient(145deg,rgba(10,35,59,.48),rgba(4,18,34,.36))!important;
  border:1px solid rgba(173,232,255,.14)!important;
  -webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;
  box-shadow:var(--xbg3-shadow-soft),var(--xbg3-highlight)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb64-btn,.xb32-btn,.xb70-cta,.xb-submit,.xb-btn){
  background:linear-gradient(135deg,#71efff,#2f8cff)!important;
  color:#001321!important;border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 28px rgba(38,174,255,.20),inset 0 1px rgba(255,255,255,.45)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb64-btn.secondary,.xb32-btn.secondary,.xb-btn.secondary){
  background:rgba(255,255,255,.035)!important;color:#dff8ff!important;border-color:rgba(175,233,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
  -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
}

/* Login / registration — preserve cyber artwork, make form true V3 glass */
html body.xb-highend-ui.xb-glass-v3 .xb-login-shell{
  background-color:#020914!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb-auth-form,
html body.xb-highend-ui.xb-glass-v3 .xb-live-panel,
html body.xb-highend-ui.xb-glass-v3 .xb-mobile-features{
  background:linear-gradient(145deg,rgba(8,27,48,.66),rgba(3,14,28,.48))!important;
  border:1px solid rgba(183,236,255,.20)!important;
  -webkit-backdrop-filter:blur(28px) saturate(155%)!important;backdrop-filter:blur(28px) saturate(155%)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.09)!important;
}
html body.xb-highend-ui.xb-glass-v3 .xb-auth-form:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.075),transparent 24%,transparent 76%,rgba(101,236,255,.025));
}
html body.xb-highend-ui.xb-glass-v3 .xb-eye{
  background:rgba(255,255,255,.04)!important;border-color:rgba(180,235,255,.14)!important;
}

/* Small badges, pills, secondary surfaces */
html body.xb-highend-ui.xb-glass-v3 :is(.xb13919-rank,.xb13919-oddswait,.xb518-count,.xb70-plan,.xb55-access-badge,.xb-plan){
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
  border-color:rgba(170,232,255,.16)!important;
}
html body.xb-highend-ui.xb-glass-v3 :is(.xb121-kicker,.xb518-kicker,.xb92-kicker,.xb32-kicker,.xb70-eyebrow,.xb-kicker){
  color:var(--xbg3-cyan)!important;
}

/* Mobile glass behavior */
@media(max-width:820px){
  html body.xb-highend-ui.xb-glass-v3 .xb-global-links{
    background:linear-gradient(155deg,rgba(7,25,45,.88),rgba(2,12,24,.82))!important;
    border-left:1px solid rgba(176,233,255,.16)!important;
    -webkit-backdrop-filter:blur(30px) saturate(150%)!important;backdrop-filter:blur(30px) saturate(150%)!important;
    box-shadow:-24px 0 70px rgba(0,0,0,.28),inset 1px 0 rgba(255,255,255,.04)!important;
  }
  html body.xb-highend-ui.xb-glass-v3 .xb-mobile-backdrop{background:rgba(0,6,15,.64)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
}
@media(max-width:720px){
  html body.xb-highend-ui.xb-glass-v3 .xb121-overview{border-radius:23px!important}
  html body.xb-highend-ui.xb-glass-v3 .xb81-mini{border-radius:21px!important}
  html body.xb-highend-ui.xb-glass-v3 .xb123-game{border-radius:19px!important}
  html body.xb-highend-ui.xb-glass-v3 :is(.xb-auth-form,.xb-live-panel,.xb-mobile-features){-webkit-backdrop-filter:blur(22px) saturate(150%)!important;backdrop-filter:blur(22px) saturate(150%)!important}
}

/* Graceful fallback */
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  html body.xb-highend-ui.xb-glass-v3 :is(.xb121-overview,.xb81-mini,.xb81-feature,.xb123-game,.xb81-live,.xb81-news,.xb92-card,.xb518-card,.x95c,.xb64-account-card,.xb55-recent-card,.xb-auth-form,.xb-live-panel){
    background:linear-gradient(145deg,rgba(8,31,52,.96),rgba(3,16,31,.97))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.xb-highend-ui.xb-glass-v3 *,html body.xb-highend-ui.xb-glass-v3 *:before,html body.xb-highend-ui.xb-glass-v3 *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
