/* Temporadas do cabeçalho (app/temporadas.js + temporadas-arte.js; prévia aprovada em 28/10/2026). Só no computador, fora do modo embutido. */
@media (min-width: 761px) {
  .top.tzt-top { position: relative; overflow: hidden; border-bottom-color: transparent; background: var(--tzt-bg); color: #fff; }
  .top.tzt-top > :not(.tzt-art):not(.tzt-runs) { position: relative; z-index: 1; }
  .top.tzt-top .tzt-art { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; pointer-events: none; max-width: none; }
  .top.tzt-top #todayLabel, .top.tzt-top .small { color: var(--tzt-text); }
  .top.tzt-top h1 { color: #fff; }
  .top.tzt-top .top-actions .round { background: rgba(255, 255, 255, .1); color: #fff; border-color: transparent; }
  .top.tzt-top .top-actions .round:hover { background: rgba(255, 255, 255, .2); }

  .tzs-mark { position: relative; }
  /* barra aberta: arte atrás da logo, do nome e do botão de fixar; fechada fica só o enfeite da logo */
  .tzs .tzt-side { position: absolute; left: 0; top: 0; width: 238px; height: 70px; pointer-events: none; opacity: 0; transition: opacity .15s; z-index: 0; }
  .tzs.open .tzt-side { opacity: 1; }
  .tzs .tzs-brand { position: relative; z-index: 1; }
  .tzs-mark .tzt-orn { position: absolute; right: -11px; bottom: -9px; width: 20px; height: 20px; display: block; cursor: pointer; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .45)); transform-origin: 50% 80%; }
  .tzs-mark .tzt-orn:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 6px; }
  .tzs-mark .tzt-orn.tzt-pop { animation: tzt-pop .5s ease-out; }

  /* corredores: cruzam o topo da esquerda para a direita e somem; não pegam clique */
  .tzt-runs { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; }
  .tzt-run { position: absolute; left: 0; will-change: transform; animation: tzt-cross var(--tzt-d, 5s) linear var(--tzt-delay, 0s) both; }
  .tzt-run svg { display: block; height: auto; overflow: visible; }
  .tzt-bob { transform-origin: 50% 50%; }
  .tzt-m-fly { animation: tzt-wave 1.1s ease-in-out infinite; }
  .tzt-m-hop { animation: tzt-hop .7s ease-in-out infinite; }
  .tzt-m-float { animation: tzt-float 2.2s ease-in-out infinite; }
  .tzt-flap svg { animation: tzt-flap .28s ease-in-out infinite alternate; transform-origin: 50% 60%; }
  .tzt-tw { animation: tzt-twinkle 1.6s ease-in-out infinite; }
}
@keyframes tzt-cross { from { transform: translateX(-90px); } to { transform: translateX(var(--tzt-w, 1500px)); } }
@keyframes tzt-wave { 0%, 100% { transform: translateY(-5px) rotate(-3deg); } 50% { transform: translateY(5px) rotate(3deg); } }
@keyframes tzt-hop { 0%, 100% { transform: translateY(0) scale(1.08, .92); } 50% { transform: translateY(-16px) scale(.95, 1.06); } }
@keyframes tzt-float { 0%, 100% { transform: translateY(2px) rotate(-6deg); } 50% { transform: translateY(-4px) rotate(6deg); } }
@keyframes tzt-flap { from { transform: scaleY(1); } to { transform: scaleY(.55); } }
@keyframes tzt-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes tzt-pop { 0% { transform: scale(1) rotate(0); } 30% { transform: scale(1.35) rotate(-12deg); } 60% { transform: scale(.95) rotate(8deg); } 100% { transform: scale(1) rotate(0); } }
@media (max-width: 760px) { .tzt-art, .tzt-orn, .tzt-runs, .tzt-side { display: none !important; } }
html.tz-embed .tzt-art, html.tz-embed .tzt-orn, html.tz-embed .tzt-runs, html.tz-embed .tzt-side { display: none !important; }
@media (prefers-reduced-motion: reduce) { .tzt-run, .tzt-bob, .tzt-flap svg, .tzt-tw, .tzt-orn { animation: none !important; } }