body {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(239, 68, 68, 0.18), transparent 28rem),
    radial-gradient(circle at bottom right, rgba(20, 184, 166, 0.12), transparent 30rem),
    #090d16;
  color: #f8fafc;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
}

.glass-nav {
  background: rgba(9, 13, 22, 0.76);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

.match-card {
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
}

.match-card:focus-visible,
.icon-button:focus-visible {
  outline: 2px solid #ef4444;
  outline-offset: 3px;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #090d16; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #ef4444; }

body.modal-open { overflow: hidden; }

video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000;
  outline: none;
  border: none;
}