@media (max-width: 360px) {
    .topbar-name { max-width: 90px; }
    .pill { padding: 5px 8px; font-size: 11px; }
    .hero-stats { gap: 6px; }
    .hero-stat-value { font-size: 15px; }
    .game-grid { gap: 10px; }
}

@media (min-width: 640px) {
    .page-root { padding-left: 20px; padding-right: 20px; }
    .game-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (prefers-color-scheme: light) {
    /* Force dark preferred for premium experience */
    html { color-scheme: dark; }
}