@media (max-width: 700px) {
  .icons { gap: 2px; }
  .dicon { width: 76px; font-size: 11.5px; }
  .dicon .glyph { width: 44px; height: 44px; }
  .tl li { grid-template-columns: 1fr; gap: 2px; }
  #clock .z { display: none; }
  .win { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}