/* Tormentas: lista del dock y marcador animado (remolino pixelado). */

#storm-list { display: grid; gap: 4px; }
#storm-list small { color: var(--dim); font: 16px 'VT323', monospace; text-transform: none; }

.storm-item {
  background: none; border: 2px solid currentColor; padding: 3px 6px; cursor: pointer; text-align: left;
  font: 16px 'VT323', monospace; text-transform: uppercase;
}
.storm-item:hover { background: #ffffff18; }

.storm-marker { width: 40px; height: 40px; cursor: pointer; }
.storm-marker canvas { width: 100%; height: 100%; image-rendering: pixelated; animation: stormspin 2.4s steps(12) infinite; }
@keyframes stormspin { to { transform: rotate(-360deg); } }