@media (hover: hover) and (pointer: fine) {
  .card:hover {
    border-color: rgba(255, 138, 30, 0.2);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.34);
  }
  .presence-item:hover {
    border-color: rgba(255, 138, 30, 0.24);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    transform: translateY(-2px);
  }
  .game-table td.correct:hover,
  .game-table td.close:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
  }
}

@media (max-width: 640px) {
  .header-bar::after { right: 14px; width: 44px; }
  .header-bar .title::before { margin-right: 2px; }
  .home-page .page-scroll { padding-top: 14px; }
  .home-nav { gap: 8px; padding-block: 14px; }
  .home-nav-item { grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 12px; min-height: 68px; padding: 12px 14px; }
  .home-nav-icon { width: 40px; height: 40px; border-radius: 11px; }
  .home-footer { gap: 6px 14px; }
  .card::before { left: 14px; width: 44px; }
  .game-table tr { border-color: rgba(255, 255, 255, 0.1); background: #190c15; }
  .game-table td:first-child:not(.correct):not(.close):not(.wrong) { background: #2a1723; }
}

@media (max-width: 520px) {
  .home-nav-index { display: none; }
  .home-nav-item { grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px; min-height: 62px; padding: 11px 13px; }
  .home-nav-copy small { font-size: 0.8rem; }
}

@media (max-width: 400px) {
  .home-nav-item { gap: 10px; padding: 10px 12px; }
  .home-nav-icon { width: 36px; height: 36px; }
  .home-footer-link { font-size: 0.86rem; }
}