body {
    font-family: 'Inter', sans-serif;
    background-color: #f5f5f7;
    color: #1d1d1f;
}

.game-container {
    aspect-ratio: 16/9;
    max-width: 1200px;
    margin: 0 auto;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .game-container {
        aspect-ratio: 4/3;
    }
}

.gradient-text {
    background: linear-gradient(135deg, #007AFF, #5856D6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
}