.fecha-figure-box{width:min(340px,100%);text-align:center}
.fecha-picture{display:block;width:100%;height:auto;border-radius:12px}
.fecha-pictures{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.fecha-pictures .clock-choice{padding:6px!important}
.fecha-pictures .fecha-picture{pointer-events:none}
.fecha-calendar{display:inline-flex;flex-direction:column;align-items:stretch;width:190px;border:3px solid #101052;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 0 #cdccff}
.fecha-calendar-month{padding:8px 6px;background:#e0352b;color:#fff;font:800 17px Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.fecha-calendar strong{padding:6px 0 0;font:800 68px/1 'Barlow Condensed',Inter,sans-serif;color:#101052}
.fecha-calendar-day{padding:2px 6px 12px;font:750 20px Inter,sans-serif;color:#034cff}
.fecha-card{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:12px;background:#fff0ce}
.fecha-card span{font:650 14px Inter,sans-serif;color:#6b4a00}
.fecha-card strong{font:800 24px Inter,sans-serif;color:#101052}
.fecha-listen{justify-content:center;margin-bottom:16px}
.fecha-write{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.fecha-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:62px;padding:10px 14px;border:2px solid #4f61ff;border-radius:14px;background:#fff;font:700 22px/1.35 Inter,sans-serif;color:#101052;word-break:break-word}
.fecha-typed{white-space:pre-wrap}
.fecha-line.is-empty::before{content:'Écris avec le clavier ci-dessous';font:600 16px Inter,sans-serif;color:#7a84b8}
.fecha-line--tiles.is-empty::before{content:none}
.fecha-caret{width:2px;height:26px;margin-left:-4px;background:#034cff;animation:fecha-caret 1s steps(1) infinite}
@keyframes fecha-caret{50%{opacity:0}}
.fecha-line.is-doubt{border-color:#e58a00;background:#fff3dc}
.fecha-line.is-correct{border-color:#16794a;background:#e4f6ec}
.fecha-line.is-wrong{border-color:#b3261e;background:#fdeceb}
.fecha-line.is-correct .fecha-caret,.fecha-line.is-wrong .fecha-caret{display:none}
.fecha-keyboard{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;background:#e7eeff;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.fecha-keys{display:flex;justify-content:center;gap:5px}
.fecha-key{flex:1 1 0;min-width:0;max-width:56px;min-height:48px;padding:0;border:0;border-radius:10px;background:#fff;color:#101052;font:700 20px Inter,sans-serif;box-shadow:0 2px 0 #b9c3ee;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fecha-key:active{transform:translateY(2px);box-shadow:none;background:#cdd8ff}
.fecha-key--accent{background:#fff0ce;box-shadow:0 2px 0 #e4bd73}
.fecha-key--action{flex:1.5 1 0;max-width:84px;background:#c5d0f7;font-size:22px}
.fecha-key--action[aria-pressed="true"]{background:#034cff;color:#fff}
.fecha-key--space{flex:4 1 0;max-width:none;font-size:15px;color:#505b99}
.fecha-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;padding:12px;border:2px dashed #cdccff;border-radius:16px;background:#f8f9ff}
.fecha-tile{min-height:46px;padding:8px 14px;border:2px solid #4f61ff;border-radius:12px;background:#fff;color:#101052;font:750 18px Inter,sans-serif;cursor:pointer}
.fecha-tile:hover:not(:disabled){background:#e7eeff}
.fecha-tile--placed{border-color:#cdccff;background:#f3f6ff}
.fecha-tile:disabled{cursor:default;opacity:.85}
.fecha-exercise .clock-level:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.fecha-exercise .clock-question-prompt[lang="es"]{color:#034cff}
@media(max-width:700px){
 .fecha-pictures{gap:6px!important}.fecha-pictures .clock-choice{padding:3px!important}
 .fecha-keyboard{margin:0 -6px;padding:6px 4px}.fecha-keys{gap:4px}.fecha-key{min-height:46px;font-size:19px;border-radius:8px}
 .fecha-line{font-size:19px;min-height:56px}.fecha-tile{font-size:17px;padding:8px 12px}
 .fecha-calendar{width:160px}.fecha-calendar strong{font-size:56px}
}
@media(prefers-reduced-motion:reduce){.fecha-caret{animation:none}}