@media (max-width: 560px) {
    .brand-lockup small {
        max-width: 170px;
    }

    .hero-panel {
        grid-template-columns: 1fr 86px;
        min-height: 152px;
        padding: 16px;
    }

    .hero-copy h1 {
        font-size: 1.8rem;
    }

    .crystal-orbit span {
        width: 58px;
        height: 58px;
    }

    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .activity-grid,
    .game-grid,
    .inventory-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-color-scheme: light) {
    body:not(.theme-dark) {
        --bg: #f7f8fb;
        --bg-soft: #eef2f4;
        --surface: rgba(255, 255, 255, 0.78);
        --surface-strong: rgba(255, 255, 255, 0.92);
        --text: #131720;
        --muted: rgba(19, 23, 32, 0.64);
        --line: rgba(19, 23, 32, 0.12);
        --shadow: rgba(28, 38, 45, 0.16);
        --glass-fallback-bg: rgba(252, 253, 255, 0.94);
    }
}