:root{--cb-field: #171040;--cb-brique: #2E2560;--cb-bord: rgba(173,167,204,.45);--cb-juste: #35B57C;--cb-faux: #FF6B60}html[data-theme=light]{--cb-field: #F2EEFF;--cb-brique: #FFFFFF;--cb-bord: rgba(36,27,79,.28);--cb-juste: #1E7F55;--cb-faux: #C6302A}.cb-panel{background:var(--indigo);color:var(--blanc);border:1px solid rgba(128,128,128,.22);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.cb-h2{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.35rem;margin:0 0 6px}.cb-sub{color:var(--lavande);margin:0 0 16px;font-size:.95rem}.cb-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:"Baloo 2",sans-serif;font-weight:700;margin-bottom:10px}#cb-vies{color:var(--rose);font-size:1.25rem;letter-spacing:2px}#cb-niveau{color:var(--lavande);font-size:.85rem;font-weight:600;text-align:center}#cb-score{font-size:1.35rem;min-width:3ch;text-align:right}.cb-field{position:relative;width:100%;height:clamp(360px,58vh,520px);border-radius:16px;overflow:hidden;border:1px solid var(--cb-bord);touch-action:none;cursor:ew-resize}.cb-field canvas{display:block;width:100%;height:100%}.cb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#0d0a25b8;backdrop-filter:blur(2px)}html[data-theme=light] .cb-overlay{background:#ffffffc7}.cb-overlay[hidden]{display:none}.cb-carte{background:var(--indigo);color:var(--blanc);border-radius:16px;border:1px solid var(--cb-bord);padding:20px;max-width:340px;text-align:center;box-shadow:var(--shadow)}.cb-carte h3{font-family:"Baloo 2",sans-serif;font-size:1.3rem;margin:0 0 8px}.cb-carte p{margin:0 0 10px;font-size:.95rem;line-height:1.5}.cb-carte-juste{border-color:var(--cb-juste)}.cb-astuce{color:var(--lavande);font-size:.85rem!important}.cb-rec{color:var(--lavande);font-size:.88rem!important}.cb-score-fin{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.8rem;color:var(--rose)}.cb-bilan-titre{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--lavande);margin:14px 0 6px!important}.cb-bilan{list-style:none;margin:0 0 12px;padding:0;text-align:left}.cb-bilan li{font-size:.92rem;padding:5px 10px;margin-bottom:4px;border-radius:8px;background:#80808024}.cb-btn{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.02rem;padding:12px 26px;border-radius:999px;border:none;cursor:pointer;background:var(--rose-plein);color:#fff;margin-top:6px;transition:transform .12s ease,filter .15s ease}.cb-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cb-btn:active{transform:scale(.98)}.cb-jauge{display:flex;align-items:center;gap:10px;margin-top:12px}.cb-jauge-lbl{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.82rem;color:var(--lavande);white-space:nowrap}.cb-jauge-piste{flex:1;height:11px;border-radius:999px;overflow:hidden;position:relative;background:#80808038}#cb-jauge-barre{height:100%;width:100%;border-radius:999px;transform-origin:left center;transform:scaleX(.35);background:linear-gradient(90deg,var(--bleu-plein),var(--rose-plein));transition:transform .28s cubic-bezier(.2,.9,.3,1.2)}.cb-jauge-piste:after{content:"";position:absolute;top:0;bottom:0;left:35%;width:2px;background:#ffffff73}html[data-theme=light] .cb-jauge-piste:after{background:#241b4f59}.cb-son{flex:none;width:36px;height:36px;border-radius:50%;cursor:pointer;border:1px solid rgba(128,128,128,.3);background:#80808024;font-size:1rem;line-height:1;padding:0;color:var(--blanc);transition:background .15s ease,border-color .15s ease,transform .12s ease}.cb-son:hover{border-color:var(--rose);background:#8080803d}.cb-son:active{transform:scale(.94)}.cb-son[aria-pressed=false]{opacity:.55}.cb-lecon{margin-top:12px;padding:12px 14px;border-radius:12px;background:#80808024;border-left:3px solid var(--cb-faux);font-size:.92rem;line-height:1.55;color:var(--lavande)}.cb-lecon[hidden]{display:none}.cb-lecon b{color:var(--blanc)}.cb-lecon-calc{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:1.15rem;color:var(--cb-faux);display:block;margin-bottom:4px}.cb-aide{color:var(--lavande);font-size:.82rem;margin:10px 0 0;text-align:center}.cb-regles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.cb-regle{text-align:center;padding:12px 8px;border-radius:12px;background:#80808024;border:1px solid rgba(128,128,128,.2)}.cb-regle-ico{font-size:1.5rem;display:block;line-height:1.2}.cb-regle-txt{font-size:.8rem;color:var(--lavande);line-height:1.4;display:block;margin-top:4px}.cb-regle-txt b{color:var(--blanc)}.cb-mur{display:flex;flex-wrap:wrap;gap:6px}.cb-case{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.88rem;min-width:38px;text-align:center;padding:7px 4px;border-radius:9px;background:#80808029;color:var(--lavande);border:1px solid transparent;transition:background .2s ease,color .2s ease}.cb-case.est-pris{background:var(--rose-plein);color:#fff;border-color:var(--rose-plein)}.cb-mur-titre{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.6px;color:var(--lavande);margin:16px 0 8px}#cb-mur-compte{font-family:"Baloo 2",sans-serif;font-weight:800;color:var(--rose)}@keyframes cb-pulse{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}#cb-score{display:inline-block;will-change:transform}#cb-score.cb-pulse{animation:cb-pulse .34s ease-out}@keyframes cb-secoue{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}#cb-vies{display:inline-block}#cb-vies.cb-secoue{animation:cb-secoue .42s ease-in-out}@keyframes cb-case-pop{0%{transform:scale(1)}45%{transform:scale(1.38)}to{transform:scale(1)}}.cb-case.cb-neuf{animation:cb-case-pop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes cb-carte-in{0%{opacity:0;transform:scale(.86) translateY(12px)}to{opacity:1;transform:none}}.cb-carte{animation:cb-carte-in .26s cubic-bezier(.2,.9,.3,1.35)}@keyframes cb-voile-in{0%{opacity:0}to{opacity:1}}.cb-overlay:not([hidden]){animation:cb-voile-in .18s ease-out}@keyframes cb-lecon-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cb-lecon:not([hidden]){animation:cb-lecon-in .22s ease-out}@keyframes cb-appel{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.cb-btn-go{animation:cb-appel 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){#cb-score.cb-pulse,#cb-vies.cb-secoue,.cb-case.cb-neuf,.cb-btn-go{animation:none}.cb-carte{animation:cb-voile-in .2s ease-out}.cb-lecon:not([hidden]){animation:cb-voile-in .2s ease-out}#cb-jauge-barre{transition:none}}@media(max-width:420px){.cb-case{min-width:34px;font-size:.82rem}.cb-regle-ico{font-size:1.3rem}.cb-regle-txt{font-size:.74rem}}