@media (max-width: 600px) {
    body {
        padding-top: 120px;
    }

    .nav-container {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    
    .nav-logo {
        margin-bottom: 5px;
    }
    
    .nav-logo img {
        height: 28px;
    }
    
    .nav-links {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .nav-link {
        min-width: 120px;
        justify-content: center;
    }

    .fields-container {
        flex-wrap: wrap;
    }

    .type-input, .char-input, .world-input {
        width: 100%;
    }

    .btn-remove {
        margin-left: auto;
    }

    .quick-add button {
        flex: 1;
        min-width: calc(50% - 4px);
    }
}