.cn-page{--cn-ink:#272344;--cn-muted:#67627c;--cn-purple:#5144b5;--cn-surface:#fff;--cn-soft:#f5f3ff;--cn-border:#e4e0f0;--cn-green:#256b50;--cn-blue:#265fa7;--cn-red:#ae3f4a;--primary-color:var(--cn-purple);color:var(--cn-ink);max-width:1360px;padding:28px 32px 56px}.cn-page [hidden]{display:none!important}.cn-page button,.cn-page input,.cn-page select{font:inherit}.cn-page a,.cn-page button,.cn-page summary{-webkit-tap-highlight-color:transparent}.cn-page :is(button,input,select,a,summary):focus-visible{outline:3px solid #947020;outline-offset:4px}.cn-page button{transition:background-color .16s,border-color .16s,box-shadow .16s}.cn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--cn-muted);margin-bottom:26px}.cn-page .cn-breadcrumb a{color:var(--cn-purple);text-decoration:none;font-weight:600}.cn-header{margin-bottom:26px;gap:24px}.cn-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--cn-muted);margin:0 0 9px}.cn-header .cn-eyebrow{color:var(--cn-purple)}.cn-page .mn-title{font-size:clamp(1.8rem, 3.25vw, 2.9rem);letter-spacing:-.05em;line-height:1.2;color:var(--cn-ink)}.cn-page .mn-title span{color:var(--cn-purple)}.cn-page .mn-subtitle{margin-top:12px;font-size:.95rem;color:var(--cn-muted)}.cn-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.cn-tags span{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:20px;padding:5px 10px;font-size:.7rem;color:var(--cn-muted)}.cn-tags span:first-child{background:#f7eccc;border-color:#ebd8a4;color:#6c551f}.cn-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.cn-page .mn-fs-btn{background:var(--cn-purple);border-color:var(--cn-purple);color:#fff;box-shadow:0 4px 12px #5144b518;font-size:.85rem;border-radius:12px}.cn-header-actions a{font-size:.74rem;color:var(--cn-muted);text-underline-offset:4px}.cn-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;border-top:1px solid var(--cn-border);padding-top:20px}.cn-mode-switch{display:flex;padding:5px;gap:5px;border:1px solid var(--cn-border);border-radius:14px;background:#ece9f7}.cn-mode-switch button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:0;border-radius:10px;padding:9px 19px;background:0 0;color:var(--cn-muted);font-weight:650;font-size:.86rem;cursor:pointer}.cn-mode-switch button[aria-pressed=true]{background:var(--cn-surface);color:var(--cn-purple);box-shadow:0 2px 5px #2723440d}.cn-topbar-tip{font-size:.76rem;color:var(--cn-muted);font-style:italic}.cn-page .mn-main{grid-template-columns:310px minmax(0,1fr);gap:22px}.cn-page .mn-panel{gap:16px;min-width:0}.cn-page .mn-card{padding:21px;border:1px solid var(--cn-border);border-radius:18px;background:var(--cn-surface);box-shadow:0 5px 20px #27234404}.cn-page h2{font-size:1.05rem;color:var(--cn-ink);margin:0 0 14px}.cn-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cn-card-heading h2{margin:0}.cn-small-tag{color:var(--cn-purple);background:var(--cn-soft);border-radius:8px;font-size:.72rem;padding:5px 8px}.cn-page .mn-niveau-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cn-page .mn-chip{border-radius:9px;border:1px solid var(--cn-border);font-size:.8rem;font-weight:700;color:var(--cn-muted);min-height:40px;padding:7px 10px}.cn-page .mn-chip.active{color:#fff;background:var(--cn-purple);border-color:var(--cn-purple)}.cn-level-note{font-size:.72rem;color:var(--cn-purple);margin:9px 0 20px}.cn-palette-help{color:var(--cn-muted);font-size:.75rem;margin:0 0 14px}.cn-family{margin-bottom:15px;--cn-family:var(--cn-green);--cn-tint:#eef6f0}.cn-family-c{--cn-family:var(--cn-red);--cn-tint:#fdf0ef}.cn-family-d,.cn-family-dm{--cn-family:var(--cn-blue);--cn-tint:#edf4fc}.cn-family-m,.cn-family-u{--cn-family:var(--cn-green);--cn-tint:#eef6f0}.cn-family-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:7px}.cn-page .cn-family-heading h3{font-size:.72rem;margin:0;display:flex;align-items:center;gap:7px;color:var(--cn-family)}.cn-family-heading h3 span{display:grid;place-items:center;height:22px;min-width:22px;border-radius:6px;background:var(--cn-tint);font-size:.65rem}.cn-family-heading button{border:0;background:0 0;color:var(--cn-muted);font-size:.66rem;cursor:pointer;padding:5px;min-height:28px}.cn-family-heading button:disabled{opacity:.45;cursor:default}.cn-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cn-page .cn-palette .mn-add-btn{display:block;border-radius:7px;min-height:36px;padding:7px 2px;border:1px solid transparent;color:var(--cn-family);background:var(--cn-tint);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.cn-page .cn-palette .mn-add-btn:hover{border-color:var(--cn-family)}.cn-page .cn-palette .mn-add-btn[aria-pressed=true]{color:#fff;background:var(--cn-family);border-color:var(--cn-family);box-shadow:inset 0 0 0 2px var(--cn-surface)}.cn-page .mn-hint{color:var(--cn-muted);font-size:.71rem;line-height:1.6}.cn-page .mn-btn{background:var(--cn-surface);border:1px solid var(--cn-border);color:var(--cn-ink);border-radius:9px;font-size:.77rem;padding:9px 12px;min-height:40px}.cn-page .mn-btn:hover:not(:disabled){border-color:var(--cn-purple);background:var(--cn-soft)}.cn-page .mn-btn-primary,.cn-page .mn-btn-primary:hover:not(:disabled){background:var(--cn-purple);color:#fff;border-color:var(--cn-purple)}.cn-page label{display:block;color:var(--cn-muted);font-size:.76rem;margin-bottom:7px}.cn-input-row{display:flex;gap:8px}.cn-page input,.cn-page select{background:var(--cn-surface);color:var(--cn-ink);border:1px solid var(--cn-border);border-radius:9px;min-width:0;padding:10px}.cn-page input{width:100%;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.cn-page select{width:100%;font-size:.78rem;min-height:44px}.cn-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cn-examples button{border:1px solid var(--cn-border);color:var(--cn-purple);background:var(--cn-soft);border-radius:7px;font-size:.7rem;padding:7px 9px;min-height:34px;cursor:pointer}.cn-page .cn-challenge-card{background:var(--cn-soft)}.cn-page .cn-board{gap:0;padding:26px;background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:22px;box-shadow:0 8px 32px #27234407;min-width:0}.cn-board-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.cn-board-heading h2{font-size:1.3rem;margin:0}.cn-board-heading .cn-eyebrow{font-size:.62rem;margin-bottom:6px}.cn-board-badge{font-size:.7rem;border:1px solid var(--cn-border);padding:5px 10px;border-radius:20px;color:var(--cn-muted)}.cn-board-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:15px}.cn-board-toolbar>div{display:flex;gap:5px}.cn-board-toolbar .mn-btn[aria-pressed=true]{background:var(--cn-soft);border-color:#aaa0da;color:var(--cn-purple)}.cn-board-toolbar .mn-btn span{margin-right:4px}.cn-page .cn-clear{color:var(--cn-muted);border-color:transparent;font-size:.71rem}.cn-page .mn-workspace{min-height:340px;height:340px;border:1px solid #e9e3d7;border-radius:15px;background-color:#fbfaf5;background-image:radial-gradient(#d8d4c8 .8px,transparent .8px);background-size:18px 18px;touch-action:pan-y}.cn-board-watermark{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#77715e;text-transform:uppercase;letter-spacing:.17em;font-size:.57rem;pointer-events:none}.cn-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;color:#625d4e;pointer-events:none}.cn-empty>span{color:#827797;font-size:2.5rem;letter-spacing:.3em;margin-bottom:15px}.cn-empty strong{font-size:.9rem}.cn-empty p{font-size:.76rem;max-width:230px;margin-top:8px}.cn-page .mn-piece.cn-card{--cn-digit:clamp(36px, 4.5vw, 66px);position:absolute;height:82px;padding:0 5px;border:1px solid #d9ceaf;border-left:5px solid currentColor;border-radius:6px;background:#fffdf5;color:#256b50;box-shadow:0 5px 0 #e7dfcc,0 9px 16px #4b402219;display:flex;align-items:center;justify-content:flex-end;font-family:'Courier New',monospace;font-size:clamp(2.4rem, 4.2vw, 3.4rem);font-weight:700;cursor:grab;line-height:1}.cn-card .cn-digit{width:var(--cn-digit);display:inline-block;text-align:center;pointer-events:none}.cn-page .cn-card.cn-c{color:#ae3f4a;z-index:23}.cn-page .cn-card.cn-d{color:#265fa7;z-index:24}.cn-page .cn-card.cn-u{z-index:25}.cn-page .cn-card.cn-m{z-index:22}.cn-page .cn-card.cn-dm{color:#265fa7;z-index:21}.cn-page .cn-card.dragging{z-index:100;cursor:grabbing;box-shadow:0 8px 20px #27234435}.cn-page .cn-card:focus-visible{outline:3px dashed #5144b5;outline-offset:7px}.cn-page .mn-counter.cn-reading{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;border:0;background:var(--cn-soft);border-radius:12px;box-shadow:none;padding:16px 19px;margin:18px 0 14px}.cn-reading>div{display:flex;flex-direction:column}.cn-reading .cn-eyebrow{font-size:.56rem;margin-bottom:3px}.cn-page .mn-counter-total{text-align:left;font-size:2rem;letter-spacing:-.04em;color:var(--cn-purple);line-height:1.2}.cn-page .mn-counter-decomp{font-size:.93rem;color:var(--cn-muted);white-space:normal;margin-left:auto}.cn-page .mn-eye-btn{color:var(--cn-purple);font-size:.94rem;border:1px solid var(--cn-border);border-radius:50%;flex-shrink:0}.cn-place-values{display:flex;justify-content:center;border:1px solid var(--cn-border);border-radius:12px;overflow:hidden}.cn-place{flex:1;text-align:center;padding:10px 4px;border-right:1px solid var(--cn-border);min-width:0}.cn-place:last-child{border-right:0}.cn-place>span{font-size:.63rem;display:block;color:var(--cn-muted)}.cn-place strong{display:block;font-size:1.6rem;color:var(--cn-family);font-weight:700;line-height:1.4}.cn-place.cn-is-zero strong{color:var(--cn-muted)}.cn-zero-note{text-align:center;color:var(--cn-muted);font-size:.78rem;line-height:1.7;margin:13px 0}.cn-keyboard-help{padding-top:14px;border-top:1px solid var(--cn-border);color:var(--cn-muted);font-size:.67rem;line-height:1.7;margin:0}.cn-page .mn-defi-banner{position:static;order:0!important;margin:0 0 16px;padding:12px 14px;background:var(--cn-soft);border:1px solid var(--cn-border);border-radius:12px;box-shadow:none;font-size:.85rem;justify-content:space-between}.cn-page .mn-defi-feedback{flex-basis:100%;font-size:.83rem;line-height:1.5;min-height:0;margin:0;text-align:left;color:var(--cn-ink)}.cn-page .mn-defi-feedback:empty{display:none}.cn-page .mn-defi-feedback.ok{color:var(--cn-green)}.cn-page .mn-defi-feedback.ko{color:var(--cn-red)}.cn-guide{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:16px;margin-top:24px;scroll-margin-top:100px}.cn-guide summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 24px;cursor:pointer;font-size:.88rem;font-weight:700}.cn-guide summary>span:first-child>span{color:var(--cn-purple);margin-right:9px}.cn-guide summary>span:last-child{color:var(--cn-muted);font-size:.71rem;font-weight:400}.cn-guide summary::after{content:'+';color:var(--cn-purple)}.cn-guide[open] summary::after{content:'−'}.cn-guide-content{padding:5px 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cn-guide-number{display:block;color:var(--cn-purple);font-size:.8rem;margin-bottom:10px}.cn-guide-content h2{font-size:.91rem;margin-bottom:8px}.cn-guide-content p{font-size:.79rem;color:var(--cn-muted);line-height:1.8;margin:0}.cn-guide-content a{color:var(--cn-purple);text-decoration:underline;text-underline-offset:3px}.cn-bo-note,.cn-privacy-note{grid-column:1/-1;border-top:1px solid var(--cn-border);padding-top:16px}.cn-page.mn-tableau{max-width:none;background:var(--cn-soft);padding:12px}.cn-page.mn-tableau .cn-board-watermark,.cn-page.mn-tableau .cn-breadcrumb,.cn-page.mn-tableau .cn-guide,.cn-page.mn-tableau .cn-keyboard-help,.cn-page.mn-tableau .cn-topbar{display:none}.cn-page.mn-tableau .cn-board{padding:16px;gap:8px;overflow-y:auto}.cn-page.mn-tableau .cn-board-heading,.cn-page.mn-tableau .cn-board-toolbar{margin-bottom:0}.cn-page.mn-tableau .cn-board-heading .cn-eyebrow{display:none}.cn-page.mn-tableau .mn-workspace{min-height:170px}.cn-page.mn-tableau .cn-reading{margin:0}.cn-page.mn-tableau .cn-zero-note{margin:0}.cn-page.mn-tableau .mn-panel{background:var(--cn-surface)}.cn-page.mn-tableau .mn-tableau-toolbar strong{font-size:0}.cn-page.mn-tableau .mn-tableau-toolbar strong::after{content:'Cartes-nombres';font-size:1rem}[data-theme=dark] .cn-page{--cn-ink:#efeaf9;--cn-muted:#bcb6d0;--cn-purple:#b7aaff;--cn-surface:#242235;--cn-soft:#302b46;--cn-border:#49425f;--cn-green:#8bdbb4;--cn-blue:#9ac4ff;--cn-red:#f3a3ad;--primary-color:#6758c7}[data-theme=dark] .cn-mode-switch{background:#191726}[data-theme=dark] .cn-page .mn-btn-primary,[data-theme=dark] .cn-page .mn-chip.active,[data-theme=dark] .cn-page .mn-fs-btn{background:#5d4eb8;border-color:#8d7cdd;color:#fff}[data-theme=dark] .cn-family{--cn-tint:#2c3936}[data-theme=dark] .cn-family-c{--cn-tint:#452c38}[data-theme=dark] .cn-family-d,[data-theme=dark] .cn-family-dm{--cn-tint:#28394e}[data-theme=dark] .cn-page .cn-palette .mn-add-btn[aria-pressed=true]{color:#171b23}[data-theme=dark] .cn-tags span:first-child{background:#42391e;color:#f3d88f;border-color:#65572f}@media screen and (max-width:1000px){.cn-page{padding:24px 20px 40px}.cn-page .mn-main{grid-template-columns:275px minmax(0,1fr);gap:16px}.cn-page .cn-board{padding:19px}.cn-header-actions{align-items:flex-start}.cn-topbar-tip{display:none}}@media screen and (max-width:760px){.cn-page .mn-main{display:flex;flex-direction:column}.cn-page .cn-board,.cn-page .mn-panel{width:100%}.cn-page .mn-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.cn-page .cn-toolbox{grid-column:1/-1}.cn-page .cn-toolbox{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cn-toolbox .cn-card-heading,.cn-toolbox .cn-level-note,.cn-toolbox .cn-palette-help,.cn-toolbox .mn-niveau-chips,.cn-toolbox>.mn-hint{grid-column:1/-1;margin-bottom:0}.cn-toolbox .cn-family{margin:0}.cn-page .cn-challenge-card,.cn-page .cn-prepare{grid-column:1/-1}.cn-page .mn-piece.cn-card{--cn-digit:46px;height:72px}.cn-guide-content{grid-template-columns:1fr}.cn-guide summary>span:last-child{display:none}.cn-page.mn-tableau .mn-main{display:grid}.cn-page.mn-tableau .cn-toolbox,.cn-page.mn-tableau .mn-panel{display:flex;flex-direction:column}.cn-page.mn-tableau-panel-closed .mn-panel{display:none}.cn-page.mn-tableau .cn-family{width:100%}.cn-page.mn-tableau .mn-piece.cn-card{--cn-digit:36px;height:66px}}@media screen and (max-width:430px){.cn-page{padding:19px 12px 32px}.cn-breadcrumb{font-size:.7rem;margin-bottom:19px}.cn-page .mn-title{font-size:2rem}.cn-header-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.cn-page .cn-board,.cn-page .mn-card{padding:15px}.cn-mode-switch{width:100%}.cn-mode-switch button{padding:8px;flex:1;font-size:.73rem;gap:5px}.cn-page .cn-palette .mn-add-btn{min-height:42px}.cn-page .mn-piece.cn-card{--cn-digit:38px;height:68px;font-size:2.3rem}.cn-page .mn-workspace{min-height:300px;height:300px}.cn-board-toolbar .mn-btn{padding:8px;font-size:.71rem}.cn-board-heading h2{font-size:1.1rem}.cn-page .mn-counter.cn-reading{padding:12px;gap:10px}.cn-page .mn-counter-decomp{font-size:.79rem}.cn-place>span{font-size:.6rem;overflow-wrap:anywhere}.cn-page.mn-tableau .cn-board{padding:10px}}@media (prefers-reduced-motion:reduce){.cn-page *,.cn-page ::after,.cn-page ::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}