:root {
  --anko-text-white: #ffffff;
  --anko-text-blue: #00d4ff;
  --anko-text-light-blue: #b4f2ff;
  --anko-text-gradient: linear-gradient(90deg, var(--anko-text-white) 0%, var(--anko-text-white) 25%, var(--anko-text-light-blue) 35%, var(--anko-text-blue) 45%, var(--anko-text-light-blue) 55%, var(--anko-text-white) 70%, var(--anko-text-white) 100%);
}

/* Clip only text surfaces, never form fields, icon glyphs or filled controls. */
:where(h1,h2,h3,h4,h5,h6,p,small,strong,b,em,dt,dd,figcaption,blockquote,
  .game-title,.game-name,.tile-title,.section-title,
  span:not([class*="material-symbol"]):not([class*="material-icon"]),
  a:not(:has(img,svg,span)),label:not(:has(input,select,textarea)),
  li:not(:has(*)),div:not(:has(*))):not(:where(pre *,code *,#anko-freeze-screen *,#anko-school-wall *,[role="alert"], [role="alert"] *)) {
  background-image: var(--anko-text-gradient) !important;
  background-size: 200% 100% !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: anko-text-shimmer 6s linear infinite;
  text-shadow: none !important;
}

@keyframes anko-text-shimmer {
  from { background-position: 200% center; }
  to { background-position: 0% center; }
}

@media (prefers-reduced-motion: reduce) {
  :where(h1,h2,h3,h4,h5,h6,p,small,strong,b,em,dt,dd,figcaption,blockquote,span,a,label,li,div) {
    animation: none !important;
    background-position: 45% center;
  }
}