.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__me{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) clamp(104px,30%,170px);grid-template-areas:"bubble friend""clue clue";width:100%;display:grid}.dlg-bubble--mine{grid-area:bubble}.dialogue__friend--me{grid-area:friend}.dialogue__friend--me .character-sprite{max-height:112px}.dialogue__me[data-compact]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"clue friend"}.dialogue__me[data-compact] .character-sprite{width:auto;height:72px}.dialogue__clue-place{grid-area:clue;justify-content:flex-end;align-items:center;min-width:0;min-height:48px;display:flex}.dlg-clue{align-items:center;gap:var(--space-2);min-height:44px;padding:3px var(--space-3) 3px 3px;border:3px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-ink);margin:0;display:flex}.dlg-clue__icon{border-radius:var(--radius-pill);background:var(--color-surface);width:34px;height:34px;color:var(--color-terracotta);flex:none;place-items:center;display:grid}.dlg-clue__label{font:700 var(--text-small) / 1.1 var(--font-body);color:var(--color-ink-muted)}.dlg-clue__value{font:800 var(--text-subtitle) / 1.1 var(--font-body)}.dlg-bubble--mine{--mic-size:72px;cursor:default;align-items:center;min-height:108px}.dlg-bubble--mine:after{border:4px solid var(--color-art-outline);border-bottom:none;border-left:none;left:auto;right:-13px}.dlg-bubble--mine .dlg-bubble__es{align-self:flex-start}.dlg-voice{align-items:center;gap:var(--space-4);display:flex}.dlg-voice__label{font:800 var(--text-subtitle) / 1.2 var(--font-body);color:var(--color-ink)}.dlg-voice--solo{--mic-size:96px;min-height:var(--mic-size);justify-content:center}.dlg-voice__said{text-align:center;font:700 var(--text-es) / 1.2 var(--font-display);color:var(--color-ink)}.dlg-voice__notice{text-align:center;white-space:pre-wrap;max-width:320px;min-height:2.6em;font:700 var(--text-body) / 1.3 var(--font-body);color:var(--color-ink);margin:0}.dialogue__controls{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;width:100%;display:flex}.dlg-gap{text-align:center;font:700 var(--text-es) / 1.25 var(--font-display);color:var(--color-ink);margin:0}.dlg-gap__gap{border-bottom:4px dashed var(--color-ink-muted);vertical-align:baseline;margin:0 .15em;padding:0 .25em;display:inline-grid}.dlg-gap__gap>*{text-align:center;grid-area:1/1}.dlg-gap__sizer{visibility:hidden}.dlg-gap__gap[data-filled]{border-bottom-style:solid;border-bottom-color:var(--color-primary-edge)}.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__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}}.dialogue{isolation:isolate;position:relative;overflow:hidden}.dialogue:before,.dialogue:after{content:"";z-index:-1;pointer-events:none;position:absolute}.dialogue:before{background:radial-gradient(34% 26% at 18% 20%,#8fd3f46b,#0000 70%),radial-gradient(30% 24% at 86% 36%,#ffb80042,#0000 70%),radial-gradient(38% 28% at 30% 86%,#f28c5b38,#0000 70%),radial-gradient(28% 22% at 90% 90%,#1fa38a29,#0000 70%);animation:16s ease-in-out infinite alternate dlg-drift;inset:-25%}.dialogue:after{background-image:radial-gradient(circle,#3b2a201a 2.5px,#0000 3px);background-size:46px 46px;animation:24s linear infinite dlg-float;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35% 70%,#0000);mask-image:linear-gradient(#0000,#000 35% 70%,#0000)}@keyframes dlg-drift{to{transform:translate(5%,-4%)rotate(8deg)scale(1.08)}}@keyframes dlg-float{to{background-position:0 -92px}}.dialogue[data-glow=a]:before{animation:16s ease-in-out infinite alternate dlg-drift,.9s ease-out dlg-glow-a}.dialogue[data-glow=b]:before{animation:16s ease-in-out infinite alternate dlg-drift,.9s ease-out dlg-glow-b}@keyframes dlg-glow-a{30%{filter:saturate(1.9)brightness(1.08)}}@keyframes dlg-glow-b{30%{filter:saturate(1.9)brightness(1.08)}}.dialogue__fx{z-index:25;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dlg-cheer-place{place-items:center;display:grid;position:absolute;top:24%;left:0;right:0}.dlg-cheer{font:800 52px / 1 var(--font-display);color:var(--color-primary);letter-spacing:.01em;-webkit-text-stroke:9px var(--color-art-outline);paint-order:stroke fill;text-shadow:0 6px 0 var(--color-art-outline);transform-origin:50%;display:block}.dlg-cheer--big{color:#fff;text-shadow:0 6px 0 var(--color-art-outline), 0 0 26px #ffb800e6;font-size:64px}.dlg-streak-row{width:100%;min-height:34px;margin-bottom:calc(var(--space-2) * -1);justify-content:center;align-items:center;display:flex}.dlg-streak{align-items:center;gap:var(--space-1);padding:2px var(--space-3) 2px var(--space-2);border:3px solid var(--color-art-outline);border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:0 3px 0 var(--color-primary-edge);color:var(--color-ink);font:800 var(--text-small) / 1.2 var(--font-body);display:inline-flex}.dlg-streak svg{color:var(--color-terracotta)}.dlg-streak__n{display:inline-block}.dialogue__friend--big{animation:.7s cubic-bezier(.3,1.5,.5,1) both dlg-enter}.dialogue[data-stage=done] .dialogue__friend--big .character-sprite{transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate dlg-dance}@keyframes dlg-enter{0%{opacity:0;transform:translateY(60px)scale(.7)}}@keyframes dlg-dance{0%{transform:rotate(-6deg)translateY(0)scale(1.02,.97)}to{transform:rotate(6deg)translateY(-18px)scale(.98,1.04)}}.dialogue__title{animation:.6s cubic-bezier(.3,1.6,.5,1) .15s both dlg-title}@keyframes dlg-title{0%{opacity:0;transform:scale(.6)rotate(-3deg)}}.dlg-bubble{transform-origin:0;transition:box-shadow .2s,background .2s}.dlg-bubble__es{display:block}.dlg-word{display:inline-block}.dlg-bubble[data-playing]{animation:.9s ease-in-out infinite dlg-speak}@keyframes dlg-speak{50%{transform:scale(1.025);box-shadow:0 5px #3b2a2040,0 0 0 6px #ffb80059}}.dlg-bubble--mine{transform-origin:100%;animation:.4s cubic-bezier(.3,1.5,.5,1) both dlg-pop-right}.dlg-bubble--mine[data-ok]{background:var(--color-correct-tint);animation:.55s ease-out dlg-ok}@keyframes dlg-pop-right{0%{opacity:0;transform:scale(.6)translate(30px)}}@keyframes dlg-ok{35%{transform:scale(1.07)}}.dlg-voice .mic-btn[data-recording]:before,.dlg-voice .mic-btn[data-recording]:after{content:"";border-radius:var(--radius-pill);border:4px solid var(--color-retry);animation:1.5s ease-out infinite dlg-ripple;position:absolute;inset:0}.dlg-voice .mic-btn[data-recording]:after{animation-delay:.75s}@keyframes dlg-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.dlg-eq{height:34px;margin-right:var(--space-2);vertical-align:middle;align-items:center;gap:5px;display:inline-flex}.dlg-eq__bar{background:var(--color-retry);width:7px;height:34px;box-shadow:0 0 0 2px var(--color-art-outline);border-radius:4px;transition:transform 90ms linear;display:block}.dlg-choice__main{transition:box-shadow var(--dur-fast) ease, background .2s ease}@media (hover:hover){.dlg-choice__main:not(:disabled):hover{translate:0 -3px}}.dlg-choice[data-right] .dlg-choice__main{background:var(--color-correct-tint);box-shadow:0 0 0 5px var(--color-correct), 0 0 0 7px var(--color-ink)}.dlg-choice[data-dim]{pointer-events:none}.dlg-choice__badge--right{background:var(--color-correct);color:#fff}.dlg-choice[data-selected] .dlg-choice__main{background:var(--color-primary-tint)}.dlg-choice[data-wrong] .dlg-choice__main{background:var(--color-retry-tint)}.dlg-card__field{transition:background .3s,border-color .3s;position:relative}.dlg-card__field[data-current]{animation:1.4s ease-in-out infinite dlg-ask}.dlg-card__field[data-found]{animation:.7s ease-out dlg-land}@keyframes dlg-ask{50%{box-shadow:0 0 0 2px var(--color-ink), 0 0 0 9px #ffb80059}}@keyframes dlg-land{0%{background:var(--color-primary);transform:scale(.85)}45%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.dialogue:before,.dialogue:after,.dialogue[data-glow]:before,.dialogue[data-glow=a]:before,.dialogue[data-glow=b]:before,.dialogue__friend--big,.dialogue[data-stage=done] .dialogue__friend--big .character-sprite,.dialogue__title,.dlg-bubble[data-playing],.dlg-bubble--mine,.dlg-bubble--mine[data-ok],.dlg-voice .mic-btn[data-recording]:before,.dlg-voice .mic-btn[data-recording]:after,.dlg-card__field[data-current],.dlg-card__field[data-found]{animation:none}.dlg-choice__main:not(:disabled):hover{translate:none}}