@media (max-width: 640px) {
    .frame-background {
        min-height: 100vh;
        min-height: 100svh;
    }
    
    #whatsappModal {
        margin: 0.5rem auto;
        max-height: calc(100vh - 1rem);
        max-height: calc(100svh - 1rem);
        overflow-y: auto;
    }
    
    .modern-modal-card {
        padding: 1rem;
        border-radius: 16px;
    }
    
    .modern-option-card {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
    }
    
    .modern-option-text {
        font-size: 0.875rem;
        line-height: 1.25;
    }
    
    .modern-option-subtext {
        font-size: 0.75rem;
        line-height: 1.2;
    }
}

@media (max-width: 640px) {
    .german-title {
        font-size: 2.1rem !important;
        line-height: 1.3 !important;
        word-break: break-word;
    }
}

@media (max-width: 480px) {
    .german-title {
        font-size: 1.75rem !important;
        line-height: 1.4 !important;
        word-break: break-word;
        hyphens: auto;
    }
    
    .german-modal-title {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }
    
    #confirmJoin span {
        font-size: 0.875rem !important;
        line-height: 1.2 !important;
    }
    
    .german-metric-value {
        font-size: 1rem !important;
    }
    
    .german-metric-label {
        font-size: 0.7rem !important;
    }
}