/* Stili aggiuntivi per canvas responsive a schermo intero */

/* Assicura che il canvas si ridimensioni correttamente */
.canvas-container canvas {
    max-width: 100%;
    max-height: 100%;
}

/* Media queries per dispositivi piccoli */
@media (max-width: 768px) {
    .header {
        padding: 10px 15px;
    }
    
    .logo {
        font-size: 1.2rem;
    }
    
    .auth-buttons {
        gap: 5px;
    }
    
    .btn {
        padding: 8px 15px;
        font-size: 0.85rem;
    }
    
    .hint {
        font-size: 0.75rem;
        padding: 8px 16px;
        bottom: 10px;
    }
}

/* Ottimizzazione per schermi molto grandi */
@media (min-width: 1920px) {
    .canvas-container {
        top: 80px;
    }
}