:root{--u:min(calc(100vw / 1440), calc(100vh / 810));--fond:#f4efe6;--carte:#fffdf8;--matiere:#d9b98a;--matiere-ombre:#b8925e;--matiere-clair:#e6cca2;--impression:#8c6a3e;--encre:#1d2433;--encre-douce:#4a5063;--trame:#c9c3b8;--bande:#f4efe6;--motif:#7e5e36;--action:#2f5bd3;--action-survol:#2449b0;--action-clair:#dce5fb;--sur-action:#fffdf8;--actif:#f26a2e;--objet:#e2a93b;--desactive:#8a8578;--font-display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-mono:"DM Mono", ui-monospace, Menlo, monospace;--titre-xl-size:calc(40 * var(--u));--titre-xl-line:calc(44 * var(--u));--titre-xl-weight:800;--titre-xl-tracking:-.02em;--titre-size:calc(28 * var(--u));--titre-line:calc(32 * var(--u));--titre-weight:800;--titre-tracking:-.01em;--sous-titre-size:calc(20 * var(--u));--sous-titre-line:calc(26 * var(--u));--sous-titre-weight:700;--corps-size:calc(16 * var(--u));--corps-line:calc(24 * var(--u));--corps-weight:400;--bouton-size:calc(15 * var(--u));--bouton-line:calc(20 * var(--u));--bouton-weight:700;--legende-size:calc(13 * var(--u));--legende-line:calc(18 * var(--u));--legende-weight:500;--legende-tracking:.01em;--chrono-size:calc(18 * var(--u));--chrono-line:calc(24 * var(--u));--chrono-weight:500;--code-size:calc(14 * var(--u));--code-line:calc(20 * var(--u));--code-weight:500;--code-tracking:.08em;--esp-1:calc(4 * var(--u));--esp-2:calc(8 * var(--u));--esp-3:calc(12 * var(--u));--esp-4:calc(16 * var(--u));--esp-6:calc(24 * var(--u));--esp-8:calc(32 * var(--u));--esp-12:calc(48 * var(--u));--rayon-0:0px;--rayon-sm:calc(6 * var(--u));--rayon-md:calc(10 * var(--u));--rayon-rond:calc(9999 * var(--u));--ombre-repos:calc(3 * var(--u)) calc(3 * var(--u)) 0 #1d2433;--ombre-survol:calc(5 * var(--u)) calc(5 * var(--u)) 0 #1d2433;--ombre-actif:0 0 0 #1d2433;--ombre-panneau:calc(8 * var(--u)) calc(8 * var(--u)) 0 #1d2433;--ombre-boite:calc(16 * var(--u)) calc(16 * var(--u)) 0 #1d24332e;--anneau-focus:0 0 0 calc(3 * var(--u)) #fffdf8, 0 0 0 calc(6 * var(--u)) #f26a2e;--trait-fin:calc(2 * var(--u));--trait-epais:calc(3 * var(--u));--trait-selection:calc(3 * var(--u));--cible-min:calc(46 * var(--u));--case-inventaire:calc(72 * var(--u));--hauteur-barre:calc(72 * var(--u));--hauteur-bac:calc(112 * var(--u));--taille-boite:57%;--duree-survol:.12s;--duree-appui:60ms;--duree-cran:.18s;--duree-deblocage:.24s;--duree-rotation:.48s;--duree-tiroir:.56s;--duree-cle-vol:.42s;--duree-cle-aimant:.16s;--duree-cle-rotation:.38s;--duree-couvercle:.7s;--duree-tresor:.42s;--duree-retour-erreur:.32s;--duree-case-bille:90ms;--duree-levier:.15s;--duree-panneau:.2s;--duree-penalite:.9s;--duree-etoile:.26s;--decalage-etoile:.18s;--duree-serie:.6s;--duree-rouages:.7s;--duree-blocage:60s;--duree-reduit:.16s;--courbe-rotation:cubic-bezier(.65, 0, .35, 1);--courbe-ressort:cubic-bezier(.34, 1.56, .64, 1);--courbe-sortie:cubic-bezier(.22, 1, .36, 1);--courbe-reponse:cubic-bezier(.2, .8, .2, 1);--courbe-vol:cubic-bezier(.3, 0, .2, 1);--courbe-symetrique:cubic-bezier(.45, 0, .55, 1);--courbe-couvercle:cubic-bezier(.5, 0, .2, 1);--ombre-repos-x:calc(3 * var(--u));--ombre-repos-y:calc(3 * var(--u));--ombre-repos-flou:0;--ombre-repos-couleur:#1d2433;--ombre-survol-x:calc(5 * var(--u));--ombre-survol-y:calc(5 * var(--u));--ombre-survol-flou:0;--ombre-survol-couleur:#1d2433;--ombre-actif-x:0;--ombre-actif-y:0;--ombre-actif-flou:0;--ombre-actif-couleur:#1d2433;--ombre-panneau-x:calc(8 * var(--u));--ombre-panneau-y:calc(8 * var(--u));--ombre-panneau-flou:0;--ombre-panneau-couleur:#1d2433;--ombre-boite-x:calc(16 * var(--u));--ombre-boite-y:calc(16 * var(--u));--ombre-boite-flou:0;--ombre-boite-couleur:#1d24332e}[data-theme=marine]{--fond:#e9eeec;--matiere:#e4e8e1;--matiere-ombre:#b9c3c0;--matiere-clair:#f2f4f0;--impression:#c8412e;--trame:#c3ccc9;--bande:#f2f4f0;--motif:#72827f}[data-theme=cartographe]{--fond:#eeede3;--matiere:#e4dfc6;--matiere-ombre:#b6ac86;--matiere-clair:#f1eedc;--impression:#8a5a30;--trame:#cec8ae;--bande:#f1eedc;--motif:#877b58}[data-theme=reliure]{--fond:#f2ece6;--matiere:#e8dccd;--matiere-ombre:#bfa392;--matiere-clair:#f4ece2;--impression:#7b3444;--trame:#d3c5b7;--bande:#f4ece2;--motif:#8c6a5b}[data-theme=halloween]{--fond:#eadfea;--matiere:#f3ad6c;--matiere-ombre:#c97c3e;--matiere-clair:#fbddb4;--impression:#44204e;--trame:#d8c7d6;--bande:#fdf0dc;--motif:#6b3c16}[data-theme=noel]{--fond:#eff3ea;--matiere:#cfe4c3;--matiere-ombre:#7fb08b;--matiere-clair:#f7f3e3;--impression:#b3283b;--trame:#bcd3b0;--bande:#f7f3e3;--motif:#4f6a4c}:root{--color-bg:var(--fond);--color-surface:var(--carte);--color-material:var(--matiere);--color-material-shade:var(--matiere-ombre);--color-material-light:var(--matiere-clair);--color-print:var(--impression);--color-ink:var(--encre);--color-ink-soft:var(--encre-douce);--color-line:var(--trame);--color-action:var(--action);--color-action-hover:var(--action-survol);--color-action-light:var(--action-clair);--color-on-action:var(--sur-action);--color-active:var(--actif);--color-object:var(--objet);--color-strip:var(--bande);--color-disabled:var(--desactive);--color-overlay:color-mix(in srgb, var(--encre) 55%, transparent);--font-ui:var(--font-display);--font-numeric:var(--font-mono);--text-title-xl:var(--titre-xl-weight) var(--titre-xl-size) / var(--titre-xl-line) var(--font-ui);--text-title-xl-tracking:var(--titre-xl-tracking);--text-title:var(--titre-weight) var(--titre-size) / var(--titre-line) var(--font-ui);--text-subtitle:var(--sous-titre-weight) var(--sous-titre-size) / var(--sous-titre-line) var(--font-ui);--text-body:var(--corps-weight) var(--corps-size) / var(--corps-line) var(--font-ui);--text-button:var(--bouton-weight) var(--bouton-size) / var(--bouton-line) var(--font-ui);--text-caption:var(--legende-weight) var(--legende-size) / var(--legende-line) var(--font-ui);--text-code:var(--code-weight) var(--code-size) / var(--code-line) var(--font-numeric);--space-1:var(--esp-1);--space-2:var(--esp-2);--space-3:var(--esp-3);--space-4:var(--esp-4);--space-6:var(--esp-6);--space-8:var(--esp-8);--space-12:var(--esp-12);--radius-none:var(--rayon-0);--radius-s:var(--rayon-sm);--radius-m:var(--rayon-md);--radius-round:var(--rayon-rond);--stroke-thin:var(--trait-fin);--stroke-thick:var(--trait-epais);--stroke-selected:var(--trait-selection);--shadow-rest:var(--ombre-repos);--shadow-hover:var(--ombre-survol);--shadow-pressed:var(--ombre-actif);--shadow-panel:var(--ombre-panneau);--shadow-box:var(--ombre-boite);--shadow-box-x:var(--ombre-boite-x);--shadow-box-y:var(--ombre-boite-y);--shadow-box-color:var(--ombre-boite-couleur);--focus-ring:var(--anneau-focus);--lift-hover:calc(-2 * var(--u));--lift-pressed:calc(3 * var(--u));--size-target-min:var(--cible-min);--size-slot:var(--case-inventaire);--size-bar:var(--hauteur-barre);--size-tray:var(--hauteur-bac);--size-arrow:calc(56 * var(--u));--size-box:calc(460 * var(--u));--perspective:calc(1600 * var(--u));--duration-hover:var(--duree-survol);--duration-press:var(--duree-appui);--duration-notch:var(--duree-cran);--duration-unlock:var(--duree-deblocage);--duration-rotate:var(--duree-rotation);--duration-drawer:var(--duree-tiroir);--duration-key-flight:var(--duree-cle-vol);--duration-key-magnet:var(--duree-cle-aimant);--duration-key-turn:var(--duree-cle-rotation);--duration-lid:var(--duree-couvercle);--duration-treasure:var(--duree-tresor);--duration-error-return:var(--duree-retour-erreur);--duration-marble-cell:var(--duree-case-bille);--duration-lever:var(--duree-levier);--duration-zoom:var(--duree-rotation);--ease-rotate:var(--courbe-rotation);--ease-spring:var(--courbe-ressort);--ease-out:var(--courbe-sortie);--ease-response:var(--courbe-reponse);--ease-flight:var(--courbe-vol);--ease-symmetric:var(--courbe-symetrique);--ease-lid:var(--courbe-couvercle)}@media (prefers-reduced-motion:reduce){:root{--ease-spring:var(--courbe-reponse)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);height:100%;color:var(--color-ink);font:var(--text-body);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app{grid-template-rows:var(--size-bar) 1fr var(--size-tray);height:100%;display:grid}.status{color:var(--color-ink-soft);grid-row:1/-1;place-self:center}.status.is-error{color:var(--color-active)}button{font:inherit;color:inherit}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-target-min);padding:0 var(--space-4);font:var(--text-button);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);cursor:pointer;transition:transform var(--duration-hover) var(--ease-response), box-shadow var(--duration-hover) var(--ease-response), background-color var(--duration-hover) linear;display:inline-flex}.button:hover{transform:translate(var(--lift-hover), var(--lift-hover));box-shadow:var(--shadow-hover)}.button:active{transform:translate(var(--lift-pressed), var(--lift-pressed));box-shadow:var(--shadow-pressed);transition-duration:var(--duration-press)}.button:focus-visible,.arrow:focus-visible,.slot-item:focus-visible{box-shadow:var(--shadow-rest), var(--focus-ring);outline:2px solid #0000}.button.is-primary{background:var(--color-action);color:var(--color-on-action)}.button.is-primary:hover{background:var(--color-action-hover)}.hud{padding:0 var(--space-6);background:var(--color-surface);border-bottom:var(--stroke-thick) solid var(--color-ink);z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.hud-title{text-align:center;font:var(--text-subtitle);margin:0}.hud-end{justify-content:flex-end;display:flex}.hud-seed{font:var(--text-code);letter-spacing:var(--code-tracking);color:var(--color-ink-soft)}.audio-controls{align-items:center;gap:var(--space-2);display:flex}.hud-end{gap:var(--space-4)}.icon-button{width:var(--size-target-min);padding:0}.speaker{width:calc(18 * var(--u));height:calc(18 * var(--u));clip-path:polygon(0 32%,30% 32%,70% 0,70% 100%,30% 68%,0 68%);background:currentColor;position:relative}.icon-button.is-muted .speaker{opacity:.35}.icon-button.is-muted:after{content:"";width:calc(26 * var(--u));height:calc(3 * var(--u));background:var(--color-active);position:absolute;transform:rotate(-45deg)}.icon-button{position:relative}.volume{width:calc(96 * var(--u));accent-color:var(--color-action);cursor:pointer}.viewport{cursor:grab;touch-action:none;position:relative;overflow:hidden}.viewport.is-rotating{cursor:grabbing}.viewport.is-zoomed{cursor:zoom-out}.viewport.is-locked{cursor:default}.camera{transform-origin:50%;transition:transform var(--duration-zoom) var(--ease-rotate);position:absolute;inset:0}.scene{perspective:var(--perspective);place-items:center;display:grid;position:absolute;inset:0}.scene>*{grid-area:1/1}.shadow-layer{perspective:var(--perspective);translate:var(--shadow-box-x) var(--shadow-box-y);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.shadow-cube{width:var(--size-box);height:var(--size-box);transform-style:preserve-3d;transition:transform var(--duration-rotate) var(--ease-rotate);position:relative}.shadow-cube.no-transition{transition:none}.shadow-face{--half:calc(var(--size-box) / 2);background:var(--shadow-box-color);backface-visibility:hidden;position:absolute;inset:0}.cube,.shadow-cube{translate:0 0 calc(var(--size-box) / -2)}.cube{width:var(--size-box);height:var(--size-box);transform-style:preserve-3d;pointer-events:none;transition:transform var(--duration-rotate) var(--ease-rotate);position:relative}.cube.no-transition{transition:none}.face{--half:calc(var(--size-box) / 2);transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;position:absolute;inset:0}.face[data-active]{pointer-events:auto}.face[data-face=front],.shadow-face[data-face=front]{transform:translateZ(var(--half))}.face[data-face=back],.shadow-face[data-face=back]{transform:rotateY(180deg) translateZ(var(--half))}.face[data-face=right],.shadow-face[data-face=right]{transform:rotateY(90deg) translateZ(var(--half))}.face[data-face=left],.shadow-face[data-face=left]{transform:rotateY(-90deg) translateZ(var(--half))}.face[data-face=top],.shadow-face[data-face=top]{transform:rotateX(90deg) translateZ(var(--half))}.face[data-face=bottom],.shadow-face[data-face=bottom]{transform:rotateX(-90deg) translateZ(var(--half))}.face-art,.glyph-layer{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.meca,.meca-part,.item{pointer-events:none;backface-visibility:hidden;position:absolute}.meca{transform:translateZ(1px)}.meca-part{transform:translateZ(1.5px)}.item{transform:translateZ(2px)}.meca>svg,.meca-part>svg,.item>svg,.ghost>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.meca-part.is-hidden,.item[data-hidden]{opacity:0}.meca .piece{position:absolute}.meca .piece>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.meca .piece.is-hidden{opacity:0}.maze-plate{position:absolute}.maze-ball{will-change:transform}.zone{pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;transform:translateZ(3px)}.face[data-active] .zone{pointer-events:auto}.zone[hidden]{display:none}.zone.is-circle{border-radius:50%}.zone.is-zoom{cursor:zoom-in}.viewport.is-zoomed .zone.is-zoom{cursor:default}.zone.is-drag,.zone.is-drag-x,.zone.is-tilt,.zone.is-turn{cursor:grab}.zone.is-drag-x:active,.zone.is-tilt:active,.zone.is-turn:active,.zone.is-drag.is-pulling{cursor:grabbing}@keyframes hint-glow{0%,to{outline-color:color-mix(in srgb, var(--color-action) 35%, transparent)}50%{outline-color:var(--color-action)}}.zone.is-hint,.meca.hint-pulse{outline:4px solid var(--color-action);outline-offset:2px;animation:1.1s ease-in-out infinite hint-glow}.zone.is-tilt[data-hint-dir]:after{content:"";border:6px solid var(--color-action);border-width:6px 6px 0 0;width:16%;height:16%;animation:1.1s ease-in-out infinite hint-glow;position:absolute}.zone.is-tilt[data-hint-dir=up]:after{top:2%;left:42%;transform:rotate(-45deg)}.zone.is-tilt[data-hint-dir=down]:after{bottom:2%;left:42%;transform:rotate(135deg)}.zone.is-tilt[data-hint-dir=left]:after{top:42%;left:2%;transform:rotate(-135deg)}.zone.is-tilt[data-hint-dir=right]:after{top:42%;right:2%;transform:rotate(45deg)}.viewport:not(.is-zoomed) .zone.is-dial-up,.viewport:not(.is-zoomed) .zone.is-dial-down{cursor:zoom-in}.meca[data-state^=ouvert]~.zone.is-drag{cursor:default}.meca svg [id$=-decoupe]{transition:opacity .2s linear, stroke var(--duration-hover) var(--ease-response)}.meca svg [id$=-decoupe].is-hover{stroke-dasharray:none}.meca svg [id$=-decoupe].is-press{stroke:var(--color-active);stroke-dasharray:none}.meca svg [id$=-decoupe].is-done{opacity:0}.meca svg .lift,.meca-part{transition:transform var(--duration-hover) var(--ease-response)}.meca svg .lift.is-up{transform:translateY(-4px)}.meca-part.is-up{transform:translateZ(1.5px) translateY(var(--lift))}.meca svg .lift.is-down{transition-duration:var(--duration-press)}.magnet{pointer-events:none;position:absolute;transform:translateZ(3px)}html.is-dragging-item .meca svg [id$=-decoupe]{opacity:0}html.is-dragging-item .meca svg [id$=-decoupe].is-candidate{opacity:1;stroke:var(--color-active);stroke-dasharray:none}html.is-dragging-item,html.is-dragging-item *{cursor:grabbing!important}.pivot,#tiroir-corps{transform-box:fill-box;transform-origin:50%}.from-origin,[id$=-bande]{transform-box:view-box;transform-origin:0 0}.from-hinge{transform-box:fill-box;transform-origin:50% 0}[id=cle]{transform-box:view-box}.arrow{width:var(--size-arrow);height:var(--size-arrow);color:var(--color-on-action);background:var(--color-action);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);cursor:pointer;transform:var(--arrow-pos);transition:transform var(--duration-hover) var(--ease-response), box-shadow var(--duration-hover) var(--ease-response), background-color var(--duration-hover) linear, opacity var(--duration-hover) linear;place-items:center;padding:0;display:grid;position:absolute}.arrow:hover:not(:disabled){background:var(--color-action-hover);transform:var(--arrow-pos) translate(var(--lift-hover), var(--lift-hover));box-shadow:var(--shadow-hover)}.arrow:active:not(:disabled){transform:var(--arrow-pos) translate(var(--lift-pressed), var(--lift-pressed));box-shadow:var(--shadow-pressed);transition-duration:var(--duration-press)}.arrow:disabled{color:var(--color-disabled);background:var(--color-bg);border-style:dashed;border-color:var(--color-disabled);box-shadow:none;cursor:not-allowed}.arrow-glyph{border-top:calc(4 * var(--u)) solid currentColor;border-right:calc(4 * var(--u)) solid currentColor;width:32%;height:32%;transform:rotate(var(--arrow-rot)) translate(-12%, 12%)}.arrow[data-dir=left]{--arrow-rot:-135deg;--arrow-pos:translateY(-50%);top:50%;left:calc(50% - var(--size-box) / 2 - var(--space-12) - var(--size-arrow))}.arrow[data-dir=right]{--arrow-rot:45deg;--arrow-pos:translateY(-50%);top:50%;left:calc(50% + var(--size-box) / 2 + var(--space-12))}.arrow[data-dir=up]{--arrow-rot:-45deg;--arrow-pos:translateX(-50%);left:50%;top:calc(50% - var(--size-box) / 2 - var(--space-4) - var(--size-arrow))}.arrow[data-dir=down]{--arrow-rot:135deg;--arrow-pos:translateX(-50%);left:50%;top:calc(50% + var(--size-box) / 2 + var(--space-4))}.viewport.is-zoomed .arrow,.viewport.is-locked .arrow,.viewport.is-rotating .arrow{opacity:0;pointer-events:none}.back-button{left:var(--space-6);top:var(--space-6);opacity:0;pointer-events:none;position:absolute}.viewport.is-zoomed .back-button{opacity:1;pointer-events:auto}.face-net{right:var(--space-6);bottom:var(--space-6);align-items:center;gap:calc(12 * var(--u));transition:opacity var(--duration-hover) linear;display:flex;position:absolute}.net-grid{grid-template-columns:repeat(4, calc(20 * var(--u)));grid-template-rows:repeat(3, calc(20 * var(--u)));gap:calc(2 * var(--u));display:grid}.net-cell{background:var(--color-surface);border:calc(2 * var(--u)) solid var(--color-ink);cursor:pointer;width:100%;height:100%;transition:background-color var(--duration-hover) linear;border-radius:0;padding:0}.net-cell:hover:not(.is-current){background:var(--color-action-light)}.net-cell.is-current{background:var(--color-action);cursor:default}.net-cell:focus-visible{outline:calc(2 * var(--u)) solid var(--color-action);outline-offset:calc(2 * var(--u))}.net-label{font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));letter-spacing:.04em;text-transform:uppercase;font-weight:700}.viewport.is-zoomed .face-net,.viewport.is-locked .face-net{opacity:0;pointer-events:none}.viewport.is-rotating .face-net{pointer-events:none}.back-glyph{width:calc(10 * var(--u));height:calc(10 * var(--u));border-left:calc(3 * var(--u)) solid currentColor;border-bottom:calc(3 * var(--u)) solid currentColor;transform:rotate(45deg)}.inventory{background:var(--color-material);border-top:var(--stroke-thick) solid var(--color-ink);z-index:2;justify-content:center;align-items:center;display:flex}.slots{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.slot{width:var(--size-slot);height:var(--size-slot);padding:calc(6 * var(--u));background:var(--color-material-light);border:var(--stroke-thin) dashed var(--color-ink-soft);border-radius:var(--radius-none);position:relative}.slot.is-full{background:var(--color-surface);border-style:solid;border-color:var(--color-ink);box-shadow:var(--shadow-rest);transition:transform var(--duration-hover) var(--ease-response), box-shadow var(--duration-hover) var(--ease-response)}.slot.is-full:hover{transform:translate(var(--lift-hover), var(--lift-hover));box-shadow:var(--shadow-hover)}.slot.is-held{background:var(--color-material-light);box-shadow:none;opacity:.55;border-style:dashed;transform:none}.slot-item{cursor:grab;touch-action:none;width:100%;height:100%;position:relative}.slot-item>svg{width:100%;height:100%;display:block}.ghost{z-index:50;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.ghost.is-magnet{transition:transform var(--duration-key-magnet) var(--ease-response)}@media (prefers-reduced-motion:reduce){.camera,.cube,.shadow-cube,.button,.arrow,.slot.is-full{transition-duration:1ms}}.decor,.plaque,.motif,.logement{pointer-events:none;backface-visibility:hidden;position:absolute}.decor{inset:0;transform:translateZ(.15px)}.plaque,.motif{transform:translateZ(.3px)}.logement{transform:translateZ(.6px)}.decor>svg,.plaque>svg,.motif>svg,.logement>svg,.plaque-stack>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.plaque-stack{position:absolute;inset:0}.statement{font-family:var(--font-ui);font-size:calc(var(--size-box) * 32 / 800);color:var(--color-ink);align-items:center;font-weight:600;line-height:1.4;display:flex;position:absolute}.inline-symbol{vertical-align:-.18em;width:1.05em;height:1.05em;margin:0 .1em;display:inline-block}.inline-symbol>svg{width:100%;height:100%;display:block}.maze-plate{transition:transform var(--duration-hover) var(--ease-response)}.maze-plate.is-up{transform:translateY(-.888889%)}.maze-plate [id=labyrinthe-ombre]{transition:transform var(--duration-hover) var(--ease-response)}.maze-plate.is-up [id=labyrinthe-ombre]{transform:translateY(4px)}.meca[data-type=magnifier] svg [id=surface-decoupe]{opacity:0}html.is-dragging-item .meca[data-type=magnifier] svg [id=surface-decoupe].is-candidate{opacity:1}.stage-area{position:relative;overflow:hidden}.stage-area>.viewport{position:absolute;inset:0}.stage-area>.viewport:not(.is-current){visibility:hidden;pointer-events:none}html.is-nested-transition #app{pointer-events:none}.nested-fx{z-index:40;pointer-events:none;position:fixed;inset:0}.nested-sprite{transform-origin:0 0;width:100px;height:100px;position:absolute;top:0;left:0}.nested-sprite>svg{width:100%;height:100%;display:block}.arrow.is-hinting{background:var(--color-action-light);color:var(--color-ink)}.notebook-button{position:relative}.notebook-button.is-active{background:var(--color-action-light)}.notebook-badge{min-width:calc(22 * var(--u));height:calc(22 * var(--u));padding:0 calc(6 * var(--u));font:var(--text-code);color:var(--color-ink);background:var(--color-object);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-round);justify-content:center;align-items:center;display:inline-flex}.notebook-badge[hidden]{display:none}.ds-icon{width:calc(18 * var(--u));height:calc(18 * var(--u));flex-shrink:0;display:block}.notebook{right:var(--space-6);top:calc(var(--size-bar) + var(--space-4));z-index:20;width:calc(460 * var(--u));max-height:calc(100vh - var(--size-bar) - var(--size-tray) - 2 * var(--space-4));gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-8);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thick) solid var(--color-ink);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:fixed}.notebook[hidden]{display:none}.notebook-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--stroke-thick) solid var(--color-ink);display:flex}.notebook-title{font:var(--text-title);letter-spacing:-.01em;margin:0}.notebook-empty{font:var(--text-body);color:var(--color-ink-soft);margin:0}.notebook.has-entries .notebook-empty{display:none}.notebook-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.entry{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:var(--stroke-thin) solid var(--color-ink);flex-direction:column;display:flex}.entry.is-new{background:var(--color-action-light)}.entry-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.entry-face{font:var(--text-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);font-weight:700}.entry-status{align-items:center;gap:var(--space-1);font:var(--text-caption);display:inline-flex}.entry-status.is-ouvert,.entry-status.is-resolu{color:var(--color-action)}.entry-text{font:var(--text-body);line-height:1.5}.entry-lead{display:block}.entry-cells,.entry-legend,.entry-readings{align-items:center;gap:var(--space-1) var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.entry-cells{gap:var(--space-1)}.entry-code{font:var(--text-code);letter-spacing:var(--code-tracking)}.entry-sep{font-weight:800}.entry-statements{margin:var(--space-1) 0 0;padding-left:1.4em}.entry-reading{align-items:center;gap:var(--space-2);display:inline-flex}.entry-note{width:calc(356 * var(--u));max-width:100%;height:auto;margin-top:var(--space-2);display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.maze-plate,.recall [id=rappel-carte]{transition-duration:1ms}}.meca[data-type=bolt]{transform:translateZ(1.8px)}.meca svg [id$=-decoupe].is-flash{stroke:var(--color-active);stroke-dasharray:none;stroke-width:6px}.meca.is-solved svg{filter:grayscale()opacity(.6);transition:filter .3s}.slot.is-combine-target{outline:3px solid var(--color-active);outline-offset:4px}.slot.is-combine-target:after,.slot.is-combine-refused:after{background:var(--color-active);width:22px;height:22px;color:var(--color-surface);content:"+";border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:-10px;right:-10px}.slot.is-combine-refused:after{content:"×"}.hold-row>svg{width:100%;height:100%;position:absolute;inset:0}.blink-rank{width:100%;height:29%;position:absolute;top:100%;left:0}.blink-rank>svg{width:100%;height:100%;display:block}.status.is-outdated{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.ct-icone{width:calc(var(--icon,20) * var(--u));height:calc(var(--icon,20) * var(--u));flex-shrink:0;display:block}.ct-btn{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-target-min);padding:0 var(--space-4);font:var(--text-button);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);cursor:pointer;transition:transform var(--duration-hover) var(--ease-response), box-shadow var(--duration-hover) var(--ease-response), background-color var(--duration-hover) linear;display:inline-flex}.ct-btn-primaire{background:var(--color-action);color:var(--color-on-action)}.ct-btn-icone{width:var(--size-target-min);padding:0}.ct-btn:hover:not(:disabled){transform:translate(var(--lift-hover), var(--lift-hover));box-shadow:var(--shadow-hover)}.ct-btn-primaire:hover:not(:disabled){background:var(--color-action-hover)}.ct-btn:active:not(:disabled){transform:translate(var(--lift-pressed), var(--lift-pressed));box-shadow:var(--shadow-pressed);transition-duration:var(--duration-press)}.ct-btn:focus-visible,.ct-segment:focus-visible,.ct-bascule-piste:focus-visible{box-shadow:var(--shadow-rest), var(--focus-ring);outline:2px solid #0000}.ct-btn.is-grand{min-height:calc(64 * var(--u));padding:0 calc(32 * var(--u));font-size:calc(22 * var(--u));border-width:var(--stroke-thick);box-shadow:var(--shadow-hover);font-weight:800}.ct-btn.is-grand .ct-icone{--icon:24}.ct-chrono{box-sizing:border-box;align-items:center;gap:var(--space-2);height:calc(40 * var(--u));padding:0 var(--space-3);font:var(--text-chrono,500 calc(18 * var(--u)) / calc(24 * var(--u)) var(--font-numeric));font-variant-numeric:tabular-nums;color:var(--color-ink);background:var(--color-bg);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);display:inline-flex}.ct-chrono.is-pause{color:var(--color-ink-soft);background:var(--color-surface);border-style:dashed}.ct-chrono-etat{font-family:var(--font-ui);font-size:calc(13 * var(--u));letter-spacing:.04em;text-transform:uppercase;font-weight:700}.ct-etoiles{align-items:center;gap:calc(6 * var(--u));display:inline-flex}.ct-etoile{width:calc(var(--icon,32) * var(--u));height:calc(var(--icon,32) * var(--u))}.ct-etoile path{stroke:var(--color-ink);stroke-width:1.8px}.ct-etoile.is-pleine path{fill:var(--color-object)}.ct-etoile.is-vide path{fill:none;stroke-dasharray:2.2 2.2;stroke-opacity:.7}.ct-serie,.ct-rouages{box-sizing:border-box;align-items:center;gap:var(--space-2);height:calc(46 * var(--u));padding:0 calc(14 * var(--u));color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);display:inline-flex}.ct-serie-jours,.ct-rouages-nombre{font-family:var(--font-numeric);font-size:calc(22 * var(--u));font-variant-numeric:tabular-nums;font-weight:500}.ct-serie-libelle,.ct-rouages-libelle{font-size:calc(14 * var(--u));font-weight:700}.ct-serie-plus{font-family:var(--font-numeric);font-size:calc(14 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u));background:var(--color-object);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-round)}.ct-serie.is-casse{box-shadow:none;color:var(--color-ink-soft);border-style:dashed}.ct-serie.is-casse .ct-serie-jours{text-decoration:line-through}.ct-rebours{gap:calc(2 * var(--u));color:var(--color-ink);flex-direction:column;display:inline-flex}.ct-rebours-libelle{font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);font-weight:700}.ct-rebours-temps{align-items:center;gap:var(--space-2);font-family:var(--font-numeric);font-size:calc(28 * var(--u));line-height:calc(34 * var(--u));font-variant-numeric:tabular-nums;font-weight:500;display:inline-flex}.ct-rebours.is-compact .ct-rebours-temps{font-size:calc(18 * var(--u));line-height:calc(24 * var(--u))}.ct-panneau{box-sizing:border-box;gap:var(--space-4);width:calc(480 * var(--u));padding:var(--space-6) var(--space-8) var(--space-8);font-family:var(--font-ui);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thick) solid var(--color-ink);box-shadow:var(--shadow-panel);flex-direction:column;display:flex}.ct-panneau.is-large{width:calc(640 * var(--u))}.ct-panneau-tete{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--stroke-thick) solid var(--color-ink);display:flex}.ct-panneau-titre{font:var(--text-title);letter-spacing:-.01em;margin:0}.ct-panneau-corps{gap:var(--space-4);flex-direction:column;display:flex}.ct-bascule,.ct-curseur,.ct-segments{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--size-target-min);font-size:calc(16 * var(--u));color:var(--color-ink);font-weight:700;display:flex}.ct-bascule-libelle,.ct-curseur-libelle,.ct-segments-libelle{align-items:center;gap:calc(10 * var(--u));display:inline-flex}.ct-bascule-piste{box-sizing:border-box;align-items:center;gap:var(--space-2);min-width:calc(96 * var(--u));height:var(--size-target-min);padding:calc(4 * var(--u)) var(--space-3) calc(4 * var(--u)) calc(4 * var(--u));font:inherit;font-size:calc(14 * var(--u));color:var(--color-ink);background:var(--color-bg);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-round);cursor:pointer;display:inline-flex}.ct-bascule-pastille{width:calc(30 * var(--u));height:calc(30 * var(--u));background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ct-bascule.is-on .ct-bascule-piste{padding:calc(4 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u)) var(--space-3);background:var(--color-action);color:var(--color-on-action);flex-direction:row-reverse}.ct-bascule.is-on .ct-bascule-pastille{color:var(--color-ink)}.ct-curseur input{accent-color:var(--color-action);height:var(--size-target-min);cursor:pointer;flex-grow:1}.ct-curseur-valeur{width:calc(56 * var(--u));text-align:right;font-family:var(--font-numeric);font-size:calc(15 * var(--u));font-weight:500}.ct-segments-choix{border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);display:inline-flex;overflow:hidden}.ct-segment{align-items:center;gap:calc(6 * var(--u));min-height:var(--size-target-min);min-width:calc(100 * var(--u));padding:0 calc(14 * var(--u));font:inherit;font-size:calc(15 * var(--u));color:var(--color-ink);background:var(--color-surface);border:0;border-left:var(--stroke-thin) solid var(--color-ink);cursor:pointer;justify-content:center;font-weight:700;display:inline-flex}.ct-segment:first-child{border-left:0}.ct-segment.is-choisi{background:var(--color-action);color:var(--color-on-action)}.ct-pub{box-sizing:border-box;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6) var(--space-4);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) dashed var(--color-action);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.ct-pub.is-compact{padding:var(--space-3) var(--space-4)}.ct-pub-icone{width:var(--size-target-min);height:var(--size-target-min);background:var(--color-action-light);border:var(--stroke-thin) solid var(--color-ink);border-radius:50%;justify-content:center;align-items:center;display:flex}.ct-pub-texte{gap:calc(4 * var(--u));flex-direction:column;display:flex}.ct-pub-titre{font-size:calc(17 * var(--u));line-height:calc(22 * var(--u));font-weight:800}.ct-pub-gain{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u))}.ct-pub-note{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));font-weight:700}.ct-pub-actions{gap:var(--space-3);flex-wrap:wrap;grid-column:2;display:flex}.ct-pub-actions:empty{display:none}.ct-pub.is-obtenue{border-style:solid;border-color:var(--color-ink);background:var(--color-action-light)}.ct-pub.is-obtenue .ct-pub-icone{background:var(--color-object)}.ct-pub.is-indisponible{border-color:var(--color-disabled)}.ct-pub.is-indisponible .ct-pub-icone{background:var(--color-bg);color:var(--color-ink-soft)}@media (prefers-reduced-motion:reduce){.ct-btn{transition:none}}.ct-serie-libelle,.ct-rouages-libelle{white-space:nowrap}.ct-chrono-bloc{align-items:center;gap:var(--space-2);display:inline-flex}.ct-chrono-temps{display:inline-block}.ct-penalite{box-sizing:border-box;align-items:center;gap:calc(4 * var(--u));height:calc(30 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(14 * var(--u));font-family:var(--font-numeric);font-size:calc(15 * var(--u));white-space:nowrap;color:var(--color-ink);background:var(--color-active);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);clip-path:polygon(calc(8 * var(--u)) 0, 100% 0, 100% 100%, calc(8 * var(--u)) 100%, 0 50%);font-weight:500;display:inline-flex}.ct-penalite .ct-icone{--icon:16}.ct-penalite.is-flying{z-index:70;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.ct-btn-indice{padding-right:var(--space-2)}.ct-btn-indice.is-active{background:var(--color-action-light)}.ct-badge{align-items:center;gap:calc(4 * var(--u));height:calc(26 * var(--u));padding:0 var(--space-2);font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));letter-spacing:.02em;color:var(--color-ink);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-round);font-weight:700;display:inline-flex}.ct-badge b{font-family:var(--font-numeric);font-size:calc(13 * var(--u))}.ct-badge .ct-icone{--icon:14}.ct-badge-gratuit{background:var(--color-object)}.ct-badge-pub{background:var(--color-action-light);border-style:dashed}.ct-indice-sous{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));color:var(--color-ink-soft);margin:0}.ct-indice-liste{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ct-niveau{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);flex-direction:column;display:flex}.ct-niveau.is-revele{background:var(--color-bg)}.ct-niveau.is-suivant{border:var(--stroke-thick) solid var(--color-action)}.ct-niveau.is-verrouille{color:var(--color-ink-soft);border-style:dashed}.ct-niveau-tete{align-items:center;gap:var(--space-3);display:flex}.ct-niveau-num{width:calc(28 * var(--u));height:calc(28 * var(--u));font-family:var(--font-numeric);font-size:calc(14 * var(--u));border:var(--stroke-thin) solid currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ct-niveau-nom{font-size:calc(16 * var(--u));line-height:calc(22 * var(--u));flex-grow:1}.ct-niveau-cout{align-items:center;gap:calc(4 * var(--u));font-family:var(--font-numeric);font-size:calc(14 * var(--u));display:inline-flex}.ct-niveau-cout .ct-icone{--icon:14}.ct-niveau-texte{font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));margin:0}.ct-niveau-action{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ct-niveau-verrou{align-items:center;gap:calc(6 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));margin:0;display:flex}.ct-niveau-verrou .ct-icone{--icon:16}.ct-btn:disabled{color:var(--color-disabled);background:var(--color-bg);border-style:dashed;border-color:var(--color-disabled);box-shadow:none;cursor:not-allowed;transform:none}.ct-champ{box-sizing:border-box;width:100%;min-height:var(--size-target-min);padding:0 var(--space-3);font:var(--text-body);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s)}.ct-champ:focus-visible{outline:calc(3 * var(--stroke-thin)) solid var(--color-action);outline-offset:2px}.hud .ct-chrono{justify-self:start}.hud-pause{flex-shrink:0}.screen-overlay{z-index:60;background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.screen-overlay.is-pause{top:var(--size-bar)}.settings-text,.settings-note{font:var(--text-body);color:var(--color-ink-soft);margin:0}.settings-note:empty{display:none}.settings-list{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--stroke-thin) solid var(--color-line);flex-direction:column;display:flex}.share-text{padding:var(--space-4) calc(18 * var(--u));background:var(--color-bg);border:var(--stroke-thin) dashed var(--color-ink);font-family:var(--font-numeric);font-size:calc(18 * var(--u));line-height:calc(28 * var(--u));white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0}.share-status{font:var(--text-body)}.share-status:empty{display:none}.home-screen{background:var(--color-bg);flex-direction:column;grid-row:1/-1;min-height:100%;display:flex}.home-bar{height:var(--size-bar);padding:0 var(--space-6);background:var(--color-surface);border-bottom:var(--stroke-thick) solid var(--color-ink);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.home-brand{align-items:center;display:flex}.home-brand>svg{height:calc(48 * var(--u));width:auto;display:block}.home-bar-end{align-items:center;gap:var(--space-3);display:flex}.home-main{justify-content:center;align-items:center;gap:calc(96 * var(--u));padding:0 calc(96 * var(--u));flex-grow:1;display:flex}.home-box{width:calc(420 * var(--u));height:calc(420 * var(--u));flex-shrink:0;position:relative}.home-box.is-button{cursor:pointer;background:0 0;border:0;padding:0}.home-box.is-button:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.home-box>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-label{left:calc(80 * var(--u));top:calc(266 * var(--u));width:calc(84 * var(--u));height:calc(40 * var(--u));transform-origin:calc(30 * var(--u)) calc(34 * var(--u));font-family:var(--font-numeric);font-size:calc(18 * var(--u));justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;transform:rotate(-8deg)}.home-text{gap:calc(20 * var(--u));max-width:calc(540 * var(--u));flex-direction:column;display:flex}.home-kicker{font-family:var(--font-numeric);font-size:calc(14 * var(--u));letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft)}.home-title{font-size:calc(48 * var(--u));line-height:calc(52 * var(--u));letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800}.home-intro{font-size:calc(18 * var(--u));line-height:calc(27 * var(--u));color:var(--color-ink-soft);margin:0}.home-row{align-items:center;gap:calc(20 * var(--u));flex-wrap:wrap;display:flex}.home-ref{align-items:center;gap:var(--space-2);font-size:calc(15 * var(--u));color:var(--color-ink-soft);display:inline-flex}.home-streak{align-items:center;gap:calc(10 * var(--u));padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--stroke-thin) dashed var(--color-ink);font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));display:flex}.home-time{align-items:center;gap:var(--space-2);font-family:var(--font-numeric);font-size:calc(24 * var(--u));display:inline-flex}.home-countdown{padding:calc(20 * var(--u)) var(--space-6);background:var(--color-surface);border:var(--stroke-thick) solid var(--color-ink);box-shadow:var(--shadow-panel);align-self:flex-start}.home-more{gap:var(--space-2);padding:var(--space-4) calc(96 * var(--u)) var(--space-6);background:var(--color-surface);border-top:var(--stroke-thick) solid var(--color-ink);flex-direction:column;flex-shrink:0;display:flex}.home-more-title{font-size:calc(20 * var(--u));line-height:calc(26 * var(--u));margin:0;font-weight:800}.home-more-note{font-size:calc(14 * var(--u));color:var(--color-ink-soft);margin:0}.home-cards{grid-template-columns:repeat(auto-fit, minmax(calc(200 * var(--u)), 1fr));gap:var(--space-4);margin-top:var(--space-2);display:grid}.home-card{box-sizing:border-box;align-items:flex-start;gap:calc(6 * var(--u));padding:var(--space-3) var(--space-4);font:inherit;text-align:left;color:var(--color-ink);background:var(--color-bg);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);cursor:pointer;transition:transform var(--duration-hover) var(--ease-response), box-shadow var(--duration-hover) var(--ease-response);flex-direction:column;display:flex}.home-card:hover{transform:translate(var(--lift-hover), var(--lift-hover));box-shadow:var(--shadow-hover)}.home-card:active{transform:translate(var(--lift-pressed), var(--lift-pressed));box-shadow:var(--shadow-pressed)}.home-card:focus-visible{box-shadow:var(--shadow-rest), var(--focus-ring);outline:2px solid #0000}.home-card-kicker{font-family:var(--font-numeric);font-size:calc(12 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft)}.home-card-title{font-size:calc(17 * var(--u));line-height:calc(22 * var(--u));font-weight:800}.home-card-facts,.home-card-ref,.home-card-play{align-items:center;gap:calc(6 * var(--u));font-size:calc(14 * var(--u));display:inline-flex}.home-card-facts{min-height:calc(20 * var(--u));color:var(--color-ink-soft)}.home-card-play{color:var(--color-action);margin-top:auto;font-weight:700}@media (prefers-reduced-motion:reduce){.home-card{transition:none}}html.is-end,html.is-end body{height:auto;overflow:auto}html.is-end #app{height:auto;display:block}.end-screen{min-height:100vh;padding-bottom:calc(48 * var(--u));background:color-mix(in srgb, var(--color-material-light) 60%, var(--color-bg));color:var(--color-ink);-webkit-user-select:text;user-select:text}.end-bar{z-index:2;height:var(--size-bar);padding:0 var(--space-8);background:var(--color-surface);border-bottom:var(--stroke-thick) solid var(--color-ink);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.end-bar-title{font:var(--text-subtitle)}.end-hero{padding:var(--space-8) 0 var(--space-2);flex-direction:column;align-items:center;display:flex}.end-art{width:calc(340 * var(--u));height:calc(340 * var(--u));position:relative}.end-art>svg{width:100%;height:100%}.end-treasure{left:50%;top:calc(-18 * var(--u));width:calc(150 * var(--u));height:calc(150 * var(--u));pointer-events:none;position:absolute;transform:translate(-50%)}.end-treasure>svg{width:100%;height:100%}.end-title{margin:var(--space-2) 0 var(--space-2);font:var(--text-title-xl);letter-spacing:var(--text-title-xl-tracking);text-align:center}.end-found{margin:0 0 var(--space-6);font:var(--text-subtitle)}.end-block{width:calc(760 * var(--u));margin:0 auto var(--space-6);padding:var(--space-6) calc(28 * var(--u));box-sizing:border-box;background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);box-shadow:var(--shadow-rest)}.end-block.is-letter{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-bg));transform:rotate(-.6deg)}.end-h2{margin:0 0 var(--space-4);font-size:calc(20 * var(--u));font-weight:800}.end-kicker{margin:0 0 calc(10 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-soft)}.end-letter-text{font-size:calc(18 * var(--u));line-height:calc(28 * var(--u));margin:0;font-style:italic}.end-signature{margin:var(--space-3) 0 0;text-align:right;font-size:calc(16 * var(--u));font-weight:700}.end-num{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.end-time{gap:var(--space-8);align-items:flex-start;display:flex}.end-lines{flex:1}.end-line{padding:var(--space-2) 0;border-bottom:1.5px dashed var(--color-line);font-size:calc(16 * var(--u));justify-content:space-between;align-items:center;display:flex}.end-line:last-child{border-bottom:0}.end-line.is-total{font-size:calc(20 * var(--u));font-weight:800}.end-stars{width:calc(240 * var(--u));align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--stroke-thin) solid var(--color-ink);background:var(--color-material-light);flex-direction:column;display:flex}.end-stars-text{font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));text-align:center}.end-rouages{align-items:center;gap:var(--space-6);display:flex}.end-offer{flex:1}.end-rank{padding:var(--space-3) var(--space-4);border:var(--stroke-thin) solid var(--color-action);background:var(--color-action-light);font-size:calc(18 * var(--u));justify-content:space-between;align-items:center;display:flex}.end-podium{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:flex}.end-podium li{align-items:center;gap:calc(6 * var(--u));flex-direction:column;flex:1;font-weight:700;display:flex}.end-podium-rank{font-size:calc(22 * var(--u));font-weight:800}.end-offline{align-items:center;gap:var(--space-4);padding:var(--space-4);border:var(--stroke-thin) dashed var(--color-ink);background:var(--color-material-light);font-size:calc(16 * var(--u));line-height:calc(23 * var(--u));display:flex}.end-retry{margin-top:var(--space-3);justify-content:flex-end;display:flex}.end-actions{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.hint-panel{right:var(--space-6);top:calc(var(--size-bar) + var(--space-4));z-index:20;width:calc(480 * var(--u));max-height:calc(100vh - var(--size-bar) - var(--size-tray) - 2 * var(--space-4));position:fixed;overflow-y:auto}.hint-panel[hidden]{display:none}.hint-panel .ct-segments{flex-wrap:wrap;justify-content:flex-start}.hint-panel .ct-segment{min-width:0}.hint-offer:empty{display:none}.test-ad-overlay{background:var(--color-overlay)}.test-ad{align-items:center;gap:var(--space-3);text-align:center;font:var(--text-body);flex-direction:column;display:flex}.test-ad p{margin:0}.test-ad-count{font-family:var(--font-numeric);font-size:calc(40 * var(--u))}.streak-main{justify-content:center;align-items:center;gap:calc(60 * var(--u));padding:calc(40 * var(--u)) calc(96 * var(--u));flex-grow:1;display:flex}.streak-figure{align-items:center;gap:var(--space-4);width:calc(420 * var(--u));flex-direction:column;flex-shrink:0;display:flex}.streak-figure svg{width:calc(200 * var(--u));height:calc(200 * var(--u));opacity:.45}.streak-missed{font-size:calc(15 * var(--u));color:var(--color-ink-soft);text-align:center;margin:0}.streak-text{gap:var(--space-6);max-width:calc(700 * var(--u));flex-direction:column;display:flex}.streak-title{font-size:calc(40 * var(--u));line-height:calc(46 * var(--u));text-wrap:balance;margin:0;font-weight:800}.streak-intro{font-size:calc(18 * var(--u));line-height:calc(27 * var(--u));margin:0}.streak-steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.streak-step{align-items:center;gap:var(--space-3);font-size:calc(16 * var(--u));line-height:calc(22 * var(--u));display:flex}.streak-num{width:calc(32 * var(--u));height:calc(32 * var(--u));background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.streak-offer{gap:var(--space-4);min-height:calc(120 * var(--u));flex-direction:column;display:flex}.streak-note{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));color:var(--color-ink-soft);margin:0}.screen-overlay.is-account .ct-panneau{max-height:calc(100vh - 2 * var(--space-4));overflow-y:auto}.screen-overlay.is-busy .ct-panneau-corps{pointer-events:none;opacity:.7}.account-email{gap:var(--space-2);flex-direction:column;display:flex}.account-status{font:var(--text-body);margin:0;font-weight:600}.account-status:empty{display:none}.account-confirm{gap:var(--space-2);flex-direction:column;display:flex}.account-confirm[hidden]{display:none}.ct-btn.is-danger{border-width:calc(2 * var(--stroke-thin));text-decoration:underline}.legal-links{gap:var(--space-1) var(--space-4);font:var(--text-body);font-size:calc(14 * var(--u));flex-wrap:wrap;display:flex}.legal-link{font:inherit;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.legal-link:hover{color:var(--color-ink)}.home-more{position:relative}.home-more>.legal-links{top:var(--space-4);right:calc(96 * var(--u));position:absolute}.loading-screen,.boot{place-self:center;align-items:center;gap:var(--space-4);color:var(--color-ink-soft);text-align:center;flex-direction:column;grid-row:1/-1;display:flex}.loading-logo{width:min(320px,70vw);height:auto}.loading-gear,.boot-gear{animation:2.4s linear infinite loading-turn;display:inline-flex}.boot-gear{border:4px solid;border-top-color:#0000;border-radius:50%;width:36px;height:36px;animation-duration:1s}.loading-text{margin:0}.loading-actions{gap:var(--space-3);display:flex}.loading-screen.is-error .loading-text{color:var(--color-active)}@keyframes loading-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-gear,.boot-gear{animation:none}}.update-banner{left:50%;bottom:var(--space-4);z-index:50;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-s);box-shadow:var(--shadow-rest);display:flex;position:fixed;transform:translate(-50%)}.ct-cal{grid-template-columns:var(--cal-theme,calc(168 * var(--u))) repeat(7, var(--cal-case,calc(96 * var(--u))));column-gap:var(--esp-2,calc(8 * var(--u)));row-gap:calc(14 * var(--u));font-family:var(--font-display,"Bricolage Grotesque", "Trebuchet MS", sans-serif);color:var(--encre,#1d2433);display:grid}.ct-cal-jsem{font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--encre-douce,#4a5063);text-align:center;align-self:end;font-weight:700}.ct-cal-jsem.is-dimanche{color:var(--encre,#1d2433)}.ct-cal-theme{justify-content:center;gap:calc(2 * var(--u));padding-left:calc(10 * var(--u));border-left:var(--trait-epais,calc(3 * var(--u))) solid var(--encre,#1d2433);flex-direction:column;display:flex}.ct-cal-theme-sem{font-family:var(--font-mono,"DM Mono", monospace);font-size:calc(12 * var(--u));color:var(--encre-douce,#4a5063)}.ct-cal-theme-nom{font-size:calc(15 * var(--u));line-height:calc(19 * var(--u));font-weight:700}.ct-jour{box-sizing:border-box;width:var(--cal-case,calc(96 * var(--u)));height:var(--cal-hauteur,calc(80 * var(--u)));padding:calc(6 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u));font:inherit;text-align:left;color:var(--encre,#1d2433);background:var(--carte,#fffdf8);border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);border-radius:var(--rayon-sm,calc(6 * var(--u)));box-shadow:var(--ombre-repos,calc(3 * var(--u)) calc(3 * var(--u)) 0 #1d2433);cursor:pointer;transition:transform var(--duree-survol,.12s) var(--courbe-reponse,cubic-bezier(.2, .8, .2, 1)), box-shadow var(--duree-survol,.12s) var(--courbe-reponse,cubic-bezier(.2, .8, .2, 1));flex-direction:column;display:flex;position:relative}button.ct-jour:hover,.ct-jour.is-survol{transform:translate(calc(-2 * var(--u)), calc(-2 * var(--u)));box-shadow:var(--ombre-survol,calc(5 * var(--u)) calc(5 * var(--u)) 0 #1d2433)}button.ct-jour:active{transform:translate(calc(3 * var(--u)), calc(3 * var(--u)));box-shadow:var(--ombre-actif,0 0 0 #1d2433)}button.ct-jour:focus-visible{outline:calc(2 * var(--u)) solid transparent;box-shadow:var(--ombre-repos,calc(3 * var(--u)) calc(3 * var(--u)) 0 #1d2433), var(--anneau-focus,0 0 0 calc(3 * var(--u)) #fffdf8, 0 0 0 calc(6 * var(--u)) #f26a2e)}.ct-jour-tete{height:calc(20 * var(--u));justify-content:space-between;align-items:center;display:flex}.ct-jour-num{font-family:var(--font-mono,"DM Mono", monospace);font-size:calc(16 * var(--u));font-variant-numeric:tabular-nums;font-weight:500}.ct-jour-icones{gap:calc(3 * var(--u));display:inline-flex}.ct-jour-milieu{flex:1;align-items:center;display:flex}.ct-jour-mention{font-size:calc(12 * var(--u));line-height:calc(14 * var(--u));font-weight:700}.ct-jour-rebours{font-family:var(--font-mono,"DM Mono", monospace);font-size:calc(13 * var(--u))}.ct-jour .ct-etoiles{gap:calc(2 * var(--u))}.ct-jour.is-manque{background:var(--fond,#f4efe6);border-style:dashed}.ct-jour.is-commence .ct-jour-mention,.ct-jour.is-manque .ct-jour-mention{color:var(--encre-douce,#4a5063)}.ct-jour.is-aujourdhui,.ct-jour.is-aujourdhui-joue{border:var(--trait-epais,calc(3 * var(--u))) solid var(--action,#2f5bd3)}.ct-jour-auj{top:calc(-11 * var(--u));padding:0 calc(6 * var(--u));font-size:calc(11 * var(--u));line-height:calc(18 * var(--u));letter-spacing:.04em;text-transform:uppercase;color:var(--sur-action,#fffdf8);background:var(--action,#2f5bd3);border-radius:var(--rayon-sm,calc(6 * var(--u)));white-space:nowrap;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.ct-jour.is-a-venir,.ct-jour.is-demain{cursor:default;box-shadow:none;border-color:var(--trame,#c9c3b8);color:var(--desactive,#8a8578);background:0 0}.ct-jour.is-demain{border-style:solid;border-color:var(--desactive,#8a8578)}.ct-jour.is-avant{visibility:hidden}.ct-jour.is-hors-mois{cursor:default;box-shadow:none;color:var(--trame,#c9c3b8);background:0 0;border-color:#0000}.ct-jour.is-selection{background:var(--action-clair,#dce5fb);border:var(--trait-epais,calc(3 * var(--u))) solid var(--action,#2f5bd3);transform:translate(calc(-2 * var(--u)), calc(-2 * var(--u)));box-shadow:var(--ombre-survol,calc(5 * var(--u)) calc(5 * var(--u)) 0 #1d2433)}.ct-jour-grande{color:var(--encre,#1d2433)}.ct-jour-serie{bottom:calc(5 * var(--u));left:calc(-7 * var(--u));right:calc(-7 * var(--u));height:calc(10 * var(--u));box-sizing:border-box;position:absolute}.ct-jour-serie.is-debut{left:calc(8 * var(--u))}.ct-jour-serie.is-fin{right:calc(8 * var(--u))}.ct-jour-serie.is-seule{left:calc(8 * var(--u));right:calc(8 * var(--u))}.ct-jour-serie.is-en-cours{background:var(--objet,#e2a93b);border-top:calc(2 * var(--u)) solid var(--encre,#1d2433);border-bottom:calc(2 * var(--u)) solid var(--encre,#1d2433)}.ct-jour-serie.is-en-cours.is-debut,.ct-jour-serie.is-en-cours.is-seule{border-left:calc(2 * var(--u)) solid var(--encre,#1d2433);border-radius:calc(5 * var(--u)) 0 0 calc(5 * var(--u))}.ct-jour-serie.is-en-cours.is-fin,.ct-jour-serie.is-en-cours.is-seule{border-right:calc(2 * var(--u)) solid var(--encre,#1d2433);border-radius:0 calc(5 * var(--u)) calc(5 * var(--u)) 0}.ct-jour-serie.is-en-cours.is-seule{border-radius:calc(5 * var(--u))}.ct-jour-serie.is-passee{height:calc(6 * var(--u));bottom:calc(7 * var(--u));background:repeating-linear-gradient(90deg, var(--desactive,#8a8578) 0 calc(6 * var(--u)), transparent calc(6 * var(--u)) calc(10 * var(--u)))}.ct-jour-serie.is-attente{border:calc(2 * var(--u)) dashed var(--encre,#1d2433);background:0 0;border-left:0}.ct-jour-drapeau{color:var(--encre,#1d2433)}.ct-jour-couronne{right:calc(-4 * var(--u));bottom:calc(5 * var(--u));color:var(--encre,#1d2433);background:var(--objet,#e2a93b);border:calc(2 * var(--u)) solid var(--encre,#1d2433);width:calc(22 * var(--u));height:calc(22 * var(--u));box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ct-jour-couronne .ct-icone{width:calc(14 * var(--u));height:calc(14 * var(--u))}.ct-navmois{align-items:center;gap:var(--esp-3,calc(12 * var(--u)));display:inline-flex}.ct-navmois-titre{min-width:calc(240 * var(--u));text-align:center;font-size:calc(28 * var(--u));line-height:calc(32 * var(--u));letter-spacing:-.01em;margin:0;font-weight:800}.ct-recap{gap:var(--esp-2,calc(8 * var(--u)));margin:0;display:flex}.ct-recap-item{align-items:center;gap:calc(6 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u));background:var(--carte,#fffdf8);border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);border-radius:var(--rayon-sm,calc(6 * var(--u)));display:inline-flex}.ct-recap-valeur{font-family:var(--font-mono,"DM Mono", monospace);font-size:calc(17 * var(--u));margin:0;font-weight:500}.ct-recap-libelle{font-size:calc(13 * var(--u));line-height:calc(16 * var(--u));color:var(--encre-douce,#4a5063);font-weight:700}.ct-etat{align-items:center;gap:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));background:var(--fond,#f4efe6);border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);border-radius:var(--rayon-rond,calc(9999 * var(--u)));align-self:flex-start;font-weight:700;display:inline-flex}.ct-etat.is-manque{border-style:dashed}.ct-etat.is-aujourdhui,.ct-etat.is-aujourdhui-joue{background:var(--action,#2f5bd3);color:var(--sur-action,#fffdf8)}.ct-etat.is-a-venir,.ct-etat.is-demain{color:var(--desactive,#8a8578);border-color:var(--desactive,#8a8578)}.ct-marques{gap:calc(6 * var(--u));margin:0;padding:0;list-style:none;display:flex}.ct-marque{width:calc(40 * var(--u));height:calc(40 * var(--u));font-size:calc(22 * var(--u));background:var(--carte,#fffdf8);border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);border-radius:var(--rayon-sm,calc(6 * var(--u)));justify-content:center;align-items:center;display:flex}.ct-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ct-btn-cout{justify-content:space-between;width:100%}.ct-btn-cout>span:nth-child(2){text-align:left;flex:1}.ct-detail{box-sizing:border-box;gap:var(--esp-3,calc(12 * var(--u)));padding:var(--esp-6,calc(24 * var(--u)));font-family:var(--font-display,"Bricolage Grotesque", "Trebuchet MS", sans-serif);color:var(--encre,#1d2433);background:var(--carte,#fffdf8);border:var(--trait-epais,calc(3 * var(--u))) solid var(--encre,#1d2433);box-shadow:var(--ombre-panneau,calc(8 * var(--u)) calc(8 * var(--u)) 0 #1d2433);flex-direction:column;display:flex}.ct-detail-tete{justify-content:space-between;align-items:flex-start;gap:calc(12 * var(--u));display:flex}.ct-detail-titre{font-size:calc(24 * var(--u));line-height:calc(28 * var(--u));margin:0;font-weight:800}.ct-detail-date{margin:calc(2 * var(--u)) 0 0;font-size:calc(15 * var(--u));color:var(--encre-douce,#4a5063)}.ct-detail-grande{align-items:center;gap:calc(6 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));font-size:calc(13 * var(--u));border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);border-radius:var(--rayon-sm,calc(6 * var(--u)));white-space:nowrap;font-weight:700;display:inline-flex}.ct-detail-theme{font-size:calc(15 * var(--u));margin:0;font-weight:700}.ct-detail-stats{align-items:center;gap:var(--esp-4,calc(16 * var(--u)));display:flex}.ct-detail-temps{align-items:center;gap:calc(6 * var(--u));font-family:var(--font-mono,"DM Mono", monospace);font-size:calc(20 * var(--u));display:inline-flex}.ct-detail-tresor{align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));background:var(--fond,#f4efe6);border:var(--trait-fin,calc(2 * var(--u))) solid var(--encre,#1d2433);font-size:calc(15 * var(--u));font-weight:700;display:flex}.ct-detail-tresor img{width:calc(56 * var(--u));height:calc(56 * var(--u))}.ct-detail-actions{gap:var(--esp-2,calc(8 * var(--u)));padding-top:calc(4 * var(--u));flex-direction:column;display:flex}.ct-detail-note{gap:calc(8 * var(--u));font-size:calc(13 * var(--u));line-height:calc(18 * var(--u));color:var(--encre-douce,#4a5063);margin:0;display:flex}.ct-detail-note .ct-icone{flex:none;margin-top:1px}.archives-screen{width:calc(1440 * var(--u));height:calc(810 * var(--u));font-family:var(--font-display,"Bricolage Grotesque", "Trebuchet MS", sans-serif);color:var(--encre);background:var(--fond);margin:0 auto;position:relative;overflow:hidden}.archives-bar{height:calc(72 * var(--u));box-sizing:border-box;padding:0 calc(32 * var(--u));background:var(--color-surface);border-bottom:var(--trait-epais) solid var(--encre);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.archives-title{align-items:center;gap:calc(10 * var(--u));font-size:calc(28 * var(--u));margin:0;font-weight:800;display:flex}html.is-archives body{background:linear-gradient(var(--color-surface) 0 calc(72 * var(--u) - var(--trait-epais)), var(--encre) 0 calc(72 * var(--u)), var(--fond) 0)}html.is-archives #app{background:0 0}.archives-month{left:calc(32 * var(--u));top:calc(92 * var(--u));gap:calc(16 * var(--u));flex-direction:column;display:flex;position:absolute}.archives-calendar{margin-top:calc(-4 * var(--u))}.archives-month.is-six-weeks .ct-cal{--cal-hauteur:calc(66 * var(--u));row-gap:calc(10 * var(--u))}.archives-month.is-six-weeks .ct-jour{padding-bottom:calc(8 * var(--u))}.archives-recap{align-items:center;gap:calc(12 * var(--u));display:flex}.archives-detail{left:calc(952 * var(--u));top:calc(92 * var(--u));width:calc(456 * var(--u));position:absolute}.archives-legend{left:calc(952 * var(--u));top:calc(600 * var(--u));width:calc(456 * var(--u));position:absolute}.archives-caption{margin:0 0 calc(8 * var(--u));font-size:calc(13 * var(--u));letter-spacing:.08em;text-transform:uppercase;color:var(--encre-douce);font-weight:700}.archives-recap .archives-caption{margin:0}.archives-legend-states{gap:calc(8 * var(--u));flex-wrap:wrap;align-items:center;display:flex}.archives-legend-bands{align-items:center;gap:calc(6 * var(--u)) calc(8 * var(--u));margin:calc(10 * var(--u)) 0 0;font-size:calc(14 * var(--u));flex-wrap:wrap;font-weight:700;display:flex}.archives-swatch{width:calc(40 * var(--u));box-sizing:border-box;display:inline-block}.archives-swatch.is-en-cours{height:calc(10 * var(--u));background:var(--objet);border:calc(2 * var(--u)) solid var(--encre);border-radius:calc(5 * var(--u))}.archives-swatch.is-passee{height:calc(6 * var(--u));margin-left:calc(10 * var(--u));background:repeating-linear-gradient(90deg, var(--desactive) 0 calc(6 * var(--u)), transparent calc(6 * var(--u)) calc(10 * var(--u)))}html.is-scroll,html.is-scroll body{height:auto;overflow:auto}html.is-scroll #app{height:auto;display:block}.boxes-screen{min-height:100vh;font-family:var(--font-display,"Bricolage Grotesque", "Trebuchet MS", sans-serif);color:var(--encre);background:var(--fond)}.boxes-bar{z-index:1;height:calc(72 * var(--u));box-sizing:border-box;padding:0 calc(32 * var(--u));background:var(--color-surface);border-bottom:var(--trait-epais) solid var(--encre);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.boxes-title{align-items:center;gap:calc(10 * var(--u));font-size:calc(28 * var(--u));margin:0;font-weight:800;display:flex}.boxes-bar>.ct-btn{justify-self:start}.boxes-main{gap:var(--space-4);max-width:calc(1180 * var(--u));padding:var(--space-5,calc(24 * var(--u))) calc(32 * var(--u)) calc(64 * var(--u));flex-direction:column;margin:0 auto;display:flex}.boxes-main>.ct-segments{align-self:flex-start}.boxes-list{gap:var(--space-6,calc(32 * var(--u)));flex-direction:column;display:flex}.boxes-category-title{align-items:center;gap:calc(10 * var(--u));font-size:calc(22 * var(--u));margin:0;font-weight:800;display:flex}.boxes-group-title{align-items:center;gap:calc(10 * var(--u));margin:var(--space-4) 0 0;font-size:calc(18 * var(--u));font-weight:800;display:flex}.boxes-count{min-width:calc(26 * var(--u));padding:0 calc(8 * var(--u));box-sizing:border-box;font-family:var(--font-numeric);font-size:calc(13 * var(--u));line-height:calc(24 * var(--u));text-align:center;background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:calc(12 * var(--u))}.boxes-empty{font-size:calc(16 * var(--u));color:var(--color-ink-soft);margin:0}.home-more-head{align-items:center;gap:var(--space-4);display:flex}.boxes-category .home-cards{grid-template-columns:repeat(auto-fill, minmax(calc(260 * var(--u)), 1fr))}.home-card .ct-etat{padding:calc(2 * var(--u)) calc(8 * var(--u));font-size:calc(12 * var(--u))}.home-card.is-done{background:var(--color-surface)}.home-fun{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.home-fun-all{margin-top:var(--space-2);display:flex}.tuto-bubble{top:calc(84 * var(--u));left:var(--space-4);z-index:80;pointer-events:none;gap:var(--space-2);width:min(calc(340 * var(--u)), calc(100vw - 32px));box-sizing:border-box;padding:var(--space-3) var(--space-4);color:var(--color-ink);background:var(--color-surface);border:var(--stroke-thick) solid var(--color-ink);border-radius:var(--radius-m);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:fixed}.tuto-kicker{font:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft)}.tuto-text{font:var(--text-body);margin:0}.tuto-actions{gap:var(--space-2);margin-top:var(--space-2);pointer-events:auto;flex-wrap:wrap;display:flex}.tuto-progress{height:calc(6 * var(--u));background:var(--color-line);border-radius:var(--radius-round);overflow:hidden}.tuto-progress-fill{background:var(--color-action);width:0;height:100%;transition:width .22s ease-out;display:block}.tuto-halo{z-index:75;box-sizing:border-box;pointer-events:none;border:var(--stroke-selected) solid var(--color-action);border-radius:var(--radius-m);box-shadow:0 0 0 calc(3 * var(--u)) var(--color-action-light);animation:1.4s ease-in-out infinite tuto-pulse;position:fixed}.tuto-halo[hidden]{display:none}@keyframes tuto-pulse{50%{box-shadow:0 0 0 calc(9 * var(--u)) transparent}}@media (prefers-reduced-motion:reduce){.tuto-halo{animation:none}.tuto-progress-fill{transition:none}}.hud.is-tutorial .hud-start{visibility:hidden}.learn-count{font:var(--text-caption);color:var(--color-ink-soft);margin:0}.home-more-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.tuto-end{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-4);min-height:100%;padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-ink);flex-direction:column;display:flex}.tuto-end-icon{width:calc(96 * var(--u));height:calc(96 * var(--u));color:var(--color-on-action);background:var(--color-action);border:var(--stroke-thick) solid var(--color-ink);border-radius:var(--radius-round);place-items:center;display:inline-grid}.tuto-end-title{font:var(--text-title-xl);margin:0}.tuto-end-text{max-width:calc(520 * var(--u));font:var(--text-body);color:var(--color-ink-soft);margin:0}.tuto-end-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.intro-body{gap:var(--space-4);flex-direction:column;display:flex}.intro-question{font:var(--text-subtitle);margin:0}.intro-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-suggest{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:var(--stroke-thin) solid var(--color-ink);border-radius:var(--radius-m);flex-direction:column;display:flex}.home-suggest-kicker{align-items:center;gap:var(--space-2);font:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);display:inline-flex}.home-suggest-text{font:var(--text-body);margin:0}.mobile-overlay{z-index:70;background:var(--color-overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mobile-card{box-sizing:border-box;width:min(100%,420px);color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-ink);box-shadow:var(--shadow-rest);border-radius:8px;padding:24px 20px;font-family:inherit}.mobile-card h2{margin:0 0 12px;font-size:22px;line-height:1.2}.mobile-card p{margin:0 0 12px;font-size:16px;line-height:1.45}.mobile-card .mobile-hint{color:var(--color-ink-soft);font-size:14px}.mobile-continue{width:100%;min-height:48px;font:inherit;color:var(--color-on-action);background:var(--color-action);border:2px solid var(--color-ink);cursor:pointer;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:700}