ecriture.css
/* ============================================
   CANVAS.CSS — Écriture tactile
============================================ */

.card,
.module-item,
.quiz-box,
.alphabet-card,
.canvas-card,
.keyboard-card,
.translator-card {
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
    padding: 22px 20px;
    border-radius: 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    backdrop-filter: blur(12px);
}

#writingCanvas {
    width: 320px !important;      /* étroit = vertical */
    height: 520px !important;     /* plus haut = rectangle vertical */
    display: block;
    margin: 25px auto;
    border: 2px solid var(--cyan);
    border-radius: 14px;
    box-shadow:
        0 0 18px rgba(0,162,255,0.55),
        0 0 32px rgba(0,162,255,0.35),
        inset 0 0 18px rgba(0,162,255,0.25);
}

@media (max-width: 768px) {
    #writingCanvas {
        width: 260px !important;
        height: 380px !important;
        margin: 15px auto;
    }
}