.calendar-month-shell{grid-column:1/-1;padding:1rem;overflow:hidden}
.calendar-month-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem .35rem 1rem}
.calendar-month-header h3{margin:0;font-size:clamp(1.35rem,3vw,2rem);text-transform:capitalize}
.calendar-month-summary{color:var(--muted);font-size:.82rem}
.calendar-weekdays,.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-weekdays{gap:.45rem;margin-bottom:.45rem;padding:0 .1rem}
.calendar-weekdays span{padding:.35rem .45rem;color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.calendar-month-grid{gap:.45rem}
.calendar-cell{position:relative;min-height:138px;padding:.7rem;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:linear-gradient(145deg,rgba(12,18,30,.88),rgba(7,10,17,.94));overflow:hidden}
.calendar-cell::after{content:"";position:absolute;inset:auto -35% -65% 20%;height:130px;background:var(--cyan);filter:blur(55px);opacity:0;transition:opacity .18s ease}
.calendar-cell.outside-month{opacity:.3;background:rgba(255,255,255,.012)}
.calendar-cell.competition-day{border-color:rgba(50,226,255,.5);background:linear-gradient(145deg,rgba(10,31,48,.94),rgba(18,10,34,.96));box-shadow:inset 0 0 28px rgba(33,232,255,.045),0 0 0 1px rgba(255,29,189,.08),0 12px 38px rgba(0,0,0,.2)}
.calendar-cell.competition-day::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--pink));box-shadow:0 0 16px rgba(33,232,255,.32)}
.calendar-cell.competition-day::after{opacity:.055}
.calendar-cell-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.calendar-cell-number{font-size:1.05rem;font-weight:900;color:#dfeaf6}
.calendar-cell.competition-day .calendar-cell-number{color:#fff;text-shadow:0 0 16px rgba(33,232,255,.4)}
.calendar-game-badge{display:inline-flex;padding:.18rem .4rem;border-radius:999px;background:linear-gradient(100deg,rgba(33,232,255,.14),rgba(255,29,189,.14));border:1px solid rgba(64,227,255,.22);color:var(--cyan-2);font-size:.58rem;font-weight:950;letter-spacing:.1em}
.calendar-cell-phase{position:relative;z-index:1;display:block;margin-top:.8rem;color:var(--pink-2);font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.calendar-cell h4{position:relative;z-index:1;margin:.2rem 0 .45rem;font-size:.86rem;line-height:1.25}
.calendar-cell-pending{position:relative;z-index:1;color:var(--muted);font-size:.7rem}
.calendar-cell-matches{position:relative;z-index:1;margin:.45rem 0 0;padding:0;list-style:none}
.calendar-cell-matches li{padding:.2rem 0;border-top:1px solid rgba(255,255,255,.05);color:#cfe0ef;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-cell-matches li:first-child{border-top:0}
.calendar-cell-matches .calendar-more{color:var(--cyan);font-weight:800}
.calendar-legend{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;padding:.8rem .3rem 0;color:var(--muted);font-size:.72rem}
.calendar-legend-mark{width:26px;height:9px;border:1px solid rgba(50,226,255,.5);border-radius:999px;background:linear-gradient(90deg,rgba(33,232,255,.2),rgba(255,29,189,.22));box-shadow:0 0 12px rgba(33,232,255,.18)}
.calendar-confirmed{grid-column:1/-1;margin-top:.25rem}
.calendar-confirmed-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.35rem .15rem .75rem}
.calendar-confirmed-heading h3{margin:0;font-size:1.15rem}
.calendar-confirmed-heading p{margin:0;color:var(--muted);font-size:.78rem}
.calendar-confirmed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:.75rem}
.calendar-confirmed-grid .calendar-card{min-height:185px}
@media (max-width:900px){.calendar-month-shell{overflow-x:auto}.calendar-weekdays,.calendar-month-grid{min-width:760px}.calendar-cell{min-height:128px}.calendar-confirmed-heading{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.calendar-month-shell{padding:.7rem}.calendar-month-header{align-items:flex-start;flex-direction:column}.calendar-weekdays,.calendar-month-grid{min-width:690px}.calendar-cell{min-height:120px;padding:.62rem}.calendar-legend{justify-content:flex-start}.calendar-confirmed-grid{grid-template-columns:1fr}}
