.matchEditor .miniGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.matchEditor .miniGrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.matchEditor input[type=text],.matchEditor input[type=number]{
  width:100%;padding:9px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.07);
  background:#070a10;color:#fff;outline:none
}
.matchEditor label{font-size:10px}

@media(max-width:1050px){
  .grid{grid-template-columns:1fr}
  .hero{max-width:100%}
}
@media(max-width:850px){
  .sectionHead h2{font-size:28px}
}
@media(max-width:560px){
  .wrap{padding:16px 13px 34px}
  header{padding:15px}
  .brand b{font-size:25px}
  .hero{padding:23px 19px}
  h1{font-size:26px}
  .hero p{font-size:14px}
  .matchBody{grid-template-columns:1fr 102px 1fr}
  .team{flex-direction:column;text-align:center}
  .team.right{flex-direction:column-reverse;text-align:center}
  .teamLogo,.fallback{width:50px;height:50px}
  .team b{font-size:16px}
  .score{font-size:34px}
  .scorerSingle strong{font-size:15px}
}

.leagueHeadline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
.sectionHead{
  justify-content:center !important;
  text-align:center;
}
.sectionHead > div{
  width:100%;
}
#sectionSub{
  text-align:center;
}
.leagueLogo{
  height:48px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 24px rgba(34,146,255,.18));
}
@media(max-width:560px){
  .leagueHeadline{gap:10px}
  .leagueLogo{height:34px}
}

.plainHeader{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:8px 0 18px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.plainHeader .brand{
  display:flex !important;
  align-items:center;
  gap:15px;
}

/* Titolo/logo centrati */
.plainHeader{
  position:relative;
  justify-content:center !important;
}
.plainHeader .brand{
  margin:0 auto;
  justify-content:center;
  text-align:center;
}
.plainHeader .editBtn{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
@media(max-width:700px){
  .plainHeader{
    padding-bottom:16px !important;
  }
  .plainHeader .editBtn{
    position:static;
    transform:none;
    margin-left:12px;
  }
}

/* ---- TOCCHI DI CLASSE / REFINEMENT ---- */
@keyframes pageGlow {
  0% { filter: saturate(1) brightness(1); }
  50% { filter: saturate(1.03) brightness(1.02); }
  100% { filter: saturate(1) brightness(1); }
}
@keyframes floatIn {
  from { opacity:0; transform:translateY(10px); }
  to { opacity:1; transform:translateY(0); }
}
@keyframes pulseLine {
  0% { opacity:.55; transform:scaleX(.96); }
  50% { opacity:.95; transform:scaleX(1.02); }
  100% { opacity:.55; transform:scaleX(.96); }
}
@keyframes softShimmer {
  0% { transform:translateX(-140%) skewX(-24deg); opacity:0; }
  18% { opacity:.22; }
  45% { transform:translateX(180%) skewX(-24deg); opacity:.10; }
  100% { transform:translateX(180%) skewX(-24deg); opacity:0; }
}

body{
  animation:pageGlow 12s ease-in-out infinite;
}

.hero,
.sectionHead,
.match,
.footer{
  animation:floatIn .55s ease both;
}

.match:nth-child(1){animation-delay:.02s}
.match:nth-child(2){animation-delay:.05s}
.match:nth-child(3){animation-delay:.08s}
.match:nth-child(4){animation-delay:.11s}
.match:nth-child(5){animation-delay:.14s}
.match:nth-child(6){animation-delay:.17s}
.match:nth-child(7){animation-delay:.20s}
.match:nth-child(8){animation-delay:.23s}
.match:nth-child(9){animation-delay:.26s}
.match:nth-child(10){animation-delay:.29s}

.sectionHead{
  position:relative;
  margin-bottom:22px;
}
.sectionHead:after{
  content:"";
  display:block;
  width:180px;
  max-width:70%;
  height:2px;
  margin:12px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(39,184,255,0), rgba(39,184,255,.92), rgba(7,88,232,.95), rgba(39,184,255,0));
  box-shadow:0 0 18px rgba(39,184,255,.28);
  animation:pulseLine 4.8s ease-in-out infinite;
}

.score{
  font-size:56px !important;
  letter-spacing:-2.2px;
  text-shadow:
    0 0 1px rgba(255,255,255,.35),
    0 0 18px rgba(39,184,255,.10),
    0 0 30px rgba(7,88,232,.08);
}

.scoreProb,
.pill{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 20px rgba(5,20,55,.18);
}

.teamLogo{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 22px rgba(39,184,255,.12),
    0 16px 26px rgba(0,0,0,.24);
}

.match{
  overflow:hidden;
}
.match::after{
  content:"";
  position:absolute;
  top:-30%;
  left:0;
  width:40%;
  height:180%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.11), transparent);
  transform:translateX(-160%) skewX(-24deg);
  pointer-events:none;
  opacity:0;
}
.match:hover::after{
  animation:softShimmer 1.1s ease;
}
.match:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 32px 80px rgba(0,0,0,.55),
    0 0 34px rgba(39,184,255,.06);
}

