:root{
  --brand:#f3c258;
  --brand-strong:#c08416;
  --surface:rgba(20,24,34,0.72);
  --surface-2:rgba(20,24,34,0.6);
  --text:#eef3f9;
  --muted:#b5c0cf;
  --ring:rgba(243,194,88,0.35);
}

.modern-ui{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth;
}

.modern-ui a{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.modern-ui :focus-visible{
  outline:2px solid var(--brand);
  outline-offset:2px;
}

.modern-ui input,
.modern-ui select,
.modern-ui textarea,
.modern-ui button{
  font:inherit;
}

.modern-ui input::placeholder,
.modern-ui textarea::placeholder{
  color:#9aa5b1;
}

.modern-ui .btn{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.modern-ui .btn:hover{
  transform:translateY(-2px);
}

.modern-ui .btn:active{
  transform:translateY(0);
}

.modern-ui .panel,
.modern-ui .card,
.modern-ui .login-card,
.modern-ui .news-panel,
.modern-ui .feature,
.modern-ui .dashboard-card,
.modern-ui .admin-card,
.modern-ui .game-card{
  backdrop-filter:blur(8px);
}

.modern-ui .chip,
.modern-ui .badge{
  border-radius:999px;
}

.modern-ui .muted{
  color:var(--muted);
}

.modern-ui ::selection{
  background:rgba(243,194,88,0.35);
  color:#111;
}

@media (prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}