/* Tablet */
@media (max-width: 1024px) {
    .game-title {
        font-size: 52px;
        letter-spacing: 8px;
    }

    .game-subtitle {
        font-size: 14px;
        letter-spacing: 6px;
    }

    .mode-cards {
        gap: 12px;
    }

    .mode-card {
        width: 180px;
        padding: 20px 14px;
    }

    .hud-bar-group {
        min-width: 130px;
    }

    .minimap {
        width: 120px;
        height: 120px;
    }

    .boss-bar {
        width: 320px;
    }

    .upgrade-panel {
        width: 240px;
    }
}

/* Mobile Landscape */
@media (max-width: 768px) and (orientation: landscape) {
    .game-title {
        font-size: 40px;
        letter-spacing: 6px;
    }

    .menu-content {
        padding: 20px;
        gap: 16px;
    }

    .menu-buttons {
        width: 220px;
    }

    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .hud-top-left {
        top: 6px;
        left: 6px;
    }

    .hud-bar-group {
        min-width: 100px;
    }

    .hud-bar {
        height: 8px;
    }

    .hud-score span, .hud-crystals span {
        font-size: 14px;
    }

    .minimap {
        width: 90px;
        height: 90px;
    }
}

/* Mobile Portrait */
@media (max-width: 768px) and (orientation: portrait) {
    .game-title {
        font-size: 42px;
        letter-spacing: 6px;
    }

    .game-subtitle {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .menu-content {
        padding: 20px;
        gap: 16px;
    }

    .menu-buttons {
        width: 240px;
    }

    .btn {
        padding: 12px 24px;
        font-size: 14px;
    }

    .screen-title {
        font-size: 28px;
    }

    .mode-cards {
        flex-direction: column;
        gap: 10px;
    }

    .mode-card {
        width: 100%;
        max-width: 260px;
        padding: 16px;
    }

    .mode-card h3 {
        font-size: 14px;
    }

    .hud-top-left {
        top: 6px;
        left: 6px;
    }

    .hud-bar-group {
        min-width: 110px;
    }

    .hud-bar {
        height: 10px;
    }

    .hud-bar-label {
        font-size: 8px;
    }

    .hud-top-center {
        top: 6px;
    }

    .hud-score span, .hud-crystals span {
        font-size: 14px;
    }

    .hud-top-right {
        top: 6px;
        right: 6px;
    }

    .hud-level, .hud-weapon {
        display: none;
    }

    .hud-bottom {
        display: none;
    }

    .minimap {
        width: 80px;
        height: 80px;
        bottom: 48vh;
        right: 6px;
    }

    .upgrade-panel {
        width: 220px;
    }

    .boss-bar {
        width: 280px;
        top: 40px;
    }

    .boss-name {
        font-size: 12px;
    }

    .boss-health-bar {
        height: 8px;
    }

    .hud-objective {
        font-size: 10px;
        top: 60px;
        padding: 5px 12px;
        letter-spacing: 1px;
    }

    .hud-alert {
        font-size: 10px;
        top: 85px;
        padding: 5px 12px;
        letter-spacing: 2px;
    }

    .hud-ability-bar {
        bottom: 32px;
        gap: 4px;
    }

    .ability-slot {
        width: 42px;
        height: 52px;
    }

    .ability-icon {
        font-size: 10px;
    }

    .ability-key {
        font-size: 7px;
    }

    .ability-name {
        display: none;
    }

    .gameover-stats {
        width: 260px;
    }

    .settings-list {
        width: 280px;
    }

    .wave-text {
        font-size: 36px;
    }

    .help-grid {
        gap: 16px;
    }

    .help-item, .help-step {
        font-size: 12px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .game-title {
        font-size: 32px;
        letter-spacing: 4px;
    }

    .menu-buttons {
        width: 200px;
    }

    .btn {
        padding: 10px 18px;
        font-size: 12px;
        letter-spacing: 2px;
    }

    .minimap {
        width: 65px;
        height: 65px;
    }

    .hud-ability-bar {
        bottom: 28px;
        gap: 3px;
    }

    .ability-slot {
        width: 36px;
        height: 44px;
    }

    .ability-icon {
        font-size: 9px;
    }

    .ability-key, .ability-energy {
        display: none;
    }

    .mode-card {
        padding: 14px 10px;
    }
}

/* Large Screens */
@media (min-width: 1920px) {
    .game-title {
        font-size: 90px;
        letter-spacing: 16px;
    }

    .game-subtitle {
        font-size: 18px;
        letter-spacing: 10px;
    }

    .menu-buttons {
        width: 320px;
    }

    .btn {
        padding: 16px 40px;
        font-size: 18px;
    }

    .hud-bar-group {
        min-width: 200px;
    }

    .hud-bar {
        height: 14px;
    }

    .hud-score span, .hud-crystals span {
        font-size: 22px;
    }

    .minimap {
        width: 180px;
        height: 180px;
    }

    .ability-slot {
        width: 60px;
        height: 72px;
    }

    .ability-icon {
        font-size: 14px;
    }

    .ability-key {
        font-size: 9px;
    }
}

/* Ultra Wide */
@media (min-width: 2560px) {
    .game-title {
        font-size: 110px;
    }

    .minimap {
        width: 220px;
        height: 220px;
    }
}