.scoreAlternative{
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.footer{
  border-top:1px solid rgba(255,255,255,.05);
}

@media(max-width:560px){
  .sectionHead:after{width:130px}
  .score{font-size:40px !important}
}

/* ---- REFINEMENT SFONDO + RIMOZIONE PALLINO ---- */

/* Il piccolo badge/kicker sopra COME FUNZIONA non deve comparire se vuoto */
.kicker:empty{
  display:none !important;
}

/* Sfondo pi\0000F9  integrato: meno stacco netto fra pagina blu e pannelli */
body{
  background:
    radial-gradient(1200px 720px at 50% -10%, rgba(33,142,255,.82), rgba(8,80,190,.48) 34%, rgba(4,45,120,.20) 60%, transparent 78%),
    radial-gradient(900px 580px at 12% 22%, rgba(8,85,210,.34), transparent 64%),
    radial-gradient(980px 620px at 88% 18%, rgba(17,68,175,.34), transparent 65%),
    linear-gradient(180deg,#0b4fba 0%,#083b8d 28%,#062a66 58%,#041d49 82%,#03142f 100%) !important;
}

/* Alone behind hero: a soft dark-blue halo that blends the panel into the page */
.hero{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 28px 74px rgba(0,0,0,.40),
    0 0 0 1px rgba(39,184,255,.035),
    0 0 80px rgba(4,25,70,.22) !important;
  background:
    linear-gradient(180deg,rgba(11,20,36,.86),rgba(6,12,24,.92)) !important;
  border-color:rgba(120,190,255,.10) !important;
}

/* Leggermente pi\0000F9  morbido anche il resto delle card */
.card{
  border-color:rgba(120,190,255,.085) !important;
}

/* ==========================================================
   iDoppiaL IA - EDITOR PRO
   Tutti i principali colori e dimensioni arrivano dal pannello.
   ========================================================== */
:root{
  --bgTop:#0b4fba;
  --bgBottom:#03142f;
  --heroPanel:#0b1424;
  --glowColor:#27b8ff;
  --borderColor:#78beff;

  --brandTitleColor:#f7f8fb;
  --brandSubColor:#7f8799;
  --heroTitleColor:#f7f8fb;
  --heroTextColor:#a7aebe;
  --sectionTitleColor:#f7f8fb;
  --sectionSubColor:#939bad;
  --teamNameColor:#f7f8fb;
  --scoreColor:#f7f8fb;
  --scoreLabelColor:#7f8799;
  --dateColor:#9cfaff;
  --probColor:#dffeff;
  --altTitleColor:#737b8e;
  --altScoreColor:#f7f8fb;
  --altProbColor:#a8d5ff;
  --scorerLabelColor:#2e8ef3;
  --scorerNameColor:#f7f8fb;
  --confidenceColor:#e8efff;
  --footerColor:#777f91;

  --brandTitleSize:33px;
  --heroTitleSize:30px;
  --heroTextSize:15px;
  --sectionTitleSize:34px;
  --teamNameSize:20px;
  --scoreSize:56px;
  --footerSize:11px;
}

body{
  background:
    radial-gradient(1200px 720px at 50% -10%, color-mix(in srgb,var(--glowColor) 60%,transparent), transparent 64%),
    radial-gradient(900px 580px at 12% 22%, color-mix(in srgb,var(--accent2) 30%,transparent), transparent 66%),
    radial-gradient(980px 620px at 88% 18%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 67%),
    linear-gradient(180deg,var(--bgTop) 0%,var(--bg) 52%,var(--bgBottom) 100%) !important;
}

.card{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--panel) 94%,white 6%),
      color-mix(in srgb,var(--panel) 96%,black 4%)) !important;
  border-color:color-mix(in srgb,var(--borderColor) 18%,transparent) !important;
}

