/* ═══════════════════════════════════════════
   SwitchHack — Shared Styles
   ═══════════════════════════════════════════ */

/* Pixel art rendering */
.pixel-art {
  image-rendering: pixelated;
}

/* Glitch animation */
@keyframes glitch {
  0%   { transform: translate(0); }
  20%  { transform: translate(-2px, 2px); }
  40%  { transform: translate(-2px, -2px); }
  60%  { transform: translate(2px, 2px); }
  80%  { transform: translate(2px, -2px); }
  100% { transform: translate(0); }
}

.glitch-hover {
  transition: text-shadow 0.1s ease, filter 0.1s ease;
}

.glitch-hover:hover {
  text-shadow: 0 0 10px rgba(34,211,238,0.8), 0 0 30px rgba(34,211,238,0.4), 0 0 60px rgba(34,211,238,0.15);
  filter: brightness(1.2);
}

/* Float animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); }
}

.float-anim {
  animation: float 4s ease-in-out infinite;
}

/* Thin custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Terminal dot */
.terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}