.perfBestTeams{
  margin-top:5px;
  color:#f7fbff;
  font-size:calc(var(--perfTeamsSize,17px) + 2px);
  font-weight:1000;
}
.perfBestResult{
  min-width:68px;
  padding:9px 11px;
  border:1px solid rgba(156,250,255,.17);
  border-radius:13px;
  background:rgba(39,184,255,.055);
  text-align:center;
}
.perfBestResult small{
  display:block;
  color:#718099;
  font-size:var(--perfFinalLabelSize,7px);
  font-weight:1000;
  text-transform:uppercase;
}
.perfBestResult b{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:calc(var(--perfFinalScoreSize,21px) + 2px);
  line-height:1;
}
.perfBestSummary{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:14px;
}
.perfBestDetail{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.perfBestDetail div{
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.perfBestDetail span{
  display:block;
  color:#74849a;
  font-size:var(--perfNoteSize,8px);
  font-weight:900;
  text-transform:uppercase;
}
.perfBestDetail b{
  display:block;
  margin-top:4px;
  color:#eaf5ff;
  font-size:var(--perfLineSize,9px);
}
.perfRecentList{
  display:grid;
  gap:8px;
}
.perfRecentItem{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(97,246,255,.085);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(7,14,28,.80),rgba(4,9,19,.90));
}
.perfRecentMain{
  min-width:0;
}
.perfRecentMeta{
  color:#6f7f95;
  font-size:var(--perfDateSize,8px);
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.perfRecentTeams{
  margin-top:3px;
  overflow:hidden;
  color:#eef6ff;
  font-size:var(--perfTeamsSize,17px);
  font-weight:1000;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.perfRecentType{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:7px;
  color:#88f2c8;
  font-size:var(--perfLineSize,9px);
  font-weight:900;
}
.perfRecentValue{
  flex:0 0 auto;
  min-width:90px;
  padding:9px 10px;
  border:1px solid rgba(96,238,176,.16);
  border-radius:11px;
  background:rgba(96,238,176,.055);
  color:#baf8df;
  text-align:center;
  font-size:var(--perfLineSize,9px);
  font-weight:1000;
}
@media(max-width:650px){
  .perfBestDetail{grid-template-columns:1fr}
  .perfRecentItem{grid-template-columns:minmax(0,1fr)}
  .perfRecentValue{min-width:0;text-align:left}
}
.perfCard{
  position:relative;
  overflow:hidden;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(97,246,255,.105);
  background:linear-gradient(180deg,rgba(8,16,32,.92),rgba(4,9,19,.96));
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}
.perfCard.hit{
  border-color:rgba(96,238,176,.22);
}
.perfCard:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:rgba(97,246,255,.42);
}
.perfCard.hit:before{
  background:rgba(96,238,176,.85);
  box-shadow:0 0 18px rgba(96,238,176,.35);
}
.perfCardHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.perfDate{
  color:#7e8da4;
  font-size:var(--perfDateSize,8px);
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.perfTeams{
  margin-top:5px;
  color:#f5f9ff;
  font-size:var(--perfTeamsSize,17px);
  font-weight:1000;
}
.perfActual{
  flex:0 0 auto;
  min-width:62px;
  padding:8px 9px;
  border-radius:12px;
  border:1px solid rgba(97,246,255,.12);
  background:rgba(39,184,255,.045);
  text-align:center;
}
.perfActual small{
  display:block;
  color:#718099;
  font-size:var(--perfFinalLabelSize,7px);
  font-weight:1000;
  text-transform:uppercase;
}
.perfActual b{
  display:block;
  margin-top:2px;
  color:#f5fbff;
  font-size:var(--perfFinalScoreSize,21px);
  line-height:1;
}
.perfBadges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:13px 0 11px;
}
.perfBadge{
  padding:6px 8px;
  border-radius:999px;
  border:1px solid rgba(96,238,176,.25);
  background:rgba(96,238,176,.075);
  color:#89f3c8;
  font-size:var(--perfBadgeSize,7px);
  font-weight:1000;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.perfBadge.plus{
  border-color:rgba(255,206,84,.24);
  background:rgba(255,206,84,.065);
  color:#ffe29a;
}
.perfBadge.top{
  border-color:rgba(142,130,255,.25);
  background:rgba(142,130,255,.07);
  color:#c6c0ff;
}
.perfBadge.miss{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  color:#77859a;
}
.perfLines{
  display:grid;
  gap:6px;
}
.perfLine{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:7px 9px;
  border-radius:10px;
  background:rgba(255,255,255,.018);
  color:#8190a5;
  font-size:var(--perfLineSize,9px);
}
.perfLine b{
  color:#eaf4ff;
  text-align:right;
}
.perfNote{
  margin-top:9px;
  color:#75849a;
  font-size:var(--perfNoteSize,8px);
  line-height:1.55;
}
.perfEmpty{
  grid-column:1/-1;
  padding:34px 18px;
  border:1px dashed rgba(97,246,255,.13);
  border-radius:16px;
  text-align:center;
  color:#8190a5;
  font-size:11px;
}
.perfAdminCard{
  padding:12px;
  margin-top:8px;
  border:1px solid rgba(97,246,255,.10);
  border-radius:13px;
  background:rgba(5,10,20,.55);
}
.perfAdminCard h4{margin:0 0 5px;font-size:12px}
.perfAdminMeta{color:#7f8da1;font-size:9px;line-height:1.45}
.perfAdminControls{
  display:grid;
  grid-template-columns:minmax(180px,.85fr) minmax(240px,1.4fr) auto;
  gap:7px;
  margin-top:9px;
}
.perfAdminControls select,.perfAdminControls input{
  width:100%;
  min-height:36px;
  border-radius:9px;
  border:1px solid rgba(97,246,255,.11);
  background:#070d18;
  color:#dceeff;
  padding:7px 9px;
  outline:none;
}
@media(max-width:880px){
  .perfStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perfRules{grid-template-columns:1fr}
}
@media(max-width:650px){
  .privateModeNav{margin-top:12px}
  .privateModeNav .privateBtn{min-width:0;flex:1}
  .perfHero{padding:23px 18px}
  .performanceList{grid-template-columns:1fr}
  .perfRuleMini{grid-template-columns:1fr}
  .perfAdminControls{grid-template-columns:1fr}
}
/* =========================================================
   iDoppiaL IA \002014  NEO AI / FUTURE SPORTS HUD \002014  v20
   Solo visual layer: nessuna modifica alla logica applicativa.
   ========================================================= */

:root{
  --neo-cyan:#64f5ff;
  --neo-blue:#2588ff;
  --neo-violet:#8b68ff;
  --neo-ice:#e8fbff;
  --neo-dark:#020713;
}

/* ---------- AMBIENTE ---------- */
body{
  background:
    radial-gradient(900px 560px at 50% -5%, color-mix(in srgb,var(--accent) 46%,transparent), transparent 68%),
    radial-gradient(720px 560px at -5% 28%, rgba(30,112,255,.34), transparent 70%),
    radial-gradient(780px 600px at 105% 38%, rgba(111,72,255,.26), transparent 72%),
    linear-gradient(180deg,#0744a7 0%,#052b78 33%,#031a49 65%,#020b22 100%) !important;
  background-attachment:fixed !important;
}

body:before{
  background:
    radial-gradient(circle at center,rgba(126,235,255,.11) 0 1px,transparent 1.4px),
    linear-gradient(rgba(119,219,255,.050) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,219,255,.050) 1px,transparent 1px) !important;
  background-size:26px 26px,52px 52px,52px 52px !important;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.70) 58%,transparent 100%) !important;
  opacity:.60 !important;
  animation:neoGridFlow 22s linear infinite;
}

body:after{
  width:1200px !important;
  height:760px !important;
  top:-390px !important;
  background:
    radial-gradient(circle at 42% 48%,rgba(94,239,255,.30),transparent 26%),
    radial-gradient(circle at 64% 54%,rgba(63,111,255,.28),transparent 38%),
    radial-gradient(circle,rgba(24,134,255,.22),transparent 72%) !important;
  filter:blur(36px) !important;
  animation:neoAurora 11s ease-in-out infinite alternate;
}

.wrap:before{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  left:50%;
  top:0;
  width:min(1080px,92vw);
  height:100vh;
  transform:translateX(-50%);
  background:
    linear-gradient(90deg,transparent,rgba(104,235,255,.035) 50%,transparent),
    radial-gradient(520px 220px at 50% 24%,rgba(108,229,255,.065),transparent 70%);
  filter:blur(2px);
}

/* ---------- HEADER / BRAND ---------- */
header{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(420px 170px at 8% 0%,rgba(93,234,255,.10),transparent 68%),
    linear-gradient(180deg,rgba(9,19,38,.88),rgba(3,8,19,.91)) !important;
  border:1px solid color-mix(in srgb,var(--borderColor) 30%,rgba(255,255,255,.05)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(30,167,255,.05),
    0 28px 72px rgba(0,0,0,.34),
    0 0 44px color-mix(in srgb,var(--glowColor) 8%,transparent) !important;
}

header:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0%,rgba(114,242,255,.15) 48%,transparent 54%) -220% 0/45% 100% no-repeat;
  animation:neoHeaderSweep 8s ease-in-out infinite;
}

header:after{
  content:"";
  position:absolute;
  pointer-events:none;
  left:18px;right:18px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--neo-cyan),var(--neo-blue),transparent);
  opacity:.45;
}

