body:has(#analysis-6:target) #matches .match:nth-child(7){
  opacity:1!important;filter:none!important;transform:scale(1.025)!important;z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent)!important
}

body:has(#analysis-7:target) #matches .match:nth-child(8){
  opacity:1!important;filter:none!important;transform:scale(1.025)!important;z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent)!important
}

body:has(#analysis-8:target) #matches .match:nth-child(9){
  opacity:1!important;filter:none!important;transform:scale(1.025)!important;z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent)!important
}

body:has(#analysis-9:target) #matches .match:nth-child(10){
  opacity:1!important;filter:none!important;transform:scale(1.025)!important;z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent)!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent)!important
}

@media(max-width:600px){
  .matchAnalysisOverlay{padding:13px}
  .matchAnalysisModal{padding:22px 15px}
  .matchAnalysisTeams{grid-template-columns:1fr 96px 1fr}
  .analysisTeam img,.analysisFallback{width:56px;height:56px;border-radius:15px}
  .analysisTeam strong{font-size:13px}
  .analysisScore b{font-size:36px}
  .analysisTextBox p{font-size:13px}
}

/* ==========================================================
   FIX ANALISI MATCH
   ========================================================== */
body{
  animation:none !important;
  filter:none !important;
}
@keyframes ambientPageGlow{
  0%,100%{opacity:.88}
  50%{opacity:1}
}
body:after{
  animation:ambientPageGlow 12s ease-in-out infinite;
}

html.analysisModalOpen,
html.analysisModalOpen body{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

.matchAnalysisOverlay{
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:22px !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:99999 !important;
}

.matchAnalysisEyebrow{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:0 52px !important;
  margin:0 0 16px !important;
  text-align:center !important;
  color:#ffffff !important;
}

.analysisTextBox h4{
  text-align:center !important;
  color:#ffffff !important;
}

.matchAnalysisModal{
  margin:auto !important;
  max-height:calc(100dvh - 44px) !important;
  overscroll-behavior:contain !important;
}

@media(max-width:600px){
  .matchAnalysisOverlay{padding:12px !important}
  .matchAnalysisModal{max-height:calc(100dvh - 24px) !important}
  .matchAnalysisEyebrow{padding:0 44px !important}
}

/* ==========================================================
   FIX TOP PICK
   - titolo centrale
   - colore bianco
   ========================================================== */
.topPickEyebrow{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:0 48px !important;
  margin:0 0 16px !important;
  text-align:center !important;
  color:#ffffff !important;
}

/* ==========================================================
   MOBILE PUBLIC FALLBACK
   TOP PICK + ANALISI MATCH funzionano anche se JavaScript
   viene bloccato dal visualizzatore del telefono.
   ========================================================== */

.cssFallbackToggle{
  position:fixed !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Link/label invisibile sopra la card, attivo SOLO senza JS */
.analysisOpenLabel{
  position:absolute;
  inset:0;
  z-index:25;
  cursor:pointer;
  border-radius:inherit;
}

/* Popup CSS-only TOP PICK */
.cssTopPickOverlay{
  position:fixed;
  inset:0;
  z-index:99998;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,5,15,.66);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#topPickCssToggle:checked ~ .cssTopPickOverlay{
  display:flex;
}
.cssTopPickOverlay .topPickClose{
  display:grid;
  place-items:center;
  text-decoration:none;
}
.cssTopPickOverlay .topPickAction{
  display:block;
  text-align:center;
}

/* Popup CSS-only analisi */
.staticAnalysisOverlay{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none;
  align-items:center;
  justify-content:center;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  padding:22px;
  background:rgba(0,5,15,.60);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.staticAnalysisOverlay .matchAnalysisClose{
  display:grid;
  place-items:center;
  text-decoration:none;
}

/* Quando JS funziona, usa il sistema dinamico normale e nasconde il fallback */
html.js-enabled .cssFallbackToggle,
html.js-enabled .cssTopPickOverlay,
html.js-enabled .staticAnalysisOverlay,
html.js-enabled .analysisOpenLabel{
  display:none !important;
}

/* Focus card nel fallback senza JS */

#analysisToggle0:checked ~ #analysisStatic0{display:flex !important}
#analysisToggle0:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle0:checked ~ .wrap #matches .match:nth-child(1){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle1:checked ~ #analysisStatic1{display:flex !important}
#analysisToggle1:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle1:checked ~ .wrap #matches .match:nth-child(2){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle2:checked ~ #analysisStatic2{display:flex !important}
#analysisToggle2:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle2:checked ~ .wrap #matches .match:nth-child(3){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle3:checked ~ #analysisStatic3{display:flex !important}
#analysisToggle3:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle3:checked ~ .wrap #matches .match:nth-child(4){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle4:checked ~ #analysisStatic4{display:flex !important}
#analysisToggle4:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle4:checked ~ .wrap #matches .match:nth-child(5){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle5:checked ~ #analysisStatic5{display:flex !important}
#analysisToggle5:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle5:checked ~ .wrap #matches .match:nth-child(6){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle6:checked ~ #analysisStatic6{display:flex !important}
#analysisToggle6:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle6:checked ~ .wrap #matches .match:nth-child(7){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle7:checked ~ #analysisStatic7{display:flex !important}
#analysisToggle7:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle7:checked ~ .wrap #matches .match:nth-child(8){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle8:checked ~ #analysisStatic8{display:flex !important}
#analysisToggle8:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle8:checked ~ .wrap #matches .match:nth-child(9){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}

#analysisToggle9:checked ~ #analysisStatic9{display:flex !important}
#analysisToggle9:checked ~ .wrap #matches .match{
  opacity:.24;
  filter:saturate(.55) brightness(.70);
  transform:scale(.985);
}
#analysisToggle9:checked ~ .wrap #matches .match:nth-child(10){
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.025) !important;
  z-index:20;
  border-color:color-mix(in srgb,var(--glowColor) 42%,transparent) !important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 46px color-mix(in srgb,var(--glowColor) 13%,transparent) !important;
}
