.jr{--jr-font:"MDIecole", var(--font-ui);--jr-case:none}.jr[data-police=capitales]{--jr-font:"MDIecole", var(--font-ui);--jr-case:uppercase}.jr[data-police=cursive]{--jr-font:"Cursive Scolaire", cursive}.jr[data-police=ductus]{--jr-font:"Ductus", cursive}.jr{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 24px 16px;display:flex;overflow:hidden}.jr-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.jr-seg{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.jr-seg-b,.jr-pol{min-height:48px;color:var(--muted);font:600 .95rem var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:0 16px;transition:background .15s,color .15s;display:inline-flex}.jr-seg-b svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.jr-seg-b:hover,.jr-pol:hover{color:var(--accent)}.jr-seg-b[aria-selected=true],.jr-pol[aria-checked=true]{background:var(--accent);color:#fff}.jr-pol{flex-direction:column;justify-content:center;gap:0;padding:2px 14px;line-height:1.1}.jr-pol span{color:inherit;font-size:1.35rem}.jr-pol small{font:500 .66rem var(--font-ui);opacity:.8}.jr-pane{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.jr-pane[hidden]{display:none}.jr-head{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.jr-head-r{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.jr-consigne{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-size:clamp(1.7rem,4vh,2.6rem);font-style:italic;font-weight:600;line-height:1.05}.jr-count{font:700 1.05rem var(--font-ui);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.jr-lbl{font:600 .85rem var(--font-ui);color:var(--muted)}.jr-ghost{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-height:48px;color:var(--muted);font:600 .92rem var(--font-ui);cursor:pointer;align-items:center;gap:8px;padding:0 16px;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.jr-ghost svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.jr-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.jr-ghost[aria-pressed=true]{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-tint)}.jr-primary{border-radius:var(--r-md);background:var(--text);color:#fff;min-height:48px;font:700 1.05rem var(--font-ui);cursor:pointer;border:none;padding:0 26px}.jr-primary:hover{filter:brightness(1.25)}.jr-pills{gap:6px;display:inline-flex}.jr-pill{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:48px;min-height:48px;color:var(--text);font:700 1rem var(--font-ui);cursor:pointer;padding:0 14px}.jr-pill:hover{border-color:var(--accent);color:var(--accent)}.jr-pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.jr-row{grid-template-columns:repeat(7,minmax(0,1fr));align-content:safe center;gap:clamp(8px,1.2vw,18px);margin:0;padding:0;list-style:none;display:grid}#c-row{flex:1;min-height:0}.jr-slot-c{flex-direction:column;gap:10px;min-width:0;display:flex}.jr-card{aspect-ratio:3/4;cursor:pointer;background:0 0;border:none;width:100%;max-height:52vh;padding:0;position:relative;container-type:inline-size}.jr-inner{position:absolute;inset:0}.jr-inner.is-flipping{animation:.56s both jr-flip}@keyframes jr-flip{0%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:perspective(900px)rotateY(0)}50%{animation-timing-function:cubic-bezier(.1,.5,.3,1);transform:perspective(900px)rotateY(90deg)}to{transform:perspective(900px)rotateY(0)}}.jr-face{border-radius:var(--r-lg);place-items:center;transition:visibility 0s linear .28s;display:grid;position:absolute;inset:0}.jr-front{visibility:hidden}.jr-card.is-open .jr-front{visibility:visible}.jr-card.is-open .jr-back{visibility:hidden}.jr-back{background:var(--sb-bg);box-shadow:0 6px 16px #0e2a2d2e}.jr-back-n{font:500 clamp(1rem, 16cqi, 2.4rem)/1 var(--font-mono);color:var(--sb-muted);position:absolute;top:8%;left:10%}.jr-back-q{font-family:var(--font-display);color:var(--sb-accent);font-size:clamp(3rem,70cqi,11rem);font-style:italic;font-weight:600;line-height:1}.jr-card:hover .jr-back{box-shadow:0 10px 22px #0e2a2d42}.jr-front{background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.jr-card.is-found .jr-front{box-shadow:inset 0 0 0 4px var(--success), var(--shadow-md)}.jr-card.is-peek .jr-front{box-shadow:inset 0 0 0 4px var(--accent), var(--shadow-md)}.jr-word{font-family:var(--jr-font);text-transform:var(--jr-case);font-size:calc(var(--jr-fs,16) * 1cqi);color:var(--text);white-space:nowrap;padding:0 4%;line-height:1.2}.jr-verdict{justify-content:center;gap:8px;display:flex}.jr-verdict[hidden]{visibility:hidden;display:flex}.jr-v{border-radius:var(--r-md);cursor:pointer;border:none;flex:1;place-items:center;max-width:88px;min-height:56px;display:grid}.jr-v svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.jr-v--ok{background:var(--success)}.jr-v--ko{background:var(--muted)}.jr-v:hover{filter:brightness(1.1)}.jr-done{font-family:var(--font-display);color:var(--success);flex-shrink:0;align-self:center;margin:0;font-size:clamp(1.6rem,3.6vh,2.4rem);font-style:italic;font-weight:600}.jr-done[hidden]{display:none}.jr-row--rel{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));width:100%;max-width:calc(var(--n,3) * 280px);flex:1;min-height:0;margin:0 auto}.jr-rel-lbl{text-align:center;font-family:var(--font-display);color:var(--muted);margin:0;font-size:clamp(1.4rem,3.4vh,2.3rem);font-style:italic;font-weight:600;line-height:1.1}.jr-slot-r.is-ref .jr-rel-lbl{color:var(--accent)}.jr-slot-r.is-ref .jr-back{background:var(--accent-hover)}.jr-slot-r.is-ref .jr-back-q{color:var(--accent-light)}.jr-rel-info{font:600 clamp(.85rem, 1.8vh, 1.1rem) var(--font-ui);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.jr-rel-info[hidden]{visibility:hidden;display:flex}.jr-rel-info svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.jr-rel-info.is-ecole{color:var(--success)}.jr-rel-info.is-maison{color:var(--info)}.jr-rel-info b{font-weight:700}.jr-datenav{align-items:center;gap:6px;display:inline-flex}.jr-date{font:700 1rem var(--font-ui);color:var(--text);text-align:center;min-width:11ch}.jr-ghost--ico{justify-content:center;width:48px;padding:0}.jr-ghost[hidden]{display:none}a.jr-ghost{text-decoration:none}.jr-slots{flex-shrink:0}.jr-drop{aspect-ratio:3/4;border-radius:var(--r-lg);outline:2px dashed var(--border-strong);outline-offset:-2px;background:oklch(from var(--surface) l c h / .5);max-height:34vh;transition:outline-color .15s,background .15s;position:relative;container-type:inline-size}.jr-drop-n{font:500 clamp(.9rem, 12cqi, 1.6rem)/1 var(--font-mono);color:var(--subtle);position:absolute;top:6%;left:8%}.jr-drop.is-target{outline-color:var(--accent);background:var(--accent-tint)}.jr-drop.is-armed{outline-color:var(--accent)}.jr-drop.is-good .jr-tile{box-shadow:inset 0 0 0 4px var(--success), var(--shadow-md)}.jr-drop.is-bad .jr-tile{box-shadow:inset 0 0 0 4px var(--unread), var(--shadow-md);animation:.45s ease-out jr-shake}.jr-pool{border-radius:var(--r-lg);background:var(--surface-alt);flex:1;grid-template-columns:repeat(7,minmax(0,1fr));align-content:safe center;gap:clamp(8px,1.2vw,18px);min-height:0;padding:12px;display:grid}.jr-tile{aspect-ratio:3/4;border-radius:var(--r-lg);background:var(--surface);width:100%;max-height:34vh;box-shadow:var(--shadow-md);cursor:grab;touch-action:none;user-select:none;border:none;place-items:center;transition:box-shadow .15s,transform .15s;display:grid;position:relative;container-type:inline-size}.jr-drop .jr-tile{height:100%;max-height:none;position:absolute;inset:0}.jr-tile.is-selected{box-shadow:inset 0 0 0 4px var(--accent), 0 10px 24px #c25a3840;transform:translateY(-4px)}.jr-tile.is-dragging{opacity:.3}.jr-tile.is-locked{cursor:default;box-shadow:inset 0 0 0 3px var(--text), var(--shadow-md)}.jr-tile.is-locked:after{content:"départ";text-align:center;font:700 clamp(.6rem, 9cqi, .85rem) var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);position:absolute;bottom:6%;left:0;right:0}.jr-ghost-drag{z-index:400;pointer-events:none;cursor:grabbing;margin:0;position:fixed;transform:rotate(-3deg)scale(1.04);box-shadow:0 18px 40px #0e2a2d40}@keyframes jr-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}55%{transform:translate(6px)}80%{transform:translate(-3px)}}.jr-word-zone{flex:none;justify-content:center;display:flex;container-type:inline-size}.jr-big{font-family:var(--jr-font);text-transform:var(--jr-case);font-size:min(var(--jr-big-fs,12) * 1cqi, 22vh);color:var(--text);white-space:nowrap;line-height:1.25;display:block}.jr-l{z-index:0;position:relative}.jr-l.is-masked{color:#0000}.jr-l.is-masked:after{content:"";border:max(3px, .04em) dashed var(--accent);background:var(--accent-tint);z-index:-1;border-radius:.08em;position:absolute;inset:22% 4% 6%}.jr-l.is-masked.is-shown{color:var(--accent)}.jr-l.is-masked.is-shown:after{opacity:0}.jr-write{background:var(--surface);border-radius:var(--r-lg);min-height:140px;box-shadow:var(--shadow-md);flex:1;position:relative;overflow:hidden;container-type:size}.jr-guides{pointer-events:none;position:absolute;inset:0}.jr-guides i{border-top:2px solid var(--border-light);height:0;position:absolute;left:3%;right:3%}.jr-guides i:first-child{top:22%}.jr-guides i:nth-child(2){border-top-style:dashed;top:50%}.jr-guides i:nth-child(3){border-top-color:var(--border-strong);top:72%}.jr-model{text-align:center;font-family:var(--jr-font);text-transform:var(--jr-case);color:var(--border-strong);pointer-events:none;opacity:0;white-space:nowrap;font-size:min(46cqh,15cqw);line-height:1;transition:opacity .25s;position:absolute;inset:auto 0 calc(28% - .22em)}.jr-model.is-on{opacity:1}#l-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.jr-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.jr-act{border-radius:var(--r-md);min-height:60px;font:700 1.1rem var(--font-ui);cursor:pointer;border:none;align-items:center;gap:10px;padding:0 26px;display:inline-flex}.jr-act svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.jr-act--reveal{background:var(--accent);color:#fff}.jr-act--reveal:hover{background:var(--accent-hover)}.jr-act--next{background:var(--text);color:#fff}.jr-act--next:hover{filter:brightness(1.25)}.jr-kbd{text-align:center;color:var(--muted);flex-shrink:0;margin:0;font-size:.78rem}.jr-kbd kbd{font-family:var(--font-mono);background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.74rem}@media (hover:none) and (pointer:coarse){#pane-cartes .jr-kbd,#pane-lettres .jr-kbd{display:none}}.jr button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.jr :where(button):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.jr-card:focus-visible{outline-offset:5px;border-radius:var(--r-lg)}::selection{background:var(--accent-light);color:var(--text)}@media (prefers-reduced-motion:reduce){.jr-inner.is-flipping{animation:none}.jr-face{transition:none}.jr-drop.is-bad .jr-tile{animation:none}}@media (width<=900px){.jr{padding:12px 16px;overflow-y:auto}#c-row,.jr-pool{flex:none}.jr-row,.jr-pool{grid-template-columns:repeat(4,minmax(0,1fr))}.jr-seg-b{padding:0 12px;font-size:.88rem}}@media (width<=560px){.jr-bar{flex-direction:column;align-items:stretch}.jr-seg{overflow-x:auto}.jr-seg-b svg{display:none}.jr-row,.jr-pool{grid-template-columns:repeat(3,minmax(0,1fr))}.jr-act{flex:1;justify-content:center;padding:0 14px}}