.season-fractures {
  position: absolute;
  inset: 0 0 auto;
  height: 100vh;
  z-index: 18;
  overflow: hidden;
  pointer-events: none;
  opacity: .9;
  mix-blend-mode: screen;
}
.season-fractures canvas { display: block; width: 100%; height: 100%; }
.home-v3 { position: relative; z-index: 2; }
.season-announcement {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 64px;
  margin-bottom: 20px;
  padding: 14px 24px;
  border-top: 1px solid #776239;
  border-bottom: 1px solid #776239;
  background: rgba(12, 16, 18, .94);
}
.season-clock { margin: 0 auto; white-space: nowrap; }
.season-countdown { display: flex; justify-content: flex-end; gap: 13px; font-variant-numeric: tabular-nums; }
.season-countdown span { display: flex; align-items: baseline; gap: 3px; }
.season-countdown strong { min-width: 2ch; color: #f4e3b7; font: 700 30px/1 var(--font-display); text-align: right; }
.season-countdown small { color: #b8b9b3; font-size: 11px; }
.season-colors { display: flex; gap: 7px; flex: 0 0 auto; }
.season-colors i { display: block; width: 11px; height: 45px; transform: skewX(-16deg); background: #4baaf4; }
.season-colors i:nth-child(2) { background: #f1bd45; }
.season-colors i:nth-child(3) { background: #f25856; }
.season-surging .season-announcement { animation: season-border-surge 3.1s ease-out both; }
.season-surging .season-fractures { animation: season-impact 3.1s ease-out both; }
.season-takeover { position: fixed; inset: 0; z-index: 2147483646; pointer-events: none; background: transparent; }
.season-takeover canvas { display: block; width: 100%; height: 100%; }
@keyframes season-border-surge {
  0%, 100% { border-color: #776239; }
  22% { border-color: #f8d478; }
  33% { border-color: #559de3; }
  50% { border-color: #dd6356; }
}
@keyframes season-impact {
  0%, 100% { transform: none; filter: none; }
  23% { transform: translate(-3px, 1px); filter: brightness(1.3); }
  31% { transform: translate(2px, -1px); filter: brightness(.9); }
  48% { transform: translate(-1px, 0); filter: brightness(1.12); }
}
@media (max-width: 700px) {
  .season-announcement { gap: 10px; padding: 12px 15px; }
  .season-countdown { gap: 12px; }
  .season-countdown strong { font-size: 27px; }
  .season-colors i { width: 7px; height: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  .season-surging .season-announcement,
  .season-surging .season-fractures { animation: none; }
}