.brandMark{
  position:relative;
  background:
    radial-gradient(circle at 30% 20%,#d9fdff 0%,#7af5ff 23%,#458dff 58%,#755cff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 0 0 1px rgba(126,244,255,.25),
    0 0 36px rgba(73,219,255,.28),
    0 16px 38px rgba(0,68,210,.27) !important;
}

.brand b{
  color:#fff;
  background:linear-gradient(90deg,#ffffff 0%,#d8fbff 40%,#8deaff 72%,#ffffff 100%);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(111,233,255,.12));
  animation:neoTextShine 7s linear infinite;
}

.editBtn{
  border-color:rgba(102,231,255,.28) !important;
  background:
    linear-gradient(180deg,rgba(15,33,55,.90),rgba(5,13,26,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(29,126,255,.04),
    0 0 28px rgba(73,218,255,.08) !important;
}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(8,23,46,.87),rgba(4,11,26,.93)) !important;
  border-color:rgba(102,222,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 45px rgba(31,141,255,.035),
    0 28px 74px rgba(0,0,0,.32),
    0 0 52px rgba(55,185,255,.06) !important;
}

.hero:before{
  background:
    linear-gradient(135deg,rgba(115,242,255,.07),transparent 27%,transparent 67%,rgba(112,91,255,.07)) !important;
}

.hero:after{
  right:-130px !important;
  top:-175px !important;
  width:440px !important;
  height:440px !important;
  background:
    radial-gradient(circle,rgba(104,242,255,.14) 0%,rgba(69,121,255,.08) 42%,transparent 70%) !important;
  filter:blur(8px) !important;
  animation:neoOrb 7s ease-in-out infinite alternate;
}