.say-aloud{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.say-aloud__sentence{align-items:center;gap:var(--space-3);display:flex}.say-aloud__sentence p{flex-direction:column;margin:0;display:flex}.say-aloud__es{font-family:var(--font-display);font-size:var(--text-tile);font-weight:700;line-height:1.15}.say-aloud__fr{font-size:var(--text-gloss);color:var(--color-ink-muted)}.say-aloud__controls{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.say-aloud__control{align-items:center;gap:var(--space-1);flex-direction:column;font-weight:700;display:flex}.say-aloud__control[data-hidden]{visibility:hidden}.say-aloud__note{min-height:1.4em;color:var(--color-ink-muted);text-align:center;margin:0}.dialogue{background:var(--color-bg);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.dialogue__middle{overflow-y:auto}.dialogue__inner{min-height:100%;max-width:calc(var(--content-max) + 2 * var(--space-4));padding:var(--space-2) var(--space-4) var(--space-3);align-items:center;gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.dialogue__inner--centred{text-align:center;justify-content:center}.dialogue__slot:empty{display:none}.dialogue__instruction{text-align:center;min-height:2.6em;font:700 var(--text-body) / 1.3 var(--font-body);color:var(--color-ink);justify-content:center;align-items:center;margin:0;display:flex}.dialogue__stage{align-items:center;gap:var(--space-3);grid-template-columns:clamp(124px,34%,190px) minmax(0,1fr);width:100%;display:grid}.dialogue__friend{place-items:end center;display:grid}.dialogue__friend .character-sprite{width:100%;height:auto;max-height:150px}.dialogue__friend--big{height:clamp(140px,25dvh,260px)}.dialogue__friend--big .character-sprite{width:auto;height:100%;max-height:none}.dialogue__bubble-place{align-items:center;min-height:124px;display:flex}.dlg-bubble{justify-content:center;align-items:flex-start;gap:var(--space-1);width:100%;min-height:96px;padding:var(--space-3) var(--space-4);border:4px solid var(--color-art-outline);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-ink);text-align:left;cursor:pointer;flex-direction:column;display:flex;position:relative;box-shadow:0 5px #3b2a2040}.dlg-bubble:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px}.dlg-bubble:after{content:"";background:var(--color-surface);border:4px solid var(--color-art-outline);border-top:none;border-right:none;width:22px;height:22px;position:absolute;top:calc(50% - 11px);left:-13px;transform:rotate(45deg)}.dlg-bubble__es{font:700 28px / 1.15 var(--font-display)}.dlg-bubble__ear{align-items:center;gap:var(--space-2);font:700 var(--text-subtitle) / 1.2 var(--font-body);color:var(--color-ink-muted);display:flex}.dlg-bubble__replay{border:3px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-primary);place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-14px;right:-10px}.dlg-bubble[data-playing] .dlg-bubble__replay{animation:.8s ease-in-out infinite dlg-playing}@keyframes dlg-playing{50%{transform:scale(1.15)}}.dlg-cue{align-items:center;gap:var(--space-3);width:100%;min-height:96px;padding:var(--space-2) var(--space-4);border:3px dashed var(--color-surface-edge);border-radius:var(--radius-m);display:flex}.dlg-cue__text{flex-direction:column;gap:2px;min-width:0;display:flex}.dlg-cue__label{font:700 var(--text-heading) / 1.1 var(--font-body);color:var(--color-ink)}.dlg-cue__icon{border:3px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-primary-tint);width:64px;height:64px;color:var(--color-terracotta);flex:none;place-items:center;display:grid}.dlg-card{width:100%;padding:var(--space-2);border:3px solid var(--color-ink);border-radius:var(--radius-s);background:var(--color-surface);box-shadow:0 var(--edge) 0 var(--color-surface-edge)}.dlg-card__fields{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.dlg-card__field{min-height:56px;padding:2px var(--space-1);border:3px dashed var(--color-line);border-radius:var(--radius-s);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.dlg-card__field[data-current]{border:3px solid var(--color-primary);background:var(--color-primary-tint);box-shadow:0 0 0 2px var(--color-ink)}.dlg-card__field[data-found]{border:3px solid var(--color-correct);background:var(--color-correct-tint)}.dlg-card__head{justify-content:center;align-items:center;gap:var(--space-1);color:var(--color-terracotta);display:flex}.dlg-card__label{font:700 var(--text-small) / 1.1 var(--font-body);color:var(--color-ink-muted)}.dlg-card__value{font:700 var(--text-heading) / 1.1 var(--font-display);color:var(--color-ink)}.dlg-card__value--empty{color:var(--color-ink-muted)}.dialogue__controls{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;width:100%;display:flex}.dlg-choices{gap:var(--space-3);width:100%;padding:var(--space-1) 0 var(--space-2);display:grid}.dlg-choices--row{grid-template-columns:repeat(3,minmax(0,1fr))}.dlg-choice{position:relative}.dlg-choice__main{width:100%;min-height:72px;padding:6px var(--space-4);border:4px solid var(--color-art-outline);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:0 var(--edge) 0 var(--color-surface-edge);color:var(--color-ink);text-align:left;cursor:pointer;transition:box-shadow var(--dur-fast) ease;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;display:flex}.dlg-choice[data-listen] .dlg-choice__main{padding-right:76px}.dlg-choices--row .dlg-choice__main{text-align:center;padding:var(--space-2);align-items:center}.dlg-choice__main:focus-visible{outline:4px solid var(--color-primary);outline-offset:4px}.dlg-choice__main:disabled{cursor:default}.dlg-choice[data-selected] .dlg-choice__main{box-shadow:0 0 0 5px var(--color-primary), 0 0 0 7px var(--color-ink)}.dlg-choice[data-wrong] .dlg-choice__main{box-shadow:0 0 0 5px var(--color-retry), 0 0 0 7px var(--color-ink)}.dlg-choice[data-out]:not([data-wrong]) .dlg-choice__main{background:var(--color-bg);box-shadow:none;border-color:var(--color-surface-edge);color:var(--color-ink-muted)}.dlg-choice__es{font:700 28px / 1.1 var(--font-display)}.dlg-choice__fr{font:600 var(--text-gloss) / 1.15 var(--font-body);color:var(--color-ink)}.dlg-choice__listen{border:3px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-primary);width:56px;height:56px;color:var(--color-ink);cursor:pointer;place-items:center;display:grid;position:absolute;top:calc(50% - 30px);right:12px}.dlg-choice__listen:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.dlg-choice__badge{border:3px solid var(--color-surface);border-radius:var(--radius-pill);background:var(--color-retry);width:32px;height:32px;color:var(--color-ink);place-items:center;display:grid;position:absolute;top:-12px;left:-10px}.dialogue__title{font:700 var(--text-es) / 1.2 var(--font-display);margin:0}.dialogue__subtitle{max-width:28em;font-size:var(--text-subtitle);color:var(--color-ink);margin:0;font-weight:600}.dialogue__stars{gap:var(--space-2);display:flex}.dialogue__star{color:var(--color-star-empty)}.dialogue__star--on{color:var(--color-star)}.dialogue__star svg{stroke:var(--color-art-outline);stroke-width:10px}@media (prefers-reduced-motion:reduce){.dlg-bubble[data-playing] .dlg-bubble__replay{animation:none}}