/* NO QUARTER LIVE SCHEDULE — native m1ll3nn1um.com styling */
/* White letterforms + black drop shadow only (no inherited comic glow) */
.m1-schedule a.m1-next-up__cta,
.m1-schedule a.m1-event-card__cta {
  color: #fff !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000 !important;
}

.m1-schedule {
  --m1-bg: rgba(10, 10, 12, 0.42);
  --m1-panel: rgba(17, 17, 19, 0.58);
  --m1-panel-hover: rgba(22, 22, 31, 0.65);
  --m1-green: #39ff14;
  --m1-pink: #ff00cc;
  --m1-orange: #ffaa00;
  --m1-red: #ff3b3b;
  --m1-text: #e2e2e2;
  --m1-muted: #888;
  --m1-border: #222;
  --m1-font: "Bangers", "Arial Black", Impact, sans-serif;
  --m1-glow-green: 0 0 12px rgba(57, 255, 20, 0.45), 0 0 24px rgba(57, 255, 20, 0.2);
  --m1-glow-pink: 0 0 12px rgba(255, 0, 204, 0.4), 0 0 20px rgba(255, 0, 204, 0.15);
  background: var(--m1-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--m1-text);
  font-family: var(--m1-font);
  letter-spacing: 0.12em;
  position: relative;
}

.m1-schedule::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.18) 51%);
  background-size: 100% 4px;
  opacity: 0.12;
}

.m1-schedule__inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 3.5rem 1.5rem;
}

.m1-schedule__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--m1-green);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.m1-schedule__eyebrow-line {
  height: 1px;
  width: 3rem;
  background: var(--m1-green);
  box-shadow: var(--m1-glow-green);
}

.m1-schedule__title {
  font-size: clamp(2.5rem, 8vw, 4.25rem);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 #000, 0 0 18px rgba(57, 255, 20, 0.25);
  margin: 0.5rem 0 0.25rem;
}

.m1-schedule__subtitle {
  color: var(--m1-pink);
  font-size: clamp(1rem, 3vw, 1.35rem);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin: 0;
  text-shadow: var(--m1-glow-pink);
}

.m1-schedule__lede {
  max-width: 28rem;
  margin: 1rem auto 0;
  color: var(--m1-muted);
  font-family: var(--m1-font);
  font-size: 0.85rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.m1-schedule__lede strong {
  color: var(--m1-green);
}

/* LIVE NOW badge */
.m1-live-badge {
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.85rem;
  background: rgba(255, 59, 59, 0.15);
  border: 2px solid var(--m1-red);
  border-radius: 9999px;
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  color: var(--m1-red);
  text-transform: uppercase;
  box-shadow: 0 0 16px rgba(255, 59, 59, 0.45);
  animation: m1-live-pulse 1.4s ease-in-out infinite;
}

.m1-live-badge.is-visible {
  display: inline-flex;
}

.m1-live-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--m1-red);
  box-shadow: 0 0 8px var(--m1-red);
  animation: m1-live-blink 1s step-end infinite;
}

@keyframes m1-live-pulse {
  0%, 100% { box-shadow: 0 0 12px rgba(255, 59, 59, 0.35); }
  50% { box-shadow: 0 0 22px rgba(255, 59, 59, 0.65); }
}

@keyframes m1-live-blink {
  50% { opacity: 0.2; }
}

/* Next Up banner */
.m1-next-up {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 2.5rem 0 2rem;
  padding: 1.5rem;
  background: var(--m1-panel);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 3px solid var(--m1-green);
  box-shadow: 0 0 0 3px #111, var(--m1-glow-green);
  border-radius: 0;
}

.m1-next-up.is-live {
  border-color: var(--m1-red);
  box-shadow: 0 0 0 3px #111, 0 0 20px rgba(255, 59, 59, 0.4);
}

.m1-next-up__label {
  color: var(--m1-green);
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.m1-next-up.is-live .m1-next-up__label {
  color: var(--m1-red);
}

.m1-next-up__when {
  font-size: 1.35rem;
  letter-spacing: 0.08em;
  margin-top: 0.25rem;
}

.m1-next-up__game {
  color: var(--m1-pink);
  font-size: 1rem;
  letter-spacing: 0.1em;
  margin-top: 0.15rem;
}

.m1-next-up__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.75rem;
  background: var(--m1-green);
  color: #fff;
  font-family: var(--m1-font);
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border: 3px solid var(--m1-green);
  box-shadow: 4px 4px 0 #000;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
  -webkit-text-stroke: 0;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.m1-next-up__cta:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #000;
  background: #2a8f1a;
  color: #fff;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
}