.hero{
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--heroPanel) 92%,white 8%),
      color-mix(in srgb,var(--heroPanel) 95%,black 5%)) !important;
  border-color:color-mix(in srgb,var(--borderColor) 20%,transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 28px 74px rgba(0,0,0,.40),
    0 0 80px color-mix(in srgb,var(--glowColor) 12%,transparent) !important;
}

#brandTitle{color:var(--brandTitleColor)!important;font-size:var(--brandTitleSize)!important}
#brandSub{color:var(--brandSubColor)!important}
#heroTitle{color:var(--heroTitleColor)!important;font-size:var(--heroTitleSize)!important}
#heroText{color:var(--heroTextColor)!important;font-size:var(--heroTextSize)!important}
#sectionTitle{color:var(--sectionTitleColor)!important;font-size:var(--sectionTitleSize)!important}
#sectionSub{color:var(--sectionSubColor)!important}
.team b{color:var(--teamNameColor)!important;font-size:var(--teamNameSize)!important}
.score{color:var(--scoreColor)!important;font-size:var(--scoreSize)!important}
.score small{color:var(--scoreLabelColor)!important}
.matchDate{color:var(--dateColor)!important}
.scoreProb{color:var(--probColor)!important}
.altTitle{color:var(--altTitleColor)!important}
.scoreAlternative b{color:var(--altScoreColor)!important}
.scoreAlternative span{color:var(--altProbColor)!important}
.scorerSingle small{color:var(--scorerLabelColor)!important}
.scorerSingle strong{color:var(--scorerNameColor)!important}
.pill{color:var(--confidenceColor)!important}
.footer{color:var(--footerColor)!important;font-size:var(--footerSize)!important}

.sectionHead:after{
  background:linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb,var(--glowColor) 90%,white 10%),
    var(--accent2),
    transparent
  ) !important;
  box-shadow:0 0 18px color-mix(in srgb,var(--glowColor) 32%,transparent) !important;
}
.teamLogo{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 22px color-mix(in srgb,var(--glowColor) 16%,transparent),
    0 16px 26px rgba(0,0,0,.24) !important;
}

/* ===== NEXT LEVEL FEATURES ===== */
.performanceSection{max-width:980px;margin:22px auto 8px;padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(8,18,36,.78),rgba(5,11,24,.72));border:1px solid color-mix(in srgb,var(--borderColor) 16%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)}
.performanceHead{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;flex-wrap:wrap}.performanceHead h3{margin:0;font-size:18px;letter-spacing:-.35px}.performanceHead span{color:var(--dateColor);font-size:10px;font-weight:1000;letter-spacing:1.2px;text-transform:uppercase}.performanceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.perfBox{min-height:92px;padding:13px;border-radius:16px;background:linear-gradient(180deg,rgba(14,24,42,.9),rgba(7,12,24,.94));border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}