/* NeuroScores Result Card Templates V3 */

/* === v_glass_dark === */

.nse-tmpl-v_glass_dark .nse-glass-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  /* transparent */



}
.nse-tmpl-v_glass_dark .nse-glass-card{
  width: 100%;
  max-width: 460px;
  padding: 30px;
  border-radius: 28px;
  color: #fff;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(55, 42, 128, 0.52), rgba(18, 16, 56, 0.78));
  border: 1px solid rgba(162, 142, 255, 0.45);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.42),
    inset 0 0 32px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(18px);
}
.nse-tmpl-v_glass_dark .nse-glass-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 16%),
    radial-gradient(circle at 80% 35%, rgba(0, 216, 255, 0.18), transparent 22%),
    radial-gradient(circle at 50% 85%, rgba(80, 255, 175, 0.14), transparent 30%);
  pointer-events: none;
}
.nse-tmpl-v_glass_dark .nse-glass-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_glass_dark .nse-glass-top{
  text-align: center;
  margin-bottom: 24px;
}
.nse-tmpl-v_glass_dark .nse-trophy{
  font-size: 42px;
  margin-bottom: 12px;
  filter: drop-shadow(0 0 18px rgba(255, 207, 64, 0.45));
}
.nse-tmpl-v_glass_dark .nse-glass-top h2{
  margin: 0;
  font-size: 28px;
  font-weight: 900;
}
.nse-tmpl-v_glass_dark .nse-ring-box{
  display: flex;
  justify-content: center;
  margin: 26px 0 30px;
}
.nse-tmpl-v_glass_dark .nse-ring{
  width: 235px;
  height: 235px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from 25deg, #5df5a5 0deg, #2bd7e8 140deg, #1b95ff 250deg, rgba(255,255,255,0.12) 250deg 360deg);
  box-shadow:
    0 0 40px rgba(41, 216, 232, 0.35),
    inset 0 0 24px rgba(255, 255, 255, 0.04);
  position: relative;
}
.nse-tmpl-v_glass_dark .nse-ring::after{
  content: "";
  position: absolute;
  top: 37px;
  left: 37px;
  right: 37px;
  bottom: 37px;
  border-radius: 50%;
  background: linear-gradient(180deg, #151847, #070b26);
  box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.38);
}
.nse-tmpl-v_glass_dark .nse-ring-inner{
  position: relative;
  z-index: 2;
  text-align: center;
}
.nse-tmpl-v_glass_dark .nse-ring-inner strong{
  display: block;
  font-size: 48px;
  font-weight: 950;
  letter-spacing: -1px;
}
.nse-tmpl-v_glass_dark .nse-ring-inner span{
  display: block;
  margin-top: 8px;
  color: #c5c9e8;
  font-size: 15px;
  font-weight: 700;
}
.nse-tmpl-v_glass_dark .nse-glass-metrics{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 20px;
}
.nse-tmpl-v_glass_dark .nse-glass-metric{
  padding: 18px 12px;
  border-radius: 17px;
  text-align: center;
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(185, 174, 255, 0.24);
}
.nse-tmpl-v_glass_dark .nse-metric-icon{
  font-size: 28px;
  margin-bottom: 8px;
}
.nse-tmpl-v_glass_dark .nse-glass-metric strong{
  display: block;
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 7px;
}
.nse-tmpl-v_glass_dark .nse-glass-metric span{
  color: #c3c8e8;
  font-size: 13px;
  font-weight: 700;
}
.nse-tmpl-v_glass_dark .nse-glass-ai{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px dashed rgba(151, 113, 255, 0.7);
  background: rgba(123, 92, 255, 0.11);
  margin-bottom: 22px;
}
.nse-tmpl-v_glass_dark .nse-glass-ai p{
  margin: 0;
  color: #edf0ff;
  font-size: 15px;
  font-weight: 800;
}
.nse-tmpl-v_glass_dark .nse-glass-note{
  margin: 0 0 24px;
  color: #aeb4d4;
  text-align: center;
  font-size: 13px;
  line-height: 1.9;
}
.nse-tmpl-v_glass_dark .nse-glass-btn{
  min-height: 64px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  background: linear-gradient(90deg, #8438ff, #15c9e8);
  box-shadow: 0 16px 38px rgba(21, 201, 232, 0.25);
  transition: 0.25s ease;
}
.nse-tmpl-v_glass_dark .nse-glass-btn:hover{
  transform: translateY(-2px);
  color: #fff;
}

@media (max-width: 520px) {
.nse-tmpl-v_glass_dark .nse-glass-card{
    padding: 24px;
  }
.nse-tmpl-v_glass_dark .nse-ring{
    width: 210px;
    height: 210px;
  }
.nse-tmpl-v_glass_dark .nse-ring::after{
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
.nse-tmpl-v_glass_dark .nse-ring-inner strong{
    font-size: 42px;
  }
.nse-tmpl-v_glass_dark .nse-glass-metrics{
    grid-template-columns: 1fr;
  }
}

/* === v_glass_light === */

.nse-tmpl-v_glass_light .nse-light-glass-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  /* transparent */



}
.nse-tmpl-v_glass_light .nse-light-glass-card{
  width: 100%;
  max-width: 460px;
  padding: 30px;
  border-radius: 30px;
  color: #17152f;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(123, 92, 255, 0.20);
  box-shadow:
    0 28px 80px rgba(52, 67, 130, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(18px);
}
.nse-tmpl-v_glass_light .nse-light-glass-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(123, 92, 255, 0.13), transparent 22%),
    radial-gradient(circle at 88% 38%, rgba(0, 196, 255, 0.13), transparent 26%),
    radial-gradient(circle at 50% 85%, rgba(80, 255, 175, 0.13), transparent 30%);
  pointer-events: none;
}
.nse-tmpl-v_glass_light .nse-light-glass-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_glass_light .nse-light-glass-header{
  text-align: center;
  margin-bottom: 24px;
}
.nse-tmpl-v_glass_light .nse-light-trophy{
  font-size: 44px;
  margin-bottom: 12px;
  filter: drop-shadow(0 10px 18px rgba(255, 190, 60, 0.32));
}
.nse-tmpl-v_glass_light .nse-light-glass-header h2{
  margin: 0 0 8px;
  font-size: 30px;
  font-weight: 950;
  color: #191638;
}
.nse-tmpl-v_glass_light .nse-light-glass-header p{
  margin: 0;
  color: #747892;
  font-size: 14px;
  font-weight: 700;
}
.nse-tmpl-v_glass_light .nse-light-ring-box{
  display: flex;
  justify-content: center;
  margin: 26px 0 30px;
}
.nse-tmpl-v_glass_light .nse-light-ring{
  width: 235px;
  height: 235px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from 25deg, #55e79c 0deg, #20cfe5 140deg, #168dff 250deg, #e6eaf5 250deg 360deg);
  box-shadow:
    0 18px 45px rgba(31, 191, 225, 0.24),
    inset 0 0 20px rgba(255, 255, 255, 0.55);
  position: relative;
}
.nse-tmpl-v_glass_light .nse-light-ring::after{
  content: "";
  position: absolute;
  top: 37px;
  left: 37px;
  right: 37px;
  bottom: 37px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffffff, #f4f8ff);
  box-shadow:
    inset 0 0 18px rgba(70, 85, 130, 0.08),
    0 10px 28px rgba(50, 60, 110, 0.08);
}
.nse-tmpl-v_glass_light .nse-light-ring-inner{
  position: relative;
  z-index: 2;
  text-align: center;
}
.nse-tmpl-v_glass_light .nse-light-ring-inner strong{
  display: block;
  font-size: 48px;
  font-weight: 950;
  color: #17152f;
  letter-spacing: -1px;
}
.nse-tmpl-v_glass_light .nse-light-ring-inner span{
  display: block;
  margin-top: 8px;
  color: #6f7390;
  font-size: 15px;
  font-weight: 800;
}
.nse-tmpl-v_glass_light .nse-light-glass-metrics{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 20px;
}
.nse-tmpl-v_glass_light .nse-light-glass-metric{
  padding: 18px 12px;
  border-radius: 18px;
  text-align: center;
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(111, 128, 210, 0.15);
  box-shadow: 0 12px 28px rgba(47, 66, 130, 0.07);
}
.nse-tmpl-v_glass_light .nse-light-metric-icon{
  font-size: 29px;
  margin-bottom: 8px;
}
.nse-tmpl-v_glass_light .nse-light-glass-metric strong{
  display: block;
  font-size: 24px;
  font-weight: 950;
  margin-bottom: 7px;
  color: #201f3e;
}
.nse-tmpl-v_glass_light .nse-light-glass-metric span{
  color: #717590;
  font-size: 13px;
  font-weight: 800;
}
.nse-tmpl-v_glass_light .nse-light-ai-box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 17px;
  border: 1px dashed rgba(22, 180, 205, 0.55);
  background: rgba(0, 194, 255, 0.075);
  margin-bottom: 22px;
}
.nse-tmpl-v_glass_light .nse-light-ai-box p{
  margin: 0;
  color: #26334f;
  font-size: 15px;
  font-weight: 900;
}
.nse-tmpl-v_glass_light .nse-light-note{
  margin: 0 0 24px;
  color: #777c96;
  text-align: center;
  font-size: 13px;
  line-height: 1.9;
  font-weight: 700;
}
.nse-tmpl-v_glass_light .nse-light-glass-btn{
  min-height: 64px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 950;
  background: linear-gradient(90deg, #8438ff, #15c9e8);
  box-shadow: 0 16px 38px rgba(21, 145, 232, 0.24);
  transition: 0.25s ease;
}
.nse-tmpl-v_glass_light .nse-light-glass-btn:hover{
  transform: translateY(-2px);
  color: #fff;
}

@media (max-width: 520px) {
.nse-tmpl-v_glass_light .nse-light-glass-card{
    padding: 24px;
  }
.nse-tmpl-v_glass_light .nse-light-ring{
    width: 210px;
    height: 210px;
  }
.nse-tmpl-v_glass_light .nse-light-ring::after{
    top: 32px;
    left: 32px;
    right: 32px;
    bottom: 32px;
  }
.nse-tmpl-v_glass_light .nse-light-ring-inner strong{
    font-size: 42px;
  }
.nse-tmpl-v_glass_light .nse-light-glass-metrics{
    grid-template-columns: 1fr;
  }
}

/* === v_dash_dark === */

.nse-tmpl-v_dash_dark .nse-result-card-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  /* transparent */



  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
}
.nse-tmpl-v_dash_dark .nse-result-card{
  width: 100%;
  max-width: 480px;
  padding: 28px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(20, 25, 64, 0.92), rgba(8, 12, 35, 0.96));
  border: 1px solid rgba(133, 105, 255, 0.35);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.nse-tmpl-v_dash_dark .nse-result-card::before{
  content: "";
  position: absolute;
  inset: -1px;
  background:
    radial-gradient(circle at 20% 0%, rgba(116, 79, 255, 0.28), transparent 32%),
    radial-gradient(circle at 90% 100%, rgba(0, 216, 255, 0.18), transparent 34%);
  pointer-events: none;
}
.nse-tmpl-v_dash_dark .nse-result-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_dash_dark .nse-card-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 26px;
}
.nse-tmpl-v_dash_dark .nse-card-header h2{
  margin: 0 0 8px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.5px;
}
.nse-tmpl-v_dash_dark .nse-card-header p{
  margin: 0;
  color: #aeb4d6;
  font-size: 15px;
}
.nse-tmpl-v_dash_dark .nse-badge{
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  background: rgba(103, 61, 255, 0.15);
  border: 1px solid rgba(134, 93, 255, 0.65);
  white-space: nowrap;
}
.nse-tmpl-v_dash_dark .nse-stats-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.nse-tmpl-v_dash_dark .nse-stat-box{
  text-align: center;
  padding: 20px 10px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(151, 166, 255, 0.22);
  box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.02);
}
.nse-tmpl-v_dash_dark .nse-stat-icon{
  font-size: 30px;
  margin-bottom: 10px;
}
.nse-tmpl-v_dash_dark .nse-stat-box span{
  display: block;
  color: #b9bfdf;
  font-size: 14px;
  margin-bottom: 10px;
}
.nse-tmpl-v_dash_dark .nse-stat-box strong{
  display: block;
  color: #fff;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.25;
}
.nse-tmpl-v_dash_dark .nse-progress-section{
  margin-bottom: 24px;
}
.nse-tmpl-v_dash_dark .nse-progress-label{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
  font-size: 15px;
  color: #d8dcf5;
}
.nse-tmpl-v_dash_dark .nse-progress-label strong{
  color: #ffd34d;
  font-weight: 800;
}
.nse-tmpl-v_dash_dark .nse-progress-track{
  height: 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  overflow: hidden;
}
.nse-tmpl-v_dash_dark .nse-progress-fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #57f49d, #28d8e7, #1696ff);
  box-shadow: 0 0 22px rgba(39, 216, 231, 0.42);
}
.nse-tmpl-v_dash_dark .nse-progress-numbers{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: #9fa6c6;
  font-size: 14px;
}
.nse-tmpl-v_dash_dark .nse-info-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}
.nse-tmpl-v_dash_dark .nse-info-item{
  display: grid;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(142, 157, 255, 0.18);
}
.nse-tmpl-v_dash_dark .nse-info-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 25px;
  background: rgba(255, 255, 255, 0.07);
}
.nse-tmpl-v_dash_dark .nse-info-icon.shield{
  box-shadow: inset 0 0 18px rgba(0, 180, 255, 0.18);
}
.nse-tmpl-v_dash_dark .nse-info-icon.brain{
  box-shadow: inset 0 0 18px rgba(255, 95, 210, 0.18);
}
.nse-tmpl-v_dash_dark .nse-info-item span{
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #f6f7ff;
  margin-bottom: 5px;
}
.nse-tmpl-v_dash_dark .nse-info-item small{
  display: block;
  color: #9fa6c6;
  font-size: 12px;
}
.nse-tmpl-v_dash_dark .nse-info-item strong{
  font-size: 17px;
  color: #9b74ff;
  white-space: nowrap;
}
.nse-tmpl-v_dash_dark .nse-info-item strong.success{
  color: #3ef49b;
  font-size: 26px;
}
.nse-tmpl-v_dash_dark .nse-ai-status{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  margin-bottom: 22px;
  border-radius: 15px;
  border: 1px dashed rgba(42, 220, 232, 0.55);
  background: rgba(0, 209, 255, 0.055);
  color: #dcefff;
}
.nse-tmpl-v_dash_dark .nse-ai-status p{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}
.nse-tmpl-v_dash_dark .nse-main-btn{
  width: 100%;
  min-height: 64px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  background: linear-gradient(90deg, #7b2cff, #0aa8ff);
  box-shadow: 0 16px 36px rgba(19, 119, 255, 0.28);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.nse-tmpl-v_dash_dark .nse-main-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(19, 119, 255, 0.38);
  color: #fff;
}

@media (max-width: 520px) {
.nse-tmpl-v_dash_dark .nse-result-card{
    padding: 22px;
    border-radius: 24px;
  }
.nse-tmpl-v_dash_dark .nse-card-header{
    flex-direction: column;
    align-items: stretch;
  }
.nse-tmpl-v_dash_dark .nse-card-header h2{
    font-size: 26px;
  }
.nse-tmpl-v_dash_dark .nse-badge{
    width: fit-content;
  }
.nse-tmpl-v_dash_dark .nse-stats-grid{
    grid-template-columns: 1fr;
  }
.nse-tmpl-v_dash_dark .nse-stat-box{
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    text-align: right;
    gap: 12px;
    padding: 15px;
  }
.nse-tmpl-v_dash_dark .nse-stat-icon{
    margin: 0;
    font-size: 26px;
  }
.nse-tmpl-v_dash_dark .nse-stat-box span{
    margin: 0;
  }
.nse-tmpl-v_dash_dark .nse-stat-box strong{
    font-size: 21px;
  }
.nse-tmpl-v_dash_dark .nse-info-item{
    grid-template-columns: 42px 1fr;
  }
.nse-tmpl-v_dash_dark .nse-info-item strong{
    grid-column: 2;
  }
.nse-tmpl-v_dash_dark .nse-main-btn{
    min-height: 58px;
    font-size: 17px;
  }
}

/* === v_dash_light === */

.nse-tmpl-v_dash_light .nse-result-card-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  /* transparent */



  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
}
.nse-tmpl-v_dash_light .nse-result-card{
  width: 100%;
  max-width: 480px;
  padding: 28px;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 250, 255, 0.96));
  border: 1px solid rgba(123, 92, 255, 0.18);
  box-shadow:
    0 28px 75px rgba(48, 60, 120, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.75);
  color: #17152f;
  position: relative;
  overflow: hidden;
}
.nse-tmpl-v_dash_light .nse-result-card::before{
  content: "";
  position: absolute;
  inset: -1px;
  background:
    radial-gradient(circle at 15% 0%, rgba(125, 88, 255, 0.14), transparent 32%),
    radial-gradient(circle at 90% 100%, rgba(0, 194, 255, 0.14), transparent 34%);
  pointer-events: none;
}
.nse-tmpl-v_dash_light .nse-result-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_dash_light .nse-card-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 26px;
}
.nse-tmpl-v_dash_light .nse-card-header h2{
  margin: 0 0 8px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.5px;
  color: #191638;
}
.nse-tmpl-v_dash_light .nse-card-header p{
  margin: 0;
  color: #6e7191;
  font-size: 15px;
}
.nse-tmpl-v_dash_light .nse-badge{
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border-radius: 12px;
  color: #5d35d9;
  font-size: 13px;
  font-weight: 800;
  background: rgba(123, 92, 255, 0.09);
  border: 1px solid rgba(123, 92, 255, 0.28);
  white-space: nowrap;
}
.nse-tmpl-v_dash_light .nse-stats-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.nse-tmpl-v_dash_light .nse-stat-box{
  text-align: center;
  padding: 20px 10px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(111, 128, 210, 0.16);
  box-shadow:
    0 12px 28px rgba(47, 66, 130, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.nse-tmpl-v_dash_light .nse-stat-icon{
  font-size: 30px;
  margin-bottom: 10px;
}
.nse-tmpl-v_dash_light .nse-stat-box span{
  display: block;
  color: #6d708c;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 700;
}
.nse-tmpl-v_dash_light .nse-stat-box strong{
  display: block;
  color: #17152f;
  font-size: 23px;
  font-weight: 900;
  line-height: 1.25;
}
.nse-tmpl-v_dash_light .nse-progress-section{
  margin-bottom: 24px;
}
.nse-tmpl-v_dash_light .nse-progress-label{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
  font-size: 15px;
  color: #343653;
  font-weight: 800;
}
.nse-tmpl-v_dash_light .nse-progress-label strong{
  color: #7b4cff;
  font-weight: 900;
}
.nse-tmpl-v_dash_light .nse-progress-track{
  height: 16px;
  border-radius: 999px;
  background: #e6eaf7;
  overflow: hidden;
  box-shadow: inset 0 2px 5px rgba(40, 48, 90, 0.08);
}
.nse-tmpl-v_dash_light .nse-progress-fill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #54e69d, #21cfe5, #168dff);
  box-shadow: 0 0 22px rgba(33, 207, 229, 0.35);
}
.nse-tmpl-v_dash_light .nse-progress-numbers{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: #8a8faa;
  font-size: 14px;
  font-weight: 700;
}
.nse-tmpl-v_dash_light .nse-info-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 22px;
}
.nse-tmpl-v_dash_light .nse-info-item{
  display: grid;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 15px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
  border: 1px solid rgba(111, 128, 210, 0.15);
  box-shadow: 0 10px 26px rgba(47, 66, 130, 0.07);
}
.nse-tmpl-v_dash_light .nse-info-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  font-size: 25px;
  background: linear-gradient(135deg, #f6f8ff, #eef4ff);
}
.nse-tmpl-v_dash_light .nse-info-icon.shield{
  box-shadow: inset 0 0 18px rgba(0, 180, 255, 0.16);
}
.nse-tmpl-v_dash_light .nse-info-icon.brain{
  box-shadow: inset 0 0 18px rgba(255, 95, 210, 0.16);
}
.nse-tmpl-v_dash_light .nse-info-item span{
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #20213f;
  margin-bottom: 5px;
}
.nse-tmpl-v_dash_light .nse-info-item small{
  display: block;
  color: #737792;
  font-size: 12px;
  font-weight: 700;
}
.nse-tmpl-v_dash_light .nse-info-item strong{
  font-size: 17px;
  color: #6f45e8;
  white-space: nowrap;
  font-weight: 900;
}
.nse-tmpl-v_dash_light .nse-info-item strong.success{
  color: #10b975;
  font-size: 26px;
}
.nse-tmpl-v_dash_light .nse-ai-status{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  margin-bottom: 22px;
  border-radius: 15px;
  border: 1px dashed rgba(20, 185, 210, 0.55);
  background: rgba(0, 194, 255, 0.075);
  color: #24324d;
}
.nse-tmpl-v_dash_light .nse-ai-status p{
  margin: 0;
  font-size: 15px;
  font-weight: 900;
}
.nse-tmpl-v_dash_light .nse-main-btn{
  width: 100%;
  min-height: 64px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 900;
  background: linear-gradient(90deg, #7b2cff, #0aa8ff);
  box-shadow: 0 16px 36px rgba(19, 119, 255, 0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.nse-tmpl-v_dash_light .nse-main-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(19, 119, 255, 0.34);
  color: #fff;
}

@media (max-width: 520px) {
.nse-tmpl-v_dash_light .nse-result-card{
    padding: 22px;
    border-radius: 24px;
  }
.nse-tmpl-v_dash_light .nse-card-header{
    flex-direction: column;
    align-items: stretch;
  }
.nse-tmpl-v_dash_light .nse-card-header h2{
    font-size: 26px;
  }
.nse-tmpl-v_dash_light .nse-badge{
    width: fit-content;
  }
.nse-tmpl-v_dash_light .nse-stats-grid{
    grid-template-columns: 1fr;
  }
.nse-tmpl-v_dash_light .nse-stat-box{
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    text-align: right;
    gap: 12px;
    padding: 15px;
  }
.nse-tmpl-v_dash_light .nse-stat-icon{
    margin: 0;
    font-size: 26px;
  }
.nse-tmpl-v_dash_light .nse-stat-box span{
    margin: 0;
  }
.nse-tmpl-v_dash_light .nse-stat-box strong{
    font-size: 21px;
  }
.nse-tmpl-v_dash_light .nse-info-item{
    grid-template-columns: 42px 1fr;
  }
.nse-tmpl-v_dash_light .nse-info-item strong{
    grid-column: 2;
  }
.nse-tmpl-v_dash_light .nse-main-btn{
    min-height: 58px;
    font-size: 17px;
  }
}

/* === v_game_dark === */

.nse-tmpl-v_game_dark .nse-game-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  /* transparent */



}
.nse-tmpl-v_game_dark .nse-game-card{
  width: 100%;
  max-width: 460px;
  padding: 30px 26px 24px;
  border-radius: 28px;
  color: #fff;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 255, 174, 0.11), transparent 34%),
    linear-gradient(180deg, rgba(13, 22, 52, 0.96), rgba(8, 13, 31, 0.98));
  border: 1px solid rgba(112, 135, 255, 0.26);
  box-shadow:
    0 26px 75px rgba(0, 0, 0, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
.nse-tmpl-v_game_dark .nse-game-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 45%, rgba(68, 255, 177, 0.28), transparent 18%),
    radial-gradient(circle at 50% 58%, rgba(60, 210, 255, 0.13), transparent 25%);
  pointer-events: none;
}
.nse-tmpl-v_game_dark .nse-game-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_game_dark .nse-confetti span{
  position: absolute;
  top: var(--y);
  right: var(--x);
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: linear-gradient(135deg, #ffcc35, #ff4fa3);
  transform: rotate(var(--r));
  opacity: 0.9;
  z-index: 0;
}
.nse-tmpl-v_game_dark .nse-confetti span:nth-child(2n){
  background: linear-gradient(135deg, #32e6c5, #19a7ff);
}
.nse-tmpl-v_game_dark .nse-confetti span:nth-child(3n){
  background: linear-gradient(135deg, #8c52ff, #ff5dc8);
}
.nse-tmpl-v_game_dark .nse-game-header{
  text-align: center;
  margin-bottom: 14px;
}
.nse-tmpl-v_game_dark .nse-game-header h2{
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 950;
  color: #ffc84d;
  text-shadow: 0 0 22px rgba(255, 196, 64, 0.28);
}
.nse-tmpl-v_game_dark .nse-game-cup{
  font-size: 50px;
  filter: drop-shadow(0 0 20px rgba(255, 205, 70, 0.5));
}
.nse-tmpl-v_game_dark .nse-game-ring-wrap{
  display: flex;
  justify-content: center;
  position: relative;
  margin: 18px 0 12px;
}
.nse-tmpl-v_game_dark .nse-game-ring{
  width: 245px;
  height: 245px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from 30deg, #6cf6a4 0deg, #23d78e 155deg, #13b9ff 245deg, rgba(255,255,255,0.1) 245deg 360deg);
  box-shadow:
    0 0 45px rgba(62, 244, 155, 0.38),
    inset 0 0 24px rgba(255, 255, 255, 0.05);
  position: relative;
}
.nse-tmpl-v_game_dark .nse-game-ring::after{
  content: "";
  position: absolute;
  top: 38px;
  left: 38px;
  right: 38px;
  bottom: 38px;
  border-radius: 50%;
  background: linear-gradient(180deg, #111a37, #081025);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.45);
}
.nse-tmpl-v_game_dark .nse-game-ring-inner{
  position: relative;
  z-index: 2;
  text-align: center;
}
.nse-tmpl-v_game_dark .nse-game-ring-inner strong{
  display: block;
  font-size: 50px;
  font-weight: 950;
  letter-spacing: -1px;
}
.nse-tmpl-v_game_dark .nse-game-ring-inner span{
  display: block;
  margin-top: 8px;
  color: #d4daf5;
  font-size: 15px;
  font-weight: 700;
}
.nse-tmpl-v_game_dark .nse-level-badge{
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 22px;
  border-radius: 14px;
  font-size: 20px;
  font-weight: 950;
  color: #ffc43f;
  background: linear-gradient(180deg, rgba(11, 24, 56, 0.98), rgba(6, 12, 30, 0.98));
  border: 1px solid rgba(39, 221, 180, 0.26);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.35);
  white-space: nowrap;
}
.nse-tmpl-v_game_dark .nse-rank-box{
  margin: 34px auto 20px;
  padding: 15px 18px;
  max-width: 330px;
  border-radius: 16px;
  text-align: center;
  color: #dce4f6;
  font-size: 14px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(122, 151, 255, 0.14);
}
.nse-tmpl-v_game_dark .nse-rank-box strong{
  color: #39f2a5;
}
.nse-tmpl-v_game_dark .nse-level-progress{
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(122, 151, 255, 0.12);
  margin-bottom: 18px;
}
.nse-tmpl-v_game_dark .nse-level-label{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #dbe1f5;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 11px;
}
.nse-tmpl-v_game_dark .nse-level-label strong{
  color: #48f0a6;
  font-size: 18px;
}
.nse-tmpl-v_game_dark .nse-level-track{
  height: 13px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
}
.nse-tmpl-v_game_dark .nse-level-fill{
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff8a2a, #ffd23c);
  box-shadow: 0 0 22px rgba(255, 199, 55, 0.32);
}
.nse-tmpl-v_game_dark .nse-game-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  margin-bottom: 22px;
}
.nse-tmpl-v_game_dark .nse-game-stat{
  text-align: center;
  padding: 16px 8px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.065);
  border: 1px solid rgba(122, 151, 255, 0.17);
}
.nse-tmpl-v_game_dark .nse-game-stat div{
  font-size: 28px;
  margin-bottom: 8px;
}
.nse-tmpl-v_game_dark .nse-game-stat span{
  display: block;
  color: #b8c0dc;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
}
.nse-tmpl-v_game_dark .nse-game-stat strong{
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}
.nse-tmpl-v_game_dark .nse-game-btn{
  min-height: 62px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 950;
  background: linear-gradient(90deg, #651fff, #c82dff, #ff765d);
  box-shadow: 0 18px 40px rgba(200, 45, 255, 0.26);
  transition: 0.25s ease;
}
.nse-tmpl-v_game_dark .nse-game-btn:hover{
  transform: translateY(-2px);
  color: #fff;
}
.nse-tmpl-v_game_dark .nse-share-link{
  display: block;
  text-align: center;
  color: #aab2cf;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  margin-top: 17px;
}
.nse-tmpl-v_game_dark .nse-share-link:hover{
  color: #fff;
}

@media (max-width: 520px) {
.nse-tmpl-v_game_dark .nse-game-card{
    padding: 26px 20px 22px;
  }
.nse-tmpl-v_game_dark .nse-game-header h2{
    font-size: 28px;
  }
.nse-tmpl-v_game_dark .nse-game-ring{
    width: 215px;
    height: 215px;
  }
.nse-tmpl-v_game_dark .nse-game-ring::after{
    top: 34px;
    left: 34px;
    right: 34px;
    bottom: 34px;
  }
.nse-tmpl-v_game_dark .nse-game-ring-inner strong{
    font-size: 42px;
  }
.nse-tmpl-v_game_dark .nse-game-stats{
    grid-template-columns: 1fr;
  }
.nse-tmpl-v_game_dark .nse-game-stat{
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 10px;
    text-align: right;
    padding: 14px;
  }
.nse-tmpl-v_game_dark .nse-game-stat div{
    margin: 0;
  }
.nse-tmpl-v_game_dark .nse-game-stat span{
    margin: 0;
  }
.nse-tmpl-v_game_dark .nse-game-btn{
    font-size: 17px;
  }
}

/* === v_game_light === */

.nse-tmpl-v_game_light .nse-light-game-wrapper{
  /* transparent */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  /* transparent */




}
.nse-tmpl-v_game_light .nse-light-game-card{
  width: 100%;
  max-width: 460px;
  padding: 30px 26px 24px;
  border-radius: 30px;
  color: #17152f;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 220, 160, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.98));
  border: 1px solid rgba(123, 92, 255, 0.18);
  box-shadow:
    0 28px 75px rgba(48, 60, 120, 0.15),
    inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}
.nse-tmpl-v_game_light .nse-light-game-card::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 44%, rgba(68, 255, 177, 0.20), transparent 20%),
    radial-gradient(circle at 50% 58%, rgba(60, 210, 255, 0.10), transparent 25%);
  pointer-events: none;
}
.nse-tmpl-v_game_light .nse-light-game-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-v_game_light .nse-light-confetti span{
  position: absolute;
  top: var(--y);
  right: var(--x);
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: linear-gradient(135deg, #ffcc35, #ff4fa3);
  transform: rotate(var(--r));
  opacity: 0.9;
  z-index: 0;
}
.nse-tmpl-v_game_light .nse-light-confetti span:nth-child(2n){
  background: linear-gradient(135deg, #32e6c5, #19a7ff);
}
.nse-tmpl-v_game_light .nse-light-confetti span:nth-child(3n){
  background: linear-gradient(135deg, #8c52ff, #ff5dc8);
}
.nse-tmpl-v_game_light .nse-light-game-header{
  text-align: center;
  margin-bottom: 14px;
}
.nse-tmpl-v_game_light .nse-light-game-header h2{
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 950;
  color: #f0a800;
  text-shadow: 0 10px 24px rgba(255, 196, 64, 0.22);
}
.nse-tmpl-v_game_light .nse-light-game-cup{
  font-size: 50px;
  filter: drop-shadow(0 10px 18px rgba(255, 190, 60, 0.34));
}
.nse-tmpl-v_game_light .nse-light-game-ring-wrap{
  display: flex;
  justify-content: center;
  position: relative;
  margin: 18px 0 12px;
}
.nse-tmpl-v_game_light .nse-light-game-ring{
  width: 245px;
  height: 245px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    conic-gradient(from 30deg, #5ff0a2 0deg, #21d58b 155deg, #11a8ff 245deg, #e6eaf5 245deg 360deg);
  box-shadow:
    0 18px 45px rgba(62, 210, 155, 0.27),
    inset 0 0 24px rgba(255, 255, 255, 0.55);
  position: relative;
}
.nse-tmpl-v_game_light .nse-light-game-ring::after{
  content: "";
  position: absolute;
  top: 38px;
  left: 38px;
  right: 38px;
  bottom: 38px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffffff, #f4f8ff);
  box-shadow:
    inset 0 0 18px rgba(70, 85, 130, 0.08),
    0 10px 28px rgba(50, 60, 110, 0.08);
}
.nse-tmpl-v_game_light .nse-light-game-ring-inner{
  position: relative;
  z-index: 2;
  text-align: center;
}
.nse-tmpl-v_game_light .nse-light-game-ring-inner strong{
  display: block;
  font-size: 50px;
  font-weight: 950;
  color: #17152f;
  letter-spacing: -1px;
}
.nse-tmpl-v_game_light .nse-light-game-ring-inner span{
  display: block;
  margin-top: 8px;
  color: #6f7390;
  font-size: 15px;
  font-weight: 800;
}
.nse-tmpl-v_game_light .nse-light-level-badge{
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 22px;
  border-radius: 15px;
  font-size: 20px;
  font-weight: 950;
  color: #7b4cff;
  background: linear-gradient(180deg, #ffffff, #f5f7ff);
  border: 1px solid rgba(39, 190, 170, 0.22);
  box-shadow: 0 14px 30px rgba(45, 60, 120, 0.16);
  white-space: nowrap;
}
.nse-tmpl-v_game_light .nse-light-rank-box{
  margin: 34px auto 20px;
  padding: 15px 18px;
  max-width: 330px;
  border-radius: 17px;
  text-align: center;
  color: #4d536f;
  font-size: 14px;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(122, 151, 255, 0.15);
  box-shadow: 0 10px 26px rgba(47, 66, 130, 0.07);
}
.nse-tmpl-v_game_light .nse-light-rank-box strong{
  color: #10b975;
}
.nse-tmpl-v_game_light .nse-light-level-progress{
  padding: 16px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(122, 151, 255, 0.15);
  box-shadow: 0 10px 26px rgba(47, 66, 130, 0.07);
  margin-bottom: 18px;
}
.nse-tmpl-v_game_light .nse-light-level-label{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #383d59;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 11px;
}
.nse-tmpl-v_game_light .nse-light-level-label strong{
  color: #10b975;
  font-size: 18px;
}
.nse-tmpl-v_game_light .nse-light-level-track{
  height: 13px;
  border-radius: 999px;
  overflow: hidden;
  background: #e6eaf7;
  box-shadow: inset 0 2px 5px rgba(40, 48, 90, 0.08);
}
.nse-tmpl-v_game_light .nse-light-level-fill{
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff8a2a, #ffd23c);
  box-shadow: 0 0 22px rgba(255, 199, 55, 0.28);
}
.nse-tmpl-v_game_light .nse-light-game-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  margin-bottom: 22px;
}
.nse-tmpl-v_game_light .nse-light-game-stat{
  text-align: center;
  padding: 16px 8px;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(122, 151, 255, 0.16);
  box-shadow: 0 10px 26px rgba(47, 66, 130, 0.07);
}
.nse-tmpl-v_game_light .nse-light-game-stat div{
  font-size: 28px;
  margin-bottom: 8px;
}
.nse-tmpl-v_game_light .nse-light-game-stat span{
  display: block;
  color: #727791;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 6px;
}
.nse-tmpl-v_game_light .nse-light-game-stat strong{
  display: block;
  color: #20213f;
  font-size: 16px;
  font-weight: 950;
}
.nse-tmpl-v_game_light .nse-light-game-btn{
  min-height: 62px;
  border-radius: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: 950;
  background: linear-gradient(90deg, #651fff, #c82dff, #ff765d);
  box-shadow: 0 18px 40px rgba(200, 45, 255, 0.22);
  transition: 0.25s ease;
}
.nse-tmpl-v_game_light .nse-light-game-btn:hover{
  transform: translateY(-2px);
  color: #fff;
}
.nse-tmpl-v_game_light .nse-light-share-link{
  display: block;
  text-align: center;
  color: #777d98;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  margin-top: 17px;
}
.nse-tmpl-v_game_light .nse-light-share-link:hover{
  color: #7b4cff;
}

@media (max-width: 520px) {
.nse-tmpl-v_game_light .nse-light-game-card{
    padding: 26px 20px 22px;
  }
.nse-tmpl-v_game_light .nse-light-game-header h2{
    font-size: 28px;
  }
.nse-tmpl-v_game_light .nse-light-game-ring{
    width: 215px;
    height: 215px;
  }
.nse-tmpl-v_game_light .nse-light-game-ring::after{
    top: 34px;
    left: 34px;
    right: 34px;
    bottom: 34px;
  }
.nse-tmpl-v_game_light .nse-light-game-ring-inner strong{
    font-size: 42px;
  }
.nse-tmpl-v_game_light .nse-light-game-stats{
    grid-template-columns: 1fr;
  }
.nse-tmpl-v_game_light .nse-light-game-stat{
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 10px;
    text-align: right;
    padding: 14px;
  }
.nse-tmpl-v_game_light .nse-light-game-stat div{
    margin: 0;
  }
.nse-tmpl-v_game_light .nse-light-game-stat span{
    margin: 0;
  }
.nse-tmpl-v_game_light .nse-light-game-btn{
    font-size: 17px;
  }
}

/* === h_glass_dark === */

.nse-tmpl-h_glass_dark /* ================================
   NeuroScores Horizontal Result Card
   Design 1 - Dark Glass Horizontal
================================ */

.ns-horizontal-result-section{
  width: 100%;
  max-width: 100%;
  padding: 24px 16px;
  box-sizing: border-box;
  overflow-x: auto;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  /* transparent */



}
.nse-tmpl-h_glass_dark /* البطاقة الأفقية */
.ns-horizontal-card{
  width: 100%;
  min-width: 1180px;
  display: grid;
  grid-template-columns: 1.45fr 1px 1fr 1px 0.9fr 1px 1fr 1px 1.15fr;
  align-items: center;
  gap: 22px;
  padding: 18px 26px;
  box-sizing: border-box;
  border-radius: 28px;
  position: relative;
  overflow: hidden;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 20%, rgba(144, 87, 255, 0.18), transparent 30%),
    radial-gradient(circle at 42% 50%, rgba(0, 204, 255, 0.08), transparent 25%),
    linear-gradient(180deg, rgba(37, 27, 95, 0.86), rgba(10, 13, 45, 0.94));
  border: 1px solid rgba(155, 132, 255, 0.34);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.42),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    inset 0 0 40px rgba(114, 78, 255, 0.08);
}
.nse-tmpl-h_glass_dark .ns-horizontal-card::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08), transparent 16%, transparent 82%, rgba(46,192,255,0.08)),
    radial-gradient(circle at 7% 50%, rgba(149, 77, 255, 0.18), transparent 22%);
}
.nse-tmpl-h_glass_dark .ns-horizontal-card > *{
  position: relative;
  z-index: 1;
}
.nse-tmpl-h_glass_dark /* القسم الأول */
.ns-card-intro{
  display: flex;
  align-items: center;
  gap: 22px;
  min-width: 0;
}
.nse-tmpl-h_glass_dark .ns-trophy-frame{
  width: 126px;
  height: 126px;
  flex: 0 0 126px;
  display: grid;
  place-items: center;
  position: relative;
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 42%, rgba(184, 84, 255, 0.38), transparent 54%),
    linear-gradient(180deg, rgba(115, 72, 255, 0.24), rgba(17, 14, 54, 0.64));
  border: 1px solid rgba(178, 154, 255, 0.24);
  box-shadow:
    0 18px 40px rgba(112, 62, 255, 0.22),
    inset 0 0 28px rgba(255, 255, 255, 0.04);
}
.nse-tmpl-h_glass_dark .ns-trophy-frame::before{
  content: "";
  position: absolute;
  inset: 13px;
  border-radius: 24px;
  border: 1px solid rgba(176, 128, 255, 0.25);
  clip-path: polygon(50% 0%, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25%);
}
.nse-tmpl-h_glass_dark .ns-trophy-glow{
  position: absolute;
  width: 74px;
  height: 18px;
  bottom: 16px;
  border-radius: 999px;
  background: rgba(156, 68, 255, 0.55);
  filter: blur(6px);
}
.nse-tmpl-h_glass_dark .ns-trophy-icon{
  font-size: 58px;
  filter:
    drop-shadow(0 0 16px rgba(255, 203, 70, 0.46))
    drop-shadow(0 12px 20px rgba(0, 0, 0, 0.28));
}
.nse-tmpl-h_glass_dark .ns-title-block h2{
  margin: 0 0 10px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 950;
  letter-spacing: -0.4px;
}
.nse-tmpl-h_glass_dark .ns-title-block p{
  margin: 0;
  color: #c5cae9;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 700;
}
.nse-tmpl-h_glass_dark /* الفواصل */
.ns-vertical-divider{
  width: 1px;
  height: 120px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(255, 255, 255, 0.18),
    transparent
  );
}
.nse-tmpl-h_glass_dark /* دائرة النتيجة */
.ns-score-area{
  display: flex;
  justify-content: center;
  align-items: center;
}
.nse-tmpl-h_glass_dark .ns-score-ring{
  width: 172px;
  height: 172px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  position: relative;
  background:
    conic-gradient(
      from 18deg,
      #5cf39d 0deg,
      #27d8e8 142deg,
      #1796ff 258deg,
      rgba(255, 255, 255, 0.12) 258deg 360deg
    );
  box-shadow:
    0 0 34px rgba(35, 216, 232, 0.34),
    0 0 18px rgba(97, 104, 255, 0.18);
}
.nse-tmpl-h_glass_dark .ns-score-ring::before{
  content: "";
  position: absolute;
  top: -2px;
  right: 30px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #77fff2;
  box-shadow: 0 0 16px rgba(119, 255, 242, 0.8);
}
.nse-tmpl-h_glass_dark .ns-score-ring::after{
  content: "";
  position: absolute;
  inset: 21px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 30%, rgba(29, 50, 110, 0.5), transparent 45%),
    linear-gradient(180deg, #151945, #090d2a);
  box-shadow:
    inset 0 0 24px rgba(0, 0, 0, 0.46),
    inset 0 0 18px rgba(255, 255, 255, 0.03);
}
.nse-tmpl-h_glass_dark .ns-score-inner{
  position: relative;
  z-index: 2;
  text-align: center;
}
.nse-tmpl-h_glass_dark .ns-score-inner strong{
  display: block;
  font-size: 42px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -1px;
}
.nse-tmpl-h_glass_dark .ns-score-inner span{
  display: block;
  margin-top: 10px;
  color: #d9def3;
  font-size: 14px;
  font-weight: 800;
}
.nse-tmpl-h_glass_dark /* مؤشرات */
.ns-metric-box{
  text-align: center;
  min-width: 0;
}
.nse-tmpl-h_glass_dark .ns-metric-icon{
  font-size: 38px;
  margin-bottom: 10px;
  line-height: 1;
}
.nse-tmpl-h_glass_dark .ns-metric-icon.shield{
  filter: drop-shadow(0 0 14px rgba(0, 180, 255, 0.42));
}
.nse-tmpl-h_glass_dark .ns-metric-icon.brain{
  filter: drop-shadow(0 0 14px rgba(255, 94, 213, 0.38));
}
.nse-tmpl-h_glass_dark .ns-metric-box strong{
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 950;
}
.nse-tmpl-h_glass_dark .ns-metric-box span{
  display: block;
  margin-bottom: 7px;
  color: #f0f2ff;
  font-size: 15px;
  font-weight: 850;
}
.nse-tmpl-h_glass_dark .ns-metric-box small{
  display: block;
  color: #b5bbdb;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 700;
}
.nse-tmpl-h_glass_dark /* حالة الذكاء الاصطناعي */
.ns-ai-status{
  min-width: 0;
}
.nse-tmpl-h_glass_dark .ns-ai-top{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.nse-tmpl-h_glass_dark .ns-ai-icon{
  font-size: 38px;
  filter: drop-shadow(0 0 12px rgba(127, 151, 255, 0.42));
}
.nse-tmpl-h_glass_dark .ns-ai-top strong{
  color: #eef1ff;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nse-tmpl-h_glass_dark .ns-ai-dots{
  display: flex;
  align-items: center;
  gap: 11px;
  padding-inline-start: 4px;
}
.nse-tmpl-h_glass_dark .ns-ai-dots span{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(91, 80, 190, 0.55);
  box-shadow: 0 0 10px rgba(92, 75, 255, 0.28);
}
.nse-tmpl-h_glass_dark .ns-ai-dots span.active{
  background: #26d9ff;
  box-shadow: 0 0 14px rgba(38, 217, 255, 0.78);
}
.nse-tmpl-h_glass_dark /* زر النتائج */
.ns-result-button{
  width: 100%;
  min-width: 1180px;
  min-height: 62px;
  margin-top: 14px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  text-decoration: none;
  color: #ffffff;
  font-size: 23px;
  font-weight: 950;
  background: linear-gradient(90deg, #b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:
    0 16px 36px rgba(32, 142, 255, 0.25),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.nse-tmpl-h_glass_dark .ns-result-button:hover{
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow:
    0 20px 44px rgba(32, 142, 255, 0.34),
    inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.nse-tmpl-h_glass_dark /* للشاشات الصغيرة: لا يتحول لرأسي، فقط يظهر تمرير أفقي */
@media (max-width: 1180px){
  .ns-horizontal-result-section {
    padding-inline: 12px;
  }

  .ns-horizontal-card,
  .ns-result-button {
    min-width: 1180px;
  }
}

/* === h_glass_light === */

.nse-tmpl-h_glass_light .nsl1-section{
  width:100%;
  max-width:100%;
  padding:24px 16px;
  box-sizing:border-box;
  overflow-x:auto;
  font-family:"Tajawal","Cairo",Arial,sans-serif;
  /* transparent */



}
.nse-tmpl-h_glass_light .nsl1-card{
  width:100%;
  min-width:1180px;
  display:grid;
  grid-template-columns: 1.45fr 1px 1fr 1px .9fr 1px 1fr 1px 1.15fr;
  gap:22px;
  align-items:center;
  padding:18px 26px;
  box-sizing:border-box;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  color:#17152f;
  background:
    radial-gradient(circle at 12% 20%, rgba(144,87,255,.08), transparent 30%),
    radial-gradient(circle at 42% 50%, rgba(0,204,255,.05), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,255,.96));
  border:1px solid rgba(123,92,255,.18);
  box-shadow:0 24px 70px rgba(50,66,120,.12), inset 0 0 0 1px rgba(255,255,255,.65);
}
.nse-tmpl-h_glass_light .nsl1-divider{
  width:1px;
  height:120px;
  background:linear-gradient(180deg, transparent, rgba(56,65,110,.14), transparent);
}
.nse-tmpl-h_glass_light .nsl1-intro{
  display:flex;
  align-items:center;
  gap:22px;
  min-width:0;
}
.nse-tmpl-h_glass_light .nsl1-trophy-frame{
  width:126px;
  height:126px;
  flex:0 0 126px;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 42%, rgba(184,84,255,.16), transparent 54%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,245,255,.92));
  border:1px solid rgba(178,154,255,.18);
  box-shadow:0 18px 40px rgba(112,62,255,.08);
}
.nse-tmpl-h_glass_light .nsl1-trophy-frame::before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:24px;
  border:1px solid rgba(176,128,255,.16);
  clip-path:polygon(50% 0%, 94% 25%, 94% 75%, 50% 100%, 6% 75%, 6% 25%);
}
.nse-tmpl-h_glass_light .nsl1-trophy-glow{
  position:absolute;
  width:74px;
  height:18px;
  bottom:16px;
  border-radius:999px;
  background:rgba(156,68,255,.22);
  filter:blur(6px);
}
.nse-tmpl-h_glass_light .nsl1-trophy-icon{
  font-size:58px;
  filter:drop-shadow(0 10px 16px rgba(255,201,64,.24));
}
.nse-tmpl-h_glass_light .nsl1-title-block h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.2;
  font-weight:950;
}
.nse-tmpl-h_glass_light .nsl1-title-block p{
  margin:0;
  color:#6f7391;
  font-size:15px;
  line-height:1.8;
  font-weight:700;
}
.nse-tmpl-h_glass_light .nsl1-score-area{
  display:flex;
  justify-content:center;
  align-items:center;
}
.nse-tmpl-h_glass_light .nsl1-score-ring{
  width:172px;
  height:172px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:conic-gradient(from 18deg,#5cf39d 0deg,#27d8e8 142deg,#1796ff 258deg,#e6eaf5 258deg 360deg);
  box-shadow:0 18px 40px rgba(35,216,232,.18);
}
.nse-tmpl-h_glass_light .nsl1-score-ring::before{
  content:"";
  position:absolute;
  top:-2px;
  right:30px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#77fff2;
  box-shadow:0 0 16px rgba(119,255,242,.5);
}
.nse-tmpl-h_glass_light .nsl1-score-ring::after{
  content:"";
  position:absolute;
  inset:21px;
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#f4f8ff);
  box-shadow:inset 0 0 18px rgba(70,85,130,.08);
}
.nse-tmpl-h_glass_light .nsl1-score-inner{
  position:relative;
  z-index:1;
  text-align:center;
}
.nse-tmpl-h_glass_light .nsl1-score-inner strong{
  display:block;
  font-size:42px;
  line-height:1;
  font-weight:950;
  letter-spacing:-1px;
}
.nse-tmpl-h_glass_light .nsl1-score-inner span{
  display:block;
  margin-top:10px;
  color:#707592;
  font-size:14px;
  font-weight:800;
}
.nse-tmpl-h_glass_light .nsl1-metric-box{
  text-align:center;
}
.nse-tmpl-h_glass_light .nsl1-metric-icon{
  font-size:38px;
  margin-bottom:10px;
}
.nse-tmpl-h_glass_light .nsl1-metric-box strong{
  display:block;
  margin-bottom:8px;
  color:#17152f;
  font-size:26px;
  line-height:1.2;
  font-weight:950;
}
.nse-tmpl-h_glass_light .nsl1-metric-box span{
  display:block;
  margin-bottom:7px;
  color:#20213f;
  font-size:15px;
  font-weight:850;
}
.nse-tmpl-h_glass_light .nsl1-metric-box small{
  display:block;
  color:#737996;
  font-size:13px;
  line-height:1.6;
  font-weight:700;
}
.nse-tmpl-h_glass_light .nsl1-ai-status{}
.nse-tmpl-h_glass_light .nsl1-ai-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}
.nse-tmpl-h_glass_light .nsl1-ai-icon{
  font-size:38px;
}
.nse-tmpl-h_glass_light .nsl1-ai-top strong{
  color:#20213f;
  font-size:18px;
  line-height:1.5;
  font-weight:900;
  white-space:nowrap;
}
.nse-tmpl-h_glass_light .nsl1-ai-dots{
  display:flex;
  align-items:center;
  gap:11px;
  padding-inline-start:4px;
}
.nse-tmpl-h_glass_light .nsl1-ai-dots span{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(91,80,190,.35);
  box-shadow:0 0 10px rgba(92,75,255,.16);
}
.nse-tmpl-h_glass_light .nsl1-ai-dots span.active{
  background:#26d9ff;
  box-shadow:0 0 14px rgba(38,217,255,.46);
}
.nse-tmpl-h_glass_light .nsl1-button{
  width:100%;
  min-width:1180px;
  min-height:62px;
  margin-top:14px;
  border-radius:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(90deg,#b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:0 16px 36px rgba(32,142,255,.20);
}
.nse-tmpl-h_glass_light .nsl1-button:hover{color:#fff}

@media (max-width:1180px){
.nse-tmpl-h_glass_light .nsl1-card,
.nse-tmpl-h_glass_light .nsl1-button{min-width:1180px;}
}

/* === h_dash_dark === */

.nse-tmpl-h_dash_dark .nsd2-section{
  width:100%;
  max-width:100%;
  padding:24px 16px;
  box-sizing:border-box;
  overflow-x:auto;
  font-family:"Tajawal","Cairo",Arial,sans-serif;
  /* transparent */



}
.nse-tmpl-h_dash_dark .nsd2-card{
  width:100%;
  min-width:1180px;
  display:grid;
  grid-template-columns: 300px 1px 1fr 1px 400px;
  gap:18px;
  align-items:stretch;
  padding:18px 20px;
  box-sizing:border-box;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 20% 25%, rgba(128,88,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(15,21,72,.94), rgba(8,12,43,.97));
  border:1px solid rgba(132,119,255,.26);
  box-shadow:0 25px 70px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.03);
}
.nse-tmpl-h_dash_dark .nsd2-divider{
  width:1px;
  height:auto;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.16), transparent);
}
.nse-tmpl-h_dash_dark .nsd2-left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:8px;
}
.nse-tmpl-h_dash_dark .nsd2-brain-circle{
  width:118px;
  height:118px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  font-size:56px;
  background:
    radial-gradient(circle at 45% 35%, rgba(173,86,255,.38), rgba(43,30,125,.95));
  border:1px solid rgba(154,127,255,.34);
  box-shadow:0 0 34px rgba(118,78,255,.22);
}
.nse-tmpl-h_dash_dark .nsd2-title h2{
  margin:0 0 10px;
  font-size:30px;
  font-weight:950;
  line-height:1.2;
}
.nse-tmpl-h_dash_dark .nsd2-title p{
  margin:0 0 18px;
  color:#c4c9e7;
  font-size:15px;
  line-height:1.8;
  font-weight:700;
}
.nse-tmpl-h_dash_dark .nsd2-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  color:#ffe06b;
  font-size:14px;
  font-weight:850;
  background:rgba(255,215,77,.08);
  border:1px solid rgba(255,215,77,.22);
}
.nse-tmpl-h_dash_dark .nsd2-center{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nse-tmpl-h_dash_dark .nsd2-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:18px;
}
.nse-tmpl-h_dash_dark .nsd2-stat{
  padding:16px 14px;
  border-radius:18px;
  text-align:center;
  background:linear-gradient(180deg, rgba(24,38,96,.92), rgba(13,20,59,.96));
  border:1px solid rgba(112,140,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.nse-tmpl-h_dash_dark .nsd2-stat-icon{
  font-size:32px;
  margin-bottom:8px;
}
.nse-tmpl-h_dash_dark .nsd2-stat span{
  display:block;
  color:#cad1ec;
  font-size:14px;
  font-weight:700;
  margin-bottom:10px;
}
.nse-tmpl-h_dash_dark .nsd2-stat strong{
  display:block;
  font-size:22px;
  font-weight:950;
}
.nse-tmpl-h_dash_dark .nsd2-progress-box{
  padding-top:2px;
}
.nse-tmpl-h_dash_dark .nsd2-progress-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.nse-tmpl-h_dash_dark .nsd2-progress-top span{
  color:#e8ebff;
  font-size:15px;
  font-weight:850;
}
.nse-tmpl-h_dash_dark .nsd2-progress-top strong{
  color:#ffd54f;
  font-size:16px;
  font-weight:950;
}
.nse-tmpl-h_dash_dark .nsd2-track{
  height:16px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.25);
}
.nse-tmpl-h_dash_dark .nsd2-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#56ec9f,#27d6e8,#2494ff);
  box-shadow:0 0 20px rgba(39,214,232,.35);
}
.nse-tmpl-h_dash_dark .nsd2-scale{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  color:#aeb6d8;
  font-size:13px;
  font-weight:700;
}
.nse-tmpl-h_dash_dark .nsd2-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.nse-tmpl-h_dash_dark .nsd2-info-item{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(121,139,255,.12);
}
.nse-tmpl-h_dash_dark .nsd2-info-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:24px;
  background:rgba(255,255,255,.04);
}
.nse-tmpl-h_dash_dark .nsd2-info-text span{
  display:block;
  font-size:16px;
  font-weight:850;
  margin-bottom:4px;
}
.nse-tmpl-h_dash_dark .nsd2-info-text small{
  display:block;
  color:#b6bddc;
  font-size:12px;
  font-weight:700;
}
.nse-tmpl-h_dash_dark .nsd2-info-item strong{
  color:#b084ff;
  font-size:18px;
  font-weight:950;
}
.nse-tmpl-h_dash_dark .nsd2-info-item strong.success{
  color:#2ef39b;
  font-size:30px;
}
.nse-tmpl-h_dash_dark .nsd2-ai-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(0,210,255,.05);
  border:1px dashed rgba(43,211,236,.34);
}
.nse-tmpl-h_dash_dark .nsd2-ai-box p{
  margin:0;
  font-size:16px;
  font-weight:850;
}
.nse-tmpl-h_dash_dark .nsd2-button{
  width:100%;
  min-width:1180px;
  min-height:62px;
  margin-top:14px;
  border-radius:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(90deg,#b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:0 16px 36px rgba(32,142,255,.24);
}
.nse-tmpl-h_dash_dark .nsd2-button:hover{color:#fff}

@media (max-width:1180px){
.nse-tmpl-h_dash_dark .nsd2-card,
.nse-tmpl-h_dash_dark .nsd2-button{min-width:1180px;}
}

/* === h_dash_light === */

.nse-tmpl-h_dash_light .nsl2-section{
  width:100%;
  max-width:100%;
  padding:24px 16px;
  box-sizing:border-box;
  overflow-x:auto;
  font-family:"Tajawal","Cairo",Arial,sans-serif;
  /* transparent */



}
.nse-tmpl-h_dash_light .nsl2-card{
  width:100%;
  min-width:1180px;
  display:grid;
  grid-template-columns: 300px 1px 1fr 1px 400px;
  gap:18px;
  align-items:stretch;
  padding:18px 20px;
  box-sizing:border-box;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  color:#17152f;
  background:linear-gradient(180deg, rgba(255,255,255,.93), rgba(247,250,255,.97));
  border:1px solid rgba(123,92,255,.18);
  box-shadow:0 25px 70px rgba(50,66,120,.12);
}
.nse-tmpl-h_dash_light .nsl2-divider{
  width:1px;
  height:auto;
  background:linear-gradient(180deg, transparent, rgba(56,65,110,.14), transparent);
}
.nse-tmpl-h_dash_light .nsl2-left{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:8px;
}
.nse-tmpl-h_dash_light .nsl2-brain-circle{
  width:118px;
  height:118px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  font-size:56px;
  background:
    radial-gradient(circle at 45% 35%, rgba(173,86,255,.18), rgba(235,239,255,.95));
  border:1px solid rgba(154,127,255,.22);
  box-shadow:0 0 34px rgba(118,78,255,.10);
}
.nse-tmpl-h_dash_light .nsl2-title h2{
  margin:0 0 10px;
  font-size:30px;
  font-weight:950;
  line-height:1.2;
}
.nse-tmpl-h_dash_light .nsl2-title p{
  margin:0 0 18px;
  color:#707592;
  font-size:15px;
  line-height:1.8;
  font-weight:700;
}
.nse-tmpl-h_dash_light .nsl2-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  color:#a57600;
  font-size:14px;
  font-weight:850;
  background:rgba(255,215,77,.12);
  border:1px solid rgba(255,215,77,.26);
}
.nse-tmpl-h_dash_light .nsl2-center{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nse-tmpl-h_dash_light .nsl2-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:18px;
}
.nse-tmpl-h_dash_light .nsl2-stat{
  padding:16px 14px;
  border-radius:18px;
  text-align:center;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(111,128,210,.15);
  box-shadow:0 10px 22px rgba(47,66,130,.06);
}
.nse-tmpl-h_dash_light .nsl2-stat-icon{
  font-size:32px;
  margin-bottom:8px;
}
.nse-tmpl-h_dash_light .nsl2-stat span{
  display:block;
  color:#6d708c;
  font-size:14px;
  font-weight:700;
  margin-bottom:10px;
}
.nse-tmpl-h_dash_light .nsl2-stat strong{
  display:block;
  font-size:22px;
  font-weight:950;
}
.nse-tmpl-h_dash_light .nsl2-progress-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.nse-tmpl-h_dash_light .nsl2-progress-top span{
  color:#333653;
  font-size:15px;
  font-weight:850;
}
.nse-tmpl-h_dash_light .nsl2-progress-top strong{
  color:#7b4cff;
  font-size:16px;
  font-weight:950;
}
.nse-tmpl-h_dash_light .nsl2-track{
  height:16px;
  border-radius:999px;
  overflow:hidden;
  background:#e6eaf7;
  box-shadow:inset 0 2px 5px rgba(40,48,90,.08);
}
.nse-tmpl-h_dash_light .nsl2-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#54ec9f,#27d6e8,#2294ff);
  box-shadow:0 0 20px rgba(39,214,232,.24);
}
.nse-tmpl-h_dash_light .nsl2-scale{
  display:flex;
  justify-content:space-between;
  margin-top:10px;
  color:#8a91aa;
  font-size:13px;
  font-weight:700;
}
.nse-tmpl-h_dash_light .nsl2-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.nse-tmpl-h_dash_light .nsl2-info-item{
  display:grid;
  grid-template-columns:48px 1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(111,128,210,.14);
  box-shadow:0 10px 22px rgba(47,66,130,.05);
}
.nse-tmpl-h_dash_light .nsl2-info-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-size:24px;
  background:linear-gradient(135deg,#f6f8ff,#edf4ff);
}
.nse-tmpl-h_dash_light .nsl2-info-text span{
  display:block;
  font-size:16px;
  font-weight:850;
  margin-bottom:4px;
}
.nse-tmpl-h_dash_light .nsl2-info-text small{
  display:block;
  color:#777d97;
  font-size:12px;
  font-weight:700;
}
.nse-tmpl-h_dash_light .nsl2-info-item strong{
  color:#a97cff;
  font-size:18px;
  font-weight:950;
}
.nse-tmpl-h_dash_light .nsl2-info-item strong.success{
  color:#10b975;
  font-size:30px;
}
.nse-tmpl-h_dash_light .nsl2-ai-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(0,194,255,.07);
  border:1px dashed rgba(37,210,236,.35);
}
.nse-tmpl-h_dash_light .nsl2-ai-box p{
  margin:0;
  font-size:16px;
  font-weight:850;
}
.nse-tmpl-h_dash_light .nsl2-button{
  width:100%;
  min-width:1180px;
  min-height:62px;
  margin-top:14px;
  border-radius:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(90deg,#b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:0 16px 36px rgba(32,142,255,.20);
}
.nse-tmpl-h_dash_light .nsl2-button:hover{color:#fff}

@media (max-width:1180px){
.nse-tmpl-h_dash_light .nsl2-card,
.nse-tmpl-h_dash_light .nsl2-button{min-width:1180px;}
}

/* === h_game_dark === */

.nse-tmpl-h_game_dark .nsd3-section{
  width:100%;
  max-width:100%;
  padding:24px 16px;
  box-sizing:border-box;
  overflow-x:auto;
  font-family:"Tajawal","Cairo",Arial,sans-serif;
  /* transparent */



}
.nse-tmpl-h_game_dark .nsd3-card{
  width:100%;
  min-width:1180px;
  display:grid;
  grid-template-columns: 1.15fr 1px .95fr 1px .75fr 1px 1.35fr 1px .75fr;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  box-sizing:border-box;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 26% 50%, rgba(80,255,176,.06), transparent 20%),
    linear-gradient(180deg, rgba(12,21,54,.95), rgba(8,12,33,.98));
  border:1px solid rgba(120,142,255,.18);
  box-shadow:0 25px 70px rgba(0,0,0,.38);
}
.nse-tmpl-h_game_dark .nsd3-divider{
  width:1px;
  height:150px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.14), transparent);
}
.nse-tmpl-h_game_dark .nsd3-celebrate{
  text-align:center;
  position:relative;
  padding:8px 10px;
}
.nse-tmpl-h_game_dark .nsd3-confetti span{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:2px;
  background:linear-gradient(135deg,#ffcf41,#ff5db0);
}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(1){top:6px; right:28px}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(2){top:18px; right:78px; background:linear-gradient(135deg,#24d6ff,#38f0b0)}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(3){top:15px; left:38px}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(4){top:48px; left:18px; background:linear-gradient(135deg,#38f0b0,#24d6ff)}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(5){top:44px; right:20px}
.nse-tmpl-h_game_dark .nsd3-confetti span:nth-child(6){top:26px; left:86px; background:linear-gradient(135deg,#8c52ff,#ff5dc8)}
.nse-tmpl-h_game_dark .nsd3-celebrate h2{
  margin:0 0 16px;
  color:#ffca3d;
  font-size:30px;
  font-weight:950;
}
.nse-tmpl-h_game_dark .nsd3-award{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.nse-tmpl-h_game_dark .nsd3-laurel{
  font-size:40px;
  filter:drop-shadow(0 0 12px rgba(255,205,70,.32));
}
.nse-tmpl-h_game_dark .nsd3-laurel.right{transform:rotate(35deg) scaleX(-1)}
.nse-tmpl-h_game_dark .nsd3-laurel.left{transform:rotate(-35deg)}
.nse-tmpl-h_game_dark .nsd3-cup{
  font-size:58px;
  filter:drop-shadow(0 0 16px rgba(255,205,70,.32));
}
.nse-tmpl-h_game_dark .nsd3-celebrate p{
  margin:0;
  color:#d7dcf3;
  font-size:15px;
  font-weight:700;
}
.nse-tmpl-h_game_dark .nsd3-score{
  display:flex;
  justify-content:center;
}
.nse-tmpl-h_game_dark .nsd3-ring{
  width:182px;
  height:182px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:conic-gradient(from 18deg,#64f3a3 0deg,#24d68a 170deg,#10b5ff 270deg, rgba(255,255,255,.10) 270deg 360deg);
  box-shadow:0 0 35px rgba(62,244,155,.3);
}
.nse-tmpl-h_game_dark .nsd3-ring::after{
  content:"";
  position:absolute;
  inset:23px;
  border-radius:50%;
  background:linear-gradient(180deg,#111a37,#081025);
}
.nse-tmpl-h_game_dark .nsd3-ring-inner{
  position:relative;
  z-index:1;
  text-align:center;
}
.nse-tmpl-h_game_dark .nsd3-ring-inner strong{
  display:block;
  font-size:42px;
  font-weight:950;
}
.nse-tmpl-h_game_dark .nsd3-ring-inner span{
  display:block;
  margin-top:8px;
  color:#d3daf2;
  font-size:14px;
  font-weight:700;
}
.nse-tmpl-h_game_dark .nsd3-rank{
  text-align:center;
}
.nse-tmpl-h_game_dark .nsd3-level{
  display:inline-block;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(255,194,64,.35);
  color:#ffc947;
  font-size:20px;
  font-weight:950;
  margin-bottom:14px;
}
.nse-tmpl-h_game_dark .nsd3-rank-text{
  font-size:16px;
  line-height:1.8;
  color:#dce3f5;
  font-weight:850;
  margin-bottom:14px;
}
.nse-tmpl-h_game_dark .nsd3-rank-text strong{color:#3cf2a7}
.nse-tmpl-h_game_dark .nsd3-elite{
  display:inline-block;
  padding:10px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  font-weight:900;
}
.nse-tmpl-h_game_dark .nsd3-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nse-tmpl-h_game_dark .nsd3-progress-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:850;
}
.nse-tmpl-h_game_dark .nsd3-progress-top strong{
  color:#43eea8;
  font-size:18px;
}
.nse-tmpl-h_game_dark .nsd3-track{
  height:15px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  margin-bottom:16px;
}
.nse-tmpl-h_game_dark .nsd3-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff9628,#ffd43d);
  box-shadow:0 0 18px rgba(255,198,61,.3);
}
.nse-tmpl-h_game_dark .nsd3-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.nse-tmpl-h_game_dark .nsd3-stat{
  text-align:center;
  padding:16px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(122,151,255,.12);
}
.nse-tmpl-h_game_dark .nsd3-stat div{
  font-size:30px;
  margin-bottom:8px;
}
.nse-tmpl-h_game_dark .nsd3-stat span{
  display:block;
  color:#bcc3df;
  font-size:13px;
  font-weight:700;
  margin-bottom:6px;
}
.nse-tmpl-h_game_dark .nsd3-stat strong{
  display:block;
  font-size:18px;
  font-weight:950;
}
.nse-tmpl-h_game_dark .nsd3-brain-side{
  display:flex;
  justify-content:center;
}
.nse-tmpl-h_game_dark .nsd3-brain-box{
  width:145px;
  height:145px;
  border-radius:28px;
  display:grid;
  place-items:center;
  font-size:68px;
  background:
    radial-gradient(circle at 50% 40%, rgba(130,92,255,.45), rgba(27,26,91,.85)),
    linear-gradient(180deg, rgba(24,30,78,.9), rgba(8,12,38,.95));
  border:1px solid rgba(126,149,255,.22);
  box-shadow:0 0 35px rgba(86,97,255,.18);
  clip-path:polygon(25% 6%,75% 6%,94% 25%,94% 75%,75% 94%,25% 94%,6% 75%,6% 25%);
}
.nse-tmpl-h_game_dark .nsd3-button{
  width:100%;
  min-width:1180px;
  min-height:62px;
  margin-top:14px;
  border-radius:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(90deg,#b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:0 16px 36px rgba(32,142,255,.24);
}
.nse-tmpl-h_game_dark .nsd3-button:hover{color:#fff}

@media (max-width:1180px){
.nse-tmpl-h_game_dark .nsd3-card,
.nse-tmpl-h_game_dark .nsd3-button{min-width:1180px;}
}

/* === h_game_light === */

.nse-tmpl-h_game_light .nsl3-section{
  width:100%;
  max-width:100%;
  padding:24px 16px;
  box-sizing:border-box;
  overflow-x:auto;
  font-family:"Tajawal","Cairo",Arial,sans-serif;
  /* transparent */



}
.nse-tmpl-h_game_light .nsl3-card{
  width:100%;
  min-width:1180px;
  display:grid;
  grid-template-columns: 1.15fr 1px .95fr 1px .75fr 1px 1.35fr 1px .75fr;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  box-sizing:border-box;
  border-radius:28px;
  position:relative;
  overflow:hidden;
  color:#17152f;
  background:
    radial-gradient(circle at 26% 50%, rgba(80,255,176,.05), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,251,255,.98));
  border:1px solid rgba(123,92,255,.18);
  box-shadow:0 25px 70px rgba(50,66,120,.12);
}
.nse-tmpl-h_game_light .nsl3-divider{
  width:1px;
  height:150px;
  background:linear-gradient(180deg, transparent, rgba(56,65,110,.12), transparent);
}
.nse-tmpl-h_game_light .nsl3-celebrate{
  text-align:center;
  position:relative;
  padding:8px 10px;
}
.nse-tmpl-h_game_light .nsl3-confetti span{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:2px;
  background:linear-gradient(135deg,#ffcf41,#ff5db0);
}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(1){top:6px; right:28px}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(2){top:18px; right:78px; background:linear-gradient(135deg,#24d6ff,#38f0b0)}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(3){top:15px; left:38px}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(4){top:48px; left:18px; background:linear-gradient(135deg,#38f0b0,#24d6ff)}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(5){top:44px; right:20px}
.nse-tmpl-h_game_light .nsl3-confetti span:nth-child(6){top:26px; left:86px; background:linear-gradient(135deg,#8c52ff,#ff5dc8)}
.nse-tmpl-h_game_light .nsl3-celebrate h2{
  margin:0 0 16px;
  color:#f0a800;
  font-size:30px;
  font-weight:950;
}
.nse-tmpl-h_game_light .nsl3-award{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.nse-tmpl-h_game_light .nsl3-laurel{
  font-size:40px;
  filter:drop-shadow(0 10px 14px rgba(255,205,70,.20));
}
.nse-tmpl-h_game_light .nsl3-laurel.right{transform:rotate(35deg) scaleX(-1)}
.nse-tmpl-h_game_light .nsl3-laurel.left{transform:rotate(-35deg)}
.nse-tmpl-h_game_light .nsl3-cup{
  font-size:58px;
  filter:drop-shadow(0 10px 16px rgba(255,205,70,.22));
}
.nse-tmpl-h_game_light .nsl3-celebrate p{
  margin:0;
  color:#68708e;
  font-size:15px;
  font-weight:700;
}
.nse-tmpl-h_game_light .nsl3-score{
  display:flex;
  justify-content:center;
}
.nse-tmpl-h_game_light .nsl3-ring{
  width:182px;
  height:182px;
  border-radius:50%;
  display:grid;
  place-items:center;
  position:relative;
  background:conic-gradient(from 18deg,#64f3a3 0deg,#24d68a 170deg,#10b5ff 270deg,#e6eaf5 270deg 360deg);
  box-shadow:0 18px 40px rgba(62,244,155,.18);
}
.nse-tmpl-h_game_light .nsl3-ring::after{
  content:"";
  position:absolute;
  inset:23px;
  border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#f4f8ff);
  box-shadow:inset 0 0 18px rgba(70,85,130,.08);
}
.nse-tmpl-h_game_light .nsl3-ring-inner{
  position:relative;
  z-index:1;
  text-align:center;
}
.nse-tmpl-h_game_light .nsl3-ring-inner strong{
  display:block;
  font-size:42px;
  font-weight:950;
}
.nse-tmpl-h_game_light .nsl3-ring-inner span{
  display:block;
  margin-top:8px;
  color:#707592;
  font-size:14px;
  font-weight:700;
}
.nse-tmpl-h_game_light .nsl3-rank{
  text-align:center;
}
.nse-tmpl-h_game_light .nsl3-level{
  display:inline-block;
  padding:12px 18px;
  border-radius:16px;
  border:1px solid rgba(255,194,64,.35);
  color:#c48d00;
  font-size:20px;
  font-weight:950;
  margin-bottom:14px;
  background:rgba(255,255,255,.72);
}
.nse-tmpl-h_game_light .nsl3-rank-text{
  font-size:16px;
  line-height:1.8;
  color:#47506d;
  font-weight:850;
  margin-bottom:14px;
}
.nse-tmpl-h_game_light .nsl3-rank-text strong{color:#10b975}
.nse-tmpl-h_game_light .nsl3-elite{
  display:inline-block;
  padding:10px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(111,128,210,.14);
  font-weight:900;
}
.nse-tmpl-h_game_light .nsl3-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.nse-tmpl-h_game_light .nsl3-progress-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  font-size:16px;
  font-weight:850;
}
.nse-tmpl-h_game_light .nsl3-progress-top strong{
  color:#10b975;
  font-size:18px;
}
.nse-tmpl-h_game_light .nsl3-track{
  height:15px;
  border-radius:999px;
  background:#e6eaf7;
  overflow:hidden;
  margin-bottom:16px;
}
.nse-tmpl-h_game_light .nsl3-fill{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#ff9628,#ffd43d);
  box-shadow:0 0 18px rgba(255,198,61,.24);
}
.nse-tmpl-h_game_light .nsl3-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.nse-tmpl-h_game_light .nsl3-stat{
  text-align:center;
  padding:16px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(122,151,255,.12);
  box-shadow:0 10px 22px rgba(47,66,130,.05);
}
.nse-tmpl-h_game_light .nsl3-stat div{
  font-size:30px;
  margin-bottom:8px;
}
.nse-tmpl-h_game_light .nsl3-stat span{
  display:block;
  color:#737996;
  font-size:13px;
  font-weight:700;
  margin-bottom:6px;
}
.nse-tmpl-h_game_light .nsl3-stat strong{
  display:block;
  font-size:18px;
  font-weight:950;
}
.nse-tmpl-h_game_light .nsl3-brain-side{
  display:flex;
  justify-content:center;
}
.nse-tmpl-h_game_light .nsl3-brain-box{
  width:145px;
  height:145px;
  border-radius:28px;
  display:grid;
  place-items:center;
  font-size:68px;
  background:
    radial-gradient(circle at 50% 40%, rgba(130,92,255,.20), rgba(239,242,255,.94)),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(243,247,255,.96));
  border:1px solid rgba(126,149,255,.18);
  box-shadow:0 14px 34px rgba(86,97,255,.08);
  clip-path:polygon(25% 6%,75% 6%,94% 25%,94% 75%,75% 94%,25% 94%,6% 75%,6% 25%);
}
.nse-tmpl-h_game_light .nsl3-button{
  width:100%;
  min-width:1180px;
  min-height:62px;
  margin-top:14px;
  border-radius:16px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  box-sizing:border-box;
  text-decoration:none;
  color:#fff;
  font-size:23px;
  font-weight:950;
  background:linear-gradient(90deg,#b13cff 0%, #6d48ff 45%, #20a8ff 100%);
  box-shadow:0 16px 36px rgba(32,142,255,.20);
}
.nse-tmpl-h_game_light .nsl3-button:hover{color:#fff}

@media (max-width:1180px){
.nse-tmpl-h_game_light .nsl3-card,
.nse-tmpl-h_game_light .nsl3-button{min-width:1180px;}
}

/* ═══ RESPONSIVE — All NSE Result Cards ═══ */
[class^="nse-tmpl-"] { box-sizing: border-box; width: 100%; }

.nse-glass-wrapper, .nse-dash-wrapper, .nse-result-card-wrapper,
.nse-game-wrapper, .nsd2-section, .nsd3-section,
.nsl1-wrapper, .nsl2-section, .nsl3-section,
.nse-light-game-wrapper, .ns-horizontal-result-section {
  width: 100%; padding: 16px; box-sizing: border-box;
}

.nse-glass-card, .nse-result-card, .nse-game-card,
.nse-light-game-card, .nsd2-card, .nsd3-card,
.nsl1-card, .nsl2-card, .nsl3-card {
  width: 100%; max-width: 480px; margin: 0 auto; box-sizing: border-box;
}

.nse-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 10px;
}

@media (max-width: 480px) {
  .nse-glass-card, .nse-result-card, .nse-game-card,
  .nse-light-game-card { padding: 18px 14px; }
  .nse-stats-grid { grid-template-columns: 1fr 1fr; }
  .nse-game-stats { flex-wrap: wrap; justify-content: center; }
  .nse-game-stat { min-width: 80px; }
  .nse-main-btn, .nse-game-btn { font-size: 14px; padding: 12px 16px; }
  .ns-horizontal-result-section { overflow-x: auto; }
}

@media (min-width: 481px) and (max-width: 768px) {
  .nse-glass-card, .nse-result-card, .nse-game-card { max-width: 420px; }
}