.m1-next-up.is-live .m1-next-up__cta {
  background: var(--m1-red);
  border-color: var(--m1-red);
  color: #fff;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
}

/* Filters */
.m1-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.m1-filter-btn {
  padding: 0.5rem 1.15rem;
  font-family: var(--m1-font);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 2px solid var(--m1-border);
  color: var(--m1-muted);
  background: var(--m1-panel);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  transition: all 0.15s ease;
}

.m1-filter-btn:hover {
  border-color: var(--m1-pink);
  color: var(--m1-pink);
}

.m1-filter-btn.is-active {
  border-color: var(--m1-green);
  color: #000;
  background: var(--m1-green);
  box-shadow: var(--m1-glow-green);
}

.m1-filter-btn[data-filter="extraction"]:not(.is-active):hover,
.m1-filter-btn[data-filter="extraction"].is-active { border-color: var(--m1-green); }

/* Event grid */
.m1-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}

.m1-event-card {
  background: var(--m1-panel);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 2px solid var(--m1-border);
  padding: 1.35rem;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.m1-event-card:hover {
  border-color: var(--m1-green);
  transform: translateY(-3px);
}

.m1-event-card.is-live {
  border-color: var(--m1-red);
  box-shadow: 0 0 18px rgba(255, 59, 59, 0.25);
}

.m1-event-card.is-next {
  border-color: var(--m1-green);
  box-shadow: var(--m1-glow-green);
}

.m1-event-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.m1-event-card__date {
  font-size: 0.65rem;
  color: var(--m1-muted);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.m1-event-card__time {
  font-size: 1rem;
  letter-spacing: 0.06em;
  margin-top: 0.15rem;
}

.m1-event-card__slot {
  padding: 0.2rem 0.65rem;
  font-size: 0.55rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid var(--m1-pink);
  color: var(--m1-pink);
  white-space: nowrap;
}

.m1-event-card[data-type="extraction"] .m1-event-card__slot {
  border-color: var(--m1-green);
  color: var(--m1-green);
}

.m1-event-card__game {
  font-size: 1.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  text-shadow: 2px 2px 0 #000;
}

.m1-event-card__hook {
  color: var(--m1-muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.9rem;
  letter-spacing: normal;
  line-height: 1.55;
  flex: 1;
}

.m1-event-card__foot {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--m1-border);
}

.m1-event-card__cta {
  display: block;
  text-align: center;
  padding: 0.7rem 1rem;
  background: rgba(0, 0, 0, 0.55);
  border: 2px solid var(--m1-green);
  color: #fff;
  font-family: var(--m1-font);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
  -webkit-text-stroke: 0;
  transition: all 0.1s ease;
}

.m1-event-card__cta:hover {
  background: var(--m1-green);
  color: #fff;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
}

.m1-event-card.is-live .m1-event-card__cta {
  border-color: var(--m1-red);
  color: #fff;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
  animation: m1-live-pulse 1.4s ease-in-out infinite;
}

.m1-event-card.is-live .m1-event-card__cta:hover {
  background: var(--m1-red);
  color: #fff;
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000;
}

/* Weekly rhythm */
.m1-rhythm {
  margin-top: 3rem;
  padding: 1.75rem;
  background: var(--m1-panel);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 2px solid var(--m1-border);
  border-left: 4px solid var(--m1-orange);
}

.m1-rhythm__title {
  font-size: 1.25rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.m1-rhythm__tag {
  font-size: 0.55rem;
  padding: 0.25rem 0.65rem;
  border: 1px solid var(--m1-border);
  color: var(--m1-muted);
  letter-spacing: 0.12em;
}

.m1-rhythm__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 0.65rem 2rem;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
}

.m1-rhythm__grid span {
  color: var(--m1-green);
}

.m1-rhythm__note {
  margin-top: 1.25rem;
  font-size: 0.65rem;
  color: var(--m1-muted);
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.m1-schedule__footer {
  text-align: center;
  margin-top: 2rem;
  font-size: 0.6rem;
  color: #555;
  letter-spacing: 0.14em;
  line-height: 1.8;
}

.m1-schedule__footer a {
  color: var(--m1-green);
  text-decoration: none;
}

.m1-schedule__footer a:hover {
  text-decoration: underline;
}