:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf5ea;--surface:#fffdf8;--kraft:#efe4cf;--edge:#d9caae;--ink:#1f2940;--ink-2:#4b5468;--ink-3:#656a79;--line:#8a806b;--accent:#2b4cc9;--accent-pressed:#213c9f;--on-accent:#fff;--help:#ffd23f;--help-ring:#9a6b00;--success:#2d7f50;--danger:#b0372a;--p-tomate:#f27b5f;--p-abricot:#f5a341;--p-soleil:#f5cf4a;--p-pomme:#97c76a;--p-menthe:#5cc5ae;--p-ciel:#78b8ee;--p-lavande:#b3a6f0;--p-framboise:#f48bb5;--font-letters:"Andika", sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-hero:clamp(6rem, 32vmin, 15rem);--fs-key:1.625rem;--fs-tag:1.5rem;--fs-title:1.5rem;--fs-h2:1.125rem;--fs-body:1.0625rem;--fs-small:.875rem;--lh-tight:1.15;--lh-body:1.5;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--gutter:max(16px, var(--safe-l), var(--safe-r));--hit:48px;--hit-child:64px;--gommette-lg:clamp(128px, min(42vw, 26vh), 200px);--gommette-md:clamp(112px, min(40vw, 22vh), 168px);--gommette-sm:56px;--edge-key:4px;--edge-tile:6px;--r-key:12px;--r-tile:24px;--r-card:16px;--r-sheet:24px;--r-pill:999px;--sh-key:0 var(--edge-key) 0 var(--edge);--sh-tile:0 var(--edge-tile) 0 var(--edge);--sh-pressed:0 1px 0 var(--edge);--sh-sticker:0 0 0 4px var(--surface), 0 8px 16px -8px #1f294059;--sh-sheet:0 -8px 32px #1f29402e;--focus-ring:0 0 0 3px var(--paper), 0 0 0 6px var(--accent);--d-press:60ms;--d-release:.16s;--d-fade:.15s;--d-move:.28s;--d-ripple:2.4s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(.05, .7, .1, 1);--ease-spring:linear(0, .042 4%, .146 8%, .285 12%, .436 16%, .583 20%, .747 25%, .878 30%, .973 35%, 1.035 40%, 1.07 45%, 1.083 50%, 1.071 60%, 1.04 70%, 1.014 80%, 1)}[data-profile]{--profile-tint:color-mix(in oklab, var(--profile) 22%, var(--paper))}@supports not (transition-timing-function:linear(0, 1)){:root{--ease-spring:var(--ease-out)}}@media (width>=600px){:root{--fs-key:2rem}}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0}#app{min-height:100dvh}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus-ring);outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.child-zone{min-height:100dvh;padding:calc(var(--s-4) + var(--safe-t)) var(--gutter) calc(var(--s-4) + var(--safe-b));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}.child-zone button{touch-action:manipulation}.gommette{aspect-ratio:1;background:var(--profile,var(--p-tomate));border:3px solid var(--ink);box-shadow:var(--sh-sticker);color:var(--ink);border-radius:50%;place-items:center;display:grid}.gommette svg{width:74%;height:74%}.start{place-items:center;display:grid}.start-button{all:unset;place-content:center;justify-items:center;gap:var(--s-6);cursor:pointer;display:grid;position:fixed;inset:0}.start-button:disabled{cursor:progress}.start-gommette{width:var(--gommette-lg);--profile:var(--p-tomate);position:relative;transform:rotate(-6deg)}.start-gommette .letter{font-family:var(--font-letters);font-weight:700;font-size:calc(var(--gommette-lg) * .55);line-height:1}.start-gommette:after{content:"";border:3px solid var(--p-tomate);animation:ripple var(--d-ripple) var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-10px}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.start-hint{color:var(--ink-2)}.players{justify-content:center;align-items:center;gap:var(--s-6);flex-direction:column;display:flex}.player-grid{grid-template-columns:repeat(var(--cols,1), auto);gap:var(--s-6) var(--s-7);justify-content:center;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.player-grid{--cols:2}}@media (width>=1024px){.player-grid{--cols:4}}.player{all:unset;justify-items:center;gap:var(--s-3);cursor:pointer;border-radius:var(--r-card);padding:var(--s-2);display:grid}.player:focus-visible{box-shadow:var(--focus-ring)}.player:active .gommette{transform:scale(.97)}.name-tag{font-family:var(--font-letters);font-weight:700;font-size:var(--fs-tag);background:var(--surface);border-radius:var(--r-card);padding:var(--s-1) var(--s-4);box-shadow:0 2px 0 var(--edge);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;line-height:1.35;overflow:hidden}.parent-access{top:calc(var(--s-2) + var(--safe-t));right:calc(var(--s-2) + var(--safe-r));position:fixed}.hold-hint{top:calc(100% + var(--s-1));white-space:nowrap;background:var(--ink);color:var(--surface);font-size:var(--fs-small);padding:var(--s-1) var(--s-3);border-radius:var(--r-pill);position:absolute;right:0}.welcome-card{text-align:center;background:var(--surface);border-radius:var(--r-sheet);max-width:420px;padding:var(--s-6) var(--s-5);box-shadow:var(--sh-sheet);-webkit-user-select:text;user-select:text}.welcome-card h1{font-size:var(--fs-title);margin:0 0 var(--s-3)}.hold{width:var(--hit);height:var(--hit);color:var(--ink-3);-webkit-touch-callout:none;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.hold>svg:first-child{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hold .ring{pointer-events:none;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px;transform:rotate(-90deg)}.hold .ring circle{fill:none;stroke:var(--accent);stroke-width:3px;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .2s var(--ease-out)}.hold.holding .ring circle{stroke-dashoffset:0;transition:stroke-dashoffset var(--hold-ms) linear}.hold .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.child{padding-top:0}.child-bar{align-items:center;gap:var(--s-3);margin:0 calc(-1 * var(--gutter)) var(--s-6);padding:calc(var(--s-3) + var(--safe-t)) var(--gutter) var(--s-3);background:var(--profile-tint);display:flex}.back-to-players{all:unset;align-items:center;gap:var(--s-2);min-height:var(--hit-child);padding-right:var(--s-3);border-radius:var(--r-pill);cursor:pointer;display:flex}.back-to-players:focus-visible{box-shadow:var(--focus-ring)}.back-to-players .chevron{fill:none;width:28px;height:28px;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.child-bar .name-tag{box-shadow:none;background:0 0;padding:0}.families{grid-template-columns:repeat(2, var(--gommette-md));gap:var(--s-6) var(--s-7);justify-content:center;margin:0 auto;padding:0;list-style:none;display:grid}@media (width>=600px) and (aspect-ratio>=1){.families{grid-template-columns:repeat(3, var(--gommette-md))}}.family{all:unset;width:var(--gommette-md);cursor:pointer;border-radius:50%;display:block;position:relative}.family:focus-visible{box-shadow:var(--focus-ring)}.family .gommette{width:100%;color:var(--ink)}.family.soon .gommette{background:var(--surface);border:3px dashed var(--ink-3);color:var(--ink-3);box-shadow:none}.family.soon .gommette svg{width:62%;height:62%}.family .moon{width:44px;height:44px;color:var(--ink-3);background:var(--paper);border-radius:50%;position:absolute;top:-6px;right:-6px}.family.wiggle{animation:wiggle .3s var(--ease-out)}@keyframes wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.avatar{flex:none}.avatar.small{width:var(--gommette-sm);box-shadow:0 0 0 3px var(--surface);border-width:2px}.avatar.large{width:var(--gommette-lg)}.keyboard{--unit:calc((100cqw - 12px) / 10);--row-h:56px;--accent-h:48px;width:100%;max-width:820px;padding:6px 6px calc(6px + var(--safe-b));background:var(--kraft);border-radius:var(--r-card) var(--r-card) 0 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;gap:0;margin:0 auto;display:grid;overflow-x:clip;container-type:inline-size}.keyboard[data-layout=abc]{--unit:min(76px, calc((100cqw - 12px) / 7))}@media (width>=600px){.keyboard{--row-h:68px;--accent-h:56px}}@media (height<=500px){.keyboard{--row-h:48px;--accent-h:48px}}.keyboard .row{height:var(--row-h);justify-content:center;display:flex}.keyboard .row.accents{height:var(--accent-h);background:color-mix(in oklab, var(--kraft) 96%, var(--ink));border-radius:var(--r-key);margin-bottom:4px}.key{all:unset;flex:0 0 calc(var(--unit) * var(--w,1));height:100%;padding:3px 3px calc(3px + var(--edge-key));box-sizing:border-box;cursor:pointer;touch-action:manipulation;position:relative}.key .cap{background:var(--surface);border-radius:var(--r-key);height:100%;box-shadow:var(--sh-key);font-family:var(--font-letters);font-weight:700;font-size:min(var(--fs-key), calc(var(--row-h) * .5));transition:transform var(--d-release) var(--ease-spring), box-shadow var(--d-release) var(--ease-spring);place-items:center;line-height:1;display:grid}.key[data-pressed] .cap{box-shadow:var(--sh-pressed);transition-duration:var(--d-press);transition-timing-function:var(--ease-out);transform:translateY(3px)}.key.highlight .cap,.tile.highlight{background:var(--help);box-shadow:0 0 0 3px var(--help-ring), 0 calc(var(--edge-key) + 2px) 0 var(--edge);animation:.6s ease-in-out 2 pulse}@keyframes pulse{50%{transform:scale(1.06)}}.key:focus-visible .cap{box-shadow:var(--focus-ring)}@container (width<=492px){.keyboard[data-layout=azerty] .key[data-pressed]:after{content:attr(data-label);text-align:center;background:var(--surface);border:2px solid var(--ink);border-radius:var(--r-key);min-width:56px;font-family:var(--font-letters);pointer-events:none;z-index:1;padding:6px 10px;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.keyboard[data-layout=azerty] .key:first-child[data-pressed]:after{left:0;transform:none}.keyboard[data-layout=azerty] .key:last-child[data-pressed]:after{left:auto;right:0;transform:none}}.tiles{width:100%;padding:var(--s-2);container-type:inline-size}.tiles-grid{--tile:min(calc((100cqw - 56px) / 2), 200px);grid-template-columns:repeat(2, var(--tile));justify-content:center;gap:var(--s-5);display:grid}.tiles-grid[data-count="3"] .tile:last-child{grid-column:1/-1;justify-self:center}@container (width>=600px){.tiles-grid{--tile:clamp(180px, calc((100cqw - (var(--count) - 1) * 24px) / var(--count)), 240px);grid-template-columns:repeat(var(--count), var(--tile))}.tiles-grid[data-count="3"] .tile:last-child{grid-column:auto}}@container (width>=600px) and (width<=839px){.tiles-grid[data-count="4"]{--tile:min(240px, calc((100cqw - 24px) / 2));grid-template-columns:repeat(2, var(--tile))}}.tile{all:unset;width:var(--tile);height:var(--tile);background:var(--surface);border:2px solid var(--edge);border-radius:var(--r-tile);box-shadow:var(--sh-tile);font-family:var(--font-letters);cursor:pointer;touch-action:manipulation;transition:transform var(--d-release) var(--ease-spring), box-shadow var(--d-release) var(--ease-spring);place-items:center;font-weight:700;line-height:1;display:grid;container-type:size}.tile-letter{font-size:62cqh}.tile[data-pressed]{box-shadow:var(--sh-pressed);transition-duration:var(--d-press);transform:translateY(5px)}.tile:focus-visible{box-shadow:var(--focus-ring)}.adult{max-width:760px;min-height:100dvh;padding:calc(var(--s-4) + var(--safe-t)) var(--gutter) calc(var(--s-7) + var(--safe-b));margin:0 auto}@supports (font:-apple-system-body){.adult{font:-apple-system-body;font-family:var(--font-ui)}}.adult h1{font-size:var(--fs-title);line-height:var(--lh-tight);margin:0}.adult h2{font-size:var(--fs-h2);margin:0 0 var(--s-3)}.bar{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);display:flex}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--s-5) var(--s-4);margin-bottom:var(--s-4);box-shadow:0 1px 0 var(--edge)}.note{color:var(--ink-2);margin:var(--s-2) 0}.empty{color:var(--ink-2)}.success{color:var(--success);font-weight:600}.error,.app-error{color:var(--danger);font-weight:600}.app-error{padding:var(--s-3) var(--gutter);background:var(--surface);margin:0}.actions{gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.primary,.secondary,.danger-button{min-height:var(--hit);padding:0 var(--s-5);border-radius:var(--r-pill);font-weight:600}.primary{background:var(--accent);color:var(--on-accent);border:0}.primary:active{background:var(--accent-pressed)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{border:2px solid var(--line);background:var(--surface);color:var(--ink)}.danger-button{border:2px solid var(--danger);background:var(--surface);color:var(--danger)}.link{min-height:var(--hit);padding:0 var(--s-2);color:var(--accent);background:0 0;border:0;text-decoration:underline}.link.danger{color:var(--danger)}.field{gap:var(--s-1);margin-bottom:var(--s-4);display:grid}.field>span{font-weight:600}.field small{color:var(--ink-2)}.field input:not([type=range]),.field select,.up-to select{min-height:var(--hit);padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-key);background:var(--surface);max-width:100%}.field input[type=range]{min-height:var(--hit);accent-color:var(--accent)}fieldset{margin:0 0 var(--s-4);border:0;min-width:0;padding:0}legend{margin-bottom:var(--s-2);padding:0;font-weight:600}.choices{gap:var(--s-2);flex-wrap:wrap;display:flex}.choice{min-width:var(--hit);min-height:var(--hit);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice.selected{box-shadow:0 0 0 3px var(--ink)}.choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.swatch{width:var(--hit);height:var(--hit);background:var(--swatch);border:2px solid var(--ink)}.swatch.selected:after{content:"✓";font-weight:700}.segmented{gap:var(--s-2);flex-wrap:wrap;display:flex}.segmented label,.segmented button{min-height:var(--hit);padding:0 var(--s-4);border:2px solid var(--line);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;align-items:center;display:inline-flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented .selected{background:var(--ink);border-color:var(--ink);color:var(--surface)}.segmented label:has(input:focus-visible){box-shadow:var(--focus-ring)}.family-word{align-items:center;gap:var(--s-1);min-height:var(--hit);padding:0 var(--s-1) 0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-key);background:var(--surface);display:inline-flex}.word-input{min-height:var(--hit);padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-key);background:var(--surface);flex:1;min-width:0}.up-to{gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.sound-list{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sound-list label{align-items:baseline;gap:var(--s-2);min-height:var(--hit);padding:var(--s-2) var(--s-3);border:2px solid var(--line);border-radius:var(--r-key);background:var(--surface);cursor:pointer;display:inline-flex;position:relative}.sound-list input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sound-list label:has(input:checked){background:var(--ink);border-color:var(--ink);color:var(--surface)}.sound-list label:has(input:checked):before{content:"✓"}.sound-list label:has(input:focus-visible){box-shadow:var(--focus-ring)}.graphemes{font-family:var(--font-letters);font-size:1.25rem;font-weight:700}.example{font-size:var(--fs-small);opacity:.8}.tag{font-size:var(--fs-small);font-weight:700}.profiles{margin:0 0 var(--s-3);padding:0;list-style:none}.profile-row{align-items:center;gap:var(--s-3);width:100%;min-height:72px;padding:var(--s-2) var(--s-3);border:0;border-bottom:1px solid var(--edge);text-align:left;background:0 0;display:flex}.profile-row .name{font-family:var(--font-letters);font-size:1.25rem;font-weight:700}.profile-row .meta{color:var(--ink-2);font-size:var(--fs-small);text-align:right;margin-left:auto}.voice-score{color:var(--ink-2);font-size:var(--fs-small)}.confirm{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.credits{font-size:var(--fs-small);color:var(--ink-2)}.credits a{color:var(--accent)}.gate{max-width:400px}.gate .question{font-size:var(--fs-title);font-variant-numeric:tabular-nums;margin:var(--s-4) 0}.digits{gap:var(--s-3);margin:var(--s-4) 0;justify-content:center;display:flex}.digit{border:2px solid var(--line);border-radius:var(--r-key);background:var(--surface);font-variant-numeric:tabular-nums;place-items:center;width:56px;height:64px;font-size:2rem;display:grid}.digit.active{border-bottom:4px solid var(--accent)}.digits.shake{animation:shake .3s var(--ease-out)}@keyframes shake{25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}.pad{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.pad button{border-radius:var(--r-key);background:var(--surface);min-width:64px;min-height:56px;box-shadow:var(--sh-key);font-variant-numeric:tabular-nums;border:0;font-size:1.5rem}.pad button:active{box-shadow:var(--sh-pressed);transform:translateY(3px)}.pad .erase{font-size:var(--fs-body)}.tabs{gap:var(--s-2);padding-bottom:var(--s-2);scrollbar-width:thin;display:flex;overflow-x:auto}.tabs button{min-height:var(--hit);padding:var(--s-1) var(--s-4);border:2px solid var(--line);border-radius:var(--r-pill);background:var(--surface);flex:none;line-height:1.2;display:grid}.tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.tabs small{font-size:.75rem}.quick{text-align:center}.quick-label{font-family:var(--font-letters);overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,18vmin,6rem);font-weight:700;line-height:1.1}.quick .spoken{color:var(--ink-2)}.quick .actions{justify-content:center}.verdict{border-radius:var(--r-pill);min-width:128px;min-height:64px;font-weight:700}.verdict.ok{background:var(--success);color:#fff;border:0}.verdict.ko{border:2px solid var(--danger);background:var(--surface);color:var(--danger)}.bench-list{margin:0;padding:0;list-style:none}.bench-list li{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--edge);min-height:56px;display:flex}.bench-list .label{font-family:var(--font-letters);overflow-wrap:anywhere;min-width:0;font-size:1.5rem;font-weight:700}.bench-list .spoken{color:var(--ink-2);font-size:var(--fs-small);margin-right:auto}.bench-list .label:last-of-type{margin-right:auto}.icon{width:var(--hit);height:var(--hit);border:2px solid var(--line);background:var(--surface);border-radius:50%;flex:none}.icon[aria-pressed=true].yes{background:var(--success);border-color:var(--success);color:#fff}.icon[aria-pressed=true].no{border-color:var(--danger);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.keyboard-test{flex-direction:column;min-height:100dvh;padding-bottom:0;display:flex}.keyboard-test .options{gap:var(--s-3);display:grid}.echo{min-height:160px;margin:var(--s-3) 0;place-items:center;display:grid}.big-letter{font-family:var(--font-letters);font-size:clamp(5rem,24vmin,10rem);font-weight:400;line-height:1.3}.keyboard-test .keyboard{margin-top:auto}@media (prefers-reduced-motion:reduce){:root{--d-move:0s;--ease-spring:var(--ease-out)}.start-gommette:after{opacity:.6;animation:none;transform:scale(1.12)}.family.wiggle,.digits.shake,.key.highlight .cap,.tile.highlight{animation:none}.player:active .gommette{transform:none}}:root{--syl-b:#0b6b70;--success-tint:#dde9dd;--help-tint:#ffeaa5;--gommette-act:clamp(96px, 28vw, 152px);--fs-word:clamp(3rem, 14vmin, 7rem)}.daily-path{all:unset;align-items:center;gap:var(--s-4);box-sizing:border-box;width:min(100%,720px);margin:0 auto var(--s-6);min-height:112px;padding:var(--s-3) var(--s-5);background:var(--surface);border-radius:var(--r-tile);box-shadow:var(--sh-tile);cursor:pointer;display:flex}.daily-path:focus-visible{box-shadow:var(--focus-ring)}.daily-path .path-star{width:80px;color:var(--ink)}.path-dots{border-top:3px dashed var(--ink-3);flex:1;justify-content:space-around;display:flex}.path-dots i{background:var(--profile);border:2px solid var(--ink);border-radius:50%;width:28px;height:28px;margin-top:-16px}.activities{grid-template-columns:repeat(auto-fit, var(--gommette-act));gap:var(--s-5);justify-content:center;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.activity-button{all:unset;width:var(--gommette-act);cursor:pointer;border-radius:50%;display:block}.activity-button:focus-visible{box-shadow:var(--focus-ring)}.activity-button .gommette{width:100%}.activity-button .gommette svg{width:64%;height:64%}.initial{font-family:var(--font-letters);font-weight:700;font-size:calc(var(--gommette-act) * .5);line-height:1}.family.soon{width:var(--gommette-lg);margin:var(--s-6) auto}.activity{flex-direction:column;padding-top:0;padding-bottom:0;display:flex}.activity-bar{align-items:center;gap:var(--s-3);min-height:80px;margin:0 calc(-1 * var(--gutter));padding:calc(var(--s-2) + var(--safe-t)) var(--gutter) var(--s-2);background:var(--profile-tint);display:flex}.progress-dots{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.progress-dots li{border:2px solid var(--ink-3);box-sizing:border-box;border-radius:50%;width:14px;height:14px}.progress-dots li.done{background:var(--profile);border-color:var(--ink);animation:stick .32s var(--ease-spring)}@keyframes stick{0%{transform:scale(0)}}.spacer,.speaker-placeholder{flex:1}.speaker-placeholder{flex:0 0 var(--hit-child)}.speaker{all:unset;width:var(--hit-child);height:var(--hit-child);box-sizing:border-box;background:var(--surface);border:3px solid var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.speaker svg{width:70%;height:70%}.speaker:focus-visible{box-shadow:var(--focus-ring)}.play-area{justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-4) 0;flex-direction:column;flex:1;min-height:0;display:flex}.input-area{padding-bottom:calc(var(--s-4) + var(--safe-b))}.end-screen{flex:1;place-items:center;display:grid}.end-button{all:unset;cursor:pointer;border-radius:50%;place-items:center;display:grid}.end-button:focus-visible{box-shadow:var(--focus-ring)}.end-button>.gommette{width:var(--gommette-lg);--profile:var(--p-soleil)}.end-button.small>.gommette{width:var(--hit-child)}.end-button .chevron{fill:none;width:60%;height:60%;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}@media (height<=500px){.activity{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;display:grid}.activity-bar{grid-column:1/-1}}.prompt{place-items:center;display:grid}.model-letter,.listen-prompt{background:var(--surface);border:3px solid var(--ink);border-radius:var(--r-tile);min-width:1.4em;font-family:var(--font-letters);place-items:center;padding:0 .2em;font-size:22vmin;font-weight:400;line-height:1.15;display:grid}.prompt.small .model-letter{font-size:12vmin}.listen-prompt{all:unset;width:30vmin;height:30vmin;min-width:var(--hit-child);min-height:var(--hit-child);background:var(--surface);border:3px solid var(--ink);border-radius:var(--r-tile);font-family:var(--font-letters);color:var(--ink-3);cursor:pointer;place-items:center;font-size:16vmin;display:grid}.tile.shake,.key.shake .cap,.image-choice.shake,.hunt-cell.shake{animation:wiggle .36s var(--ease-out) 2}.tile.success,.image-choice.success,.hunt-cell.found{box-shadow:0 0 0 3px var(--success), var(--sh-tile)}.hunt-cell .check{background:var(--success);color:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:4px;right:4px}.tiles-grid.syllables .tile-letter{font-size:48cqh}.hunt-grid{grid-template-columns:repeat(3, minmax(var(--hit-child), 120px));gap:var(--s-3);justify-content:center;width:100%;display:grid}@media (width>=600px){.hunt-grid{grid-template-columns:repeat(4, minmax(var(--hit-child), 120px))}}.hunt-cell{aspect-ratio:1;width:auto;height:auto;position:relative;container-type:size}.talking{justify-content:center;align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.hero-letter{font-family:var(--font-letters);font-weight:400;font-size:var(--fs-hero);line-height:1}.hero-letter.placeholder{color:#0000;-webkit-text-stroke:3px var(--ink-3);opacity:.5}.word-image{width:clamp(120px,30vmin,240px);height:auto}.word-image.reveal{animation:reveal .28s var(--ease-enter)}@keyframes reveal{0%{opacity:0;transform:scale(.9)}}.name-model .name-tag.big{font-size:clamp(2rem,8vmin,3.5rem)}.slots{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.slots li{border:2px dashed var(--ink-3);border-radius:var(--r-key);width:clamp(28px,11vw,56px);height:clamp(44px,15vw,72px);font-family:var(--font-letters);place-items:center;font-size:clamp(1.5rem,8vw,2.5rem);font-weight:700;display:grid}.slots li.current{border-bottom:4px solid var(--ink)}.slots li.filled{border:2px solid var(--edge);background:var(--surface);box-shadow:var(--sh-key)}.slots li.hint{border:3px solid var(--help-ring);background:var(--help);color:var(--ink)}.slots li.silent:not(.filled){border-color:var(--ink-3);background:var(--paper);border-style:dotted}.pairs-grid{grid-template-columns:repeat(2, minmax(var(--hit-child), 150px));gap:var(--s-4);justify-content:center;display:grid}@media (width>=600px){.pairs-grid{grid-template-columns:repeat(3, minmax(var(--hit-child), 170px))}}.pair-card{all:unset;aspect-ratio:1;background:var(--kraft);border-radius:var(--r-tile);box-shadow:var(--sh-tile);cursor:pointer;font-family:var(--font-letters);place-items:center;font-weight:700;display:grid;container-type:size}.pair-card.up{background:var(--surface);animation:flip .3s var(--ease-out)}.pair-card.matched{box-shadow:0 0 0 3px var(--success), var(--sh-tile)}.pair-card.highlight{box-shadow:0 0 0 4px var(--help-ring), var(--sh-tile)}.pair-card img{width:70%}.pair-card .card-back{background:var(--profile);border:2px solid var(--ink);border-radius:50%;place-items:center;width:40%;height:40%;display:grid}.pair-card .card-back svg{width:70%}@keyframes flip{0%{transform:rotateY(90deg)}}.clap{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.beats{gap:var(--s-3);min-height:40px;margin:0;padding:0;list-style:none;display:flex}.beats li{background:var(--profile);border:2px solid var(--ink);width:36px;height:36px;animation:stick .32s var(--ease-spring);border-radius:50%}.beats li.model{background:var(--surface)}.beats li.slot{border:3px dashed var(--ink-3);background:0 0;animation:none}.beats li.right{box-shadow:0 0 0 3px var(--success)}.drum{all:unset;width:var(--gommette-lg);aspect-ratio:1;background:var(--profile);border:3px solid var(--ink);box-shadow:var(--sh-sticker);cursor:pointer;transition:transform var(--d-release) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.drum:active{transition-duration:var(--d-press);transform:translateY(3px)scale(.98)}.drum:disabled{cursor:default}.drum svg{width:64%;height:64%}.fusion{all:unset;cursor:pointer;border-radius:var(--r-tile);justify-content:space-between;width:min(100%,520px);display:flex}.fusion:focus-visible{box-shadow:var(--focus-ring)}.fusion-tile{width:120px;height:120px;transition:transform var(--d-move) var(--ease-spring)}.fusion.joined{justify-content:center}.fusion.joined .fusion-tile{border-bottom:4px solid var(--ink);border-radius:0}.fusion.joined .consonant{border-radius:var(--r-tile) 0 0 var(--r-tile)}.fusion.joined .vowel{border-radius:0 var(--r-tile) var(--r-tile) 0}.read-word,.write-word{align-items:center;gap:var(--s-5);flex-direction:column;display:flex}.word-display{font-family:var(--font-letters);font-weight:400;font-size:var(--fs-word);letter-spacing:.04em;line-height:1.2}.word-display.colored .piece.syl-b{color:var(--syl-b)}.word-display .piece:not(.silent){-webkit-text-decoration:underline 3px var(--ink-2);text-decoration:underline 3px var(--ink-2);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:.18em}.word-display .piece.silent{color:var(--ink-3)}.big-speaker{width:96px;height:96px;animation:.6s ease-in-out 2 pulse}.parent-judge{margin:0 calc(-1 * var(--gutter));padding:var(--s-3) var(--gutter);background:var(--kraft);border-top:2px dashed var(--edge);font-family:var(--font-ui);-webkit-user-select:none;user-select:none}.parent-judge-label{font-size:var(--fs-small);color:var(--ink-2);margin-bottom:var(--s-2);display:block}.parent-judge-buttons{justify-content:flex-end;gap:var(--s-2);flex-wrap:wrap;display:flex}.next-row{justify-content:center;display:flex}.image-choices{justify-content:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.image-choice{all:unset;width:clamp(var(--hit-child), 28vw, 180px);aspect-ratio:1;background:var(--surface);border-radius:var(--r-tile);box-shadow:var(--sh-tile);cursor:pointer;place-items:center;display:grid;position:relative}.image-choice img{width:78%}.image-choice.highlight{background:var(--help);box-shadow:0 0 0 3px var(--help-ring), var(--sh-tile)}.progress-grid{margin:0 0 var(--s-4);gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(48px,1fr));padding:0;list-style:none;display:grid}.progress-grid li{border:2px dashed var(--line);border-radius:var(--r-key);min-height:48px;font-family:var(--font-letters);color:var(--ink-3);place-items:center;font-size:1.25rem;display:grid;position:relative}.progress-grid li.status-en-cours{color:var(--ink);background:linear-gradient(transparent 50%, var(--kraft) 50%);border-style:solid}.progress-grid li.status-fragile{border:2px solid var(--help-ring);background:var(--help-tint);color:var(--ink)}.progress-grid li.status-acquis{border:2px solid var(--success);background:var(--success-tint);color:var(--ink)}.progress-grid .badge{font-size:.7rem;font-family:var(--font-ui);position:absolute;top:1px;right:3px}.legend{gap:var(--s-3);font-size:var(--fs-small);color:var(--ink-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.tile.shake,.key.shake .cap,.image-choice.shake,.hunt-cell.shake,.pair-card.up,.progress-dots li.done,.beats li,.big-speaker,.word-image.reveal{animation:none}.fusion-tile,.drum{transition:none}}