/* /ce1-calcul — le calcul éclair des dinos (thème vallée des dinos de /ce1).
   Copie de /ce2-tables/styles.css, re-thématisée. Gros boutons (les CE1
   visent mal), pas de menu en cascade, la question et le pavé tiennent sur
   un écran de tablette sans défiler. Tout est préfixé « cc- ».
   Palette du brief CE1 : vert jungle #2B8A3E, vert clair #D3F9D8, sable
   #FFF3D6, orange volcan #E8590C (décor ; texte #C2410C), lagon #1C7ED6,
   encre #1F2D24. Tout texte ≥ 4.5:1 sur son fond. */
@font-face{font-family:Quicksand;src:url("/lecture/polices/quicksand-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Quicksand;src:url("/lecture/polices/quicksand-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Baloo 2";src:url("/ce1-fr/polices/baloo-2-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

html,body{margin:0;background:#FFF3D6}
body{min-height:100vh;font-family:Quicksand,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;color:#1F2D24;-webkit-tap-highlight-color:transparent}
.cc{--encre:#1F2D24;--doux:#574A33;--vert:#2B8A3E;--vertf:#1B5E29;--or:#E3A008;--volcan:#C2410C;--lagon:#1864AB;min-height:100vh;display:flex;flex-direction:column}
.cc *{box-sizing:border-box}
.cc a{color:inherit}
button{font:inherit}

/* ---------- bandeau ---------- */
.cc-barre{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 14px;
  background:linear-gradient(180deg,#D3F9D8,#B2F2BB);box-shadow:0 2px 0 rgba(31,45,36,.12)}
.cc-retour{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--encre);
  font-size:24px;font-weight:700;text-decoration:none;box-shadow:0 3px 0 rgba(31,45,36,.2)}
.cc-retour.flottant{position:absolute;top:10px;left:10px;z-index:3}
.cc-barre-t{flex:1;min-width:0;display:flex;flex-direction:column;color:var(--encre)}
.cc-barre-t b{font-family:"Baloo 2",Quicksand,sans-serif;font-size:clamp(20px,4.5vw,26px);line-height:1.1}
.cc-barre-t span{font-size:13px;color:#1B4D2B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-or{flex:none;padding:10px 14px;border-radius:999px;background:#FFF3C4;border:2px solid var(--or);color:#7A4E00;font-weight:700;font-size:18px;text-decoration:none;box-shadow:0 3px 0 var(--or);white-space:nowrap}

.cc-corps{width:100%;max-width:860px;margin:0 auto;padding:18px 16px 28px;flex:1;position:relative}

/* ---------- la pièce d'or (l'émoji 🪙 est argenté sur Apple : voir app.js) ---------- */
.cc-po{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.14em;margin:0 .05em;
  background:radial-gradient(circle at 35% 30%,#FFF6C2 0 12%,#FFD43B 30%,#F59F00 75%,#C98A00 100%);
  box-shadow:inset 0 0 0 .08em #B8860B,inset 0 0 0 .17em #FFE066,0 .05em 0 rgba(122,78,0,.35)}

/* ---------- Plumo ---------- */
.cc-plumo{display:inline-block;flex:none;line-height:0}
.cc-plumo svg{display:block;width:100%;height:auto}
.cc-plumo-vide{font-size:48px}
.cc-bulle-plumo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cc-bulle-plumo p{position:relative;margin:0;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 3px 0 rgba(31,45,36,.12);font-size:17px;line-height:1.45}
.cc-bulle-plumo p::before{content:"";position:absolute;left:-9px;top:50%;margin-top:-9px;border:9px solid transparent;border-left:0;border-right-color:#fff}
.cc-ecoute{display:inline-grid;place-items:center;width:40px;height:40px;margin-left:8px;vertical-align:middle;border:0;border-radius:50%;background:#D3F9D8;cursor:pointer;font-size:19px;line-height:1;box-shadow:0 2px 0 #8CE99A}
.cc-ecoute:disabled{opacity:.4;cursor:default}
.cc-ecoute.flottant{position:absolute;top:10px;right:10px;margin:0}

/* ---------- accueil ---------- */
.cc-mission{display:flex;align-items:center;gap:16px;padding:18px 22px;margin-bottom:16px;border-radius:24px;text-decoration:none;
  background:#2B8A3E;color:#fff !important;box-shadow:0 6px 0 #1B5E29;animation:cc-pulse 2.4s ease-in-out infinite}
.cc-mission.faite{background:#1F2D24;box-shadow:0 6px 0 #0E1712;animation:none}
.cc-mission b{display:block;font-family:"Baloo 2",Quicksand,sans-serif;font-size:28px;line-height:1.1}
.cc-mission span span{font-size:16px}
.cc-mission-ic{font-size:44px}
.cc-mission:active{transform:translateY(3px);box-shadow:0 3px 0 #1B5E29}
@keyframes cc-pulse{50%{transform:scale(1.015)}}
.cc-jauge-zone{background:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 3px 0 rgba(31,45,36,.1);margin-bottom:14px}
.cc-jauge-t{font-size:17px;color:var(--doux);margin-bottom:8px}
.cc-jauge-t b{font-size:22px;color:#7A4E00}
.cc-jauge{height:18px;border-radius:9px;background:#F1E6CC;overflow:hidden}
.cc-jauge span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FFD43B,#E3A008);min-width:4px}
.cc-jauge-s{margin:8px 0 0;font-size:14px;color:var(--doux)}
.cc-carte-lien{display:block;text-decoration:none;margin:0 auto 4px;width:fit-content;max-width:100%}
.cc-bas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
@media (max-width:900px){.cc-bas{grid-template-columns:1fr 1fr}}
.cc-tuile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:20px;text-decoration:none;background:#1F4D2C;color:#fff !important;box-shadow:0 5px 0 #0F2A17;text-align:center}
.cc-tuile span{font-size:32px}
.cc-tuile b{font-size:18px}
.cc-tuile small{font-size:13px}
.cc-total{text-align:center;color:var(--doux);margin:16px 0 0}
.cc-chapeau{font-size:17px;line-height:1.45;color:var(--doux);margin:0 0 14px}

/* ---------- la carte des œufs ---------- */
.cc-nid{display:flex;flex-direction:column;gap:8px}
.cc-rang{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 3px 0 rgba(31,45,36,.1)}
a.cc-rang:hover{box-shadow:0 3px 0 var(--vert),inset 0 0 0 2px var(--vert)}
a.cc-rang:active{transform:translateY(2px)}
.cc-rang.doree{background:linear-gradient(135deg,#FFF9DB,#FFF3BF);box-shadow:0 3px 0 var(--or)}
.cc-rang-t{flex:none;width:190px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.cc-rang-t .cc-rang-ic{grid-row:span 2;font-size:28px}
.cc-rang-t b{font-family:"Baloo 2",Quicksand,sans-serif;font-size:18px;line-height:1.1;color:var(--encre)}
.cc-rang-t small{font-size:13px;color:var(--doux)}
.cc-rang-oeufs{flex:1;display:flex;flex-wrap:wrap;gap:5px}
.cc-oeuf{display:inline-block;flex:none;width:22px;height:28px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%}
.cc-oeuf.mini{width:13px;height:16px;vertical-align:-3px}
.st-nouveau{background:#ECE3CC;box-shadow:inset 0 0 0 2px #D9CCAA}
.st-encours{background:radial-gradient(circle at 32% 34%,#FD7E14 0 11%,transparent 13%),radial-gradient(circle at 66% 58%,#FD7E14 0 9%,transparent 11%),radial-gradient(circle at 40% 76%,#FD7E14 0 8%,transparent 10%),#FFF9F0;
  box-shadow:inset 0 0 0 2px #FFC078}
.st-presque{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 28' preserveAspectRatio='none'%3E%3Cpolyline points='0,14 5,10 8,16 12,11 15,16 18,11 22,14' fill='none' stroke='%231B5E29' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat,#D3F9D8;
  box-shadow:inset 0 0 0 2px #69DB7C}
.st-auto{background:radial-gradient(circle at 34% 28%,#FFF9DB 0 14%,transparent 30%),linear-gradient(135deg,#FFE066,#FAB005 60%,#E3A008);box-shadow:inset 0 0 0 2px #E3A008,0 2px 0 #C98A00}
.cc-oeuf.neuf{animation:cc-brille 1.2s ease-in-out 3}
@keyframes cc-brille{50%{transform:scale(1.35);box-shadow:0 0 0 3px #FFF3BF,0 0 14px #FAB005}}
/* le petit nid de l'accueil */
.cc-nid.petite{gap:3px;padding:10px 12px;border-radius:20px;background:#fff;box-shadow:0 3px 0 rgba(31,45,36,.1)}
.cc-nid.petite .cc-rang{padding:0;gap:6px;background:none;box-shadow:none;border-radius:0}
.cc-nid.petite .cc-rang-ic{flex:none;width:20px;font-size:14px;text-align:center}
.cc-nid.petite .cc-rang-oeufs{gap:3px}
.cc-nid.petite .cc-oeuf{width:10px;height:13px}
.cc-leg{white-space:nowrap;margin:0 6px}
.cc-legende{text-align:center;font-size:14px;color:var(--doux);margin:12px 0;line-height:2}

/* ---------- choisir une famille ---------- */
.cc-familles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cc-famille{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:22px;text-decoration:none;background:#fff;text-align:center;
  border:3px solid var(--vert);box-shadow:0 5px 0 var(--vert)}
.cc-famille-ic{font-size:30px;line-height:1.2}
.cc-famille b{font-family:"Baloo 2",Quicksand,sans-serif;font-size:19px;line-height:1.15;color:var(--encre)}
.cc-famille-ex{font-family:"Baloo 2",Quicksand,sans-serif;font-size:17px;color:var(--volcan)}
.cc-famille-n{font-size:14px;color:var(--doux)}
.cc-famille.doree{background:linear-gradient(135deg,#FFF3BF,#FFE066);border-color:var(--or);box-shadow:0 5px 0 var(--or)}
.cc-famille:active{transform:translateY(3px);box-shadow:0 2px 0 var(--vert)}

/* ---------- une question ---------- */
.cc-q{max-width:560px;padding-top:12px}
.cc-prog{display:flex;gap:4px;margin-bottom:12px}
.cc-prog span{flex:1;height:10px;border-radius:5px;background:#EADFC4}
.cc-prog span.ecl{background:#FAB005}
.cc-prog span.ok{background:#40C057}
.cc-prog span.ko{background:#FD7E14}
.cc-prog span.ici{background:#1F2D24}
.cc-carte-q{position:relative;background:#fff;border-radius:26px;padding:16px 18px 14px;box-shadow:0 5px 0 rgba(31,45,36,.1);border-top:8px solid var(--vert);text-align:center}
.cc-carte-q.intro{border-top-color:#1C7ED6}
.cc-intro{margin:0 0 4px;font-size:17px;color:var(--lagon)}
.cc-calcul{margin:0;font-family:"Baloo 2",Quicksand,sans-serif;font-size:clamp(52px,14vw,76px);line-height:1.15;color:var(--encre);font-variant-numeric:tabular-nums;white-space:nowrap}
.cc-calcul.mots{white-space:normal;font-size:clamp(50px,13vw,70px);padding:0 34px}
.cc-op{color:var(--volcan)}
.cc-groupe{white-space:nowrap}
.cc-mot{font-family:Quicksand,sans-serif;font-size:.42em;font-weight:700;color:var(--doux);vertical-align:.25em}
.cc-case{display:inline-block;min-width:1.7em;padding:0 .12em;border-bottom:6px solid var(--encre);border-radius:12px 12px 0 0;background:#F1F3F5;color:var(--encre)}
.cc-case.vide{color:#868E96}
.cc-case.eclair{background:linear-gradient(135deg,#FFE066,#FAB005);border-color:var(--or);color:#5C3B00;animation:cc-pop .3s}
.cc-case.juste,.cc-case.montre{background:#D3F9D8;border-color:var(--vert);color:var(--vertf)}
.cc-case.cache,.cc-fait b.cache{color:transparent !important;text-shadow:none;background:#E9ECEF}
.cc-case.petite{font-family:"Baloo 2",Quicksand,sans-serif;font-size:1em;min-width:1.8em;border-bottom-width:4px;text-align:center;vertical-align:middle}
.cc-case.secoue{animation:cc-secoue .35s}
@keyframes cc-pop{50%{transform:scale(1.15)}}
@keyframes cc-secoue{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
/* la flamme : brûle pendant le temps « éclair », puis s'éteint (pas de compte à rebours) */
.cc-meche{position:relative;height:10px;margin:10px 6px 2px;border-radius:5px;background:#F1E6CC;overflow:visible}
.cc-meche-feu{position:absolute;inset:0 0 0 auto;width:100%;border-radius:5px;background:linear-gradient(90deg,#FFD43B,#E8590C);animation:cc-brule linear forwards}
.cc-meche-feu i{position:absolute;left:-12px;top:-14px;font-style:normal;font-size:22px;line-height:1}
.cc-meche.eteinte .cc-meche-feu i,.cc-meche.arrete .cc-meche-feu i{display:none}
.cc-meche.arrete .cc-meche-feu{animation-play-state:paused}
@keyframes cc-brule{to{width:0}}
.cc-bas-q{margin-top:14px}
.cc-pave{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:380px;margin:0 auto}
.cc-touche{height:clamp(58px,9.5vh,76px);border:0;border-radius:18px;background:#fff;color:var(--encre);cursor:pointer;
  font-family:"Baloo 2",Quicksand,sans-serif;font-size:34px;box-shadow:0 5px 0 #CDBF9E;touch-action:manipulation;user-select:none}
.cc-touche:active{transform:translateY(3px);box-shadow:0 2px 0 #CDBF9E}
.cc-touche.efface{background:#F1F3F5;font-size:28px}
.cc-touche.valide{background:#2B8A3E;color:#fff;box-shadow:0 5px 0 #1B5E29}
.cc-touche:disabled{opacity:.5;cursor:default}
.cc-passer{display:block;margin:14px auto 0;border:0;background:none;color:var(--lagon);font-size:17px;font-weight:700;cursor:pointer;padding:10px 16px;border-radius:999px}
.cc-passer:hover{background:#E7F5FF}
.cc-passer:disabled{visibility:hidden}

/* ---------- le retour ---------- */
.cc-fb{position:relative;border-radius:22px;padding:14px 18px;animation:cc-monte .2s ease-out;text-align:center}
.cc-fb.eclair{background:#FFF9DB;border:3px solid #FAB005}
.cc-fb.ok{background:#EBFBEE;border:3px solid #40C057}
.cc-fb.ko{background:#FFF4E6;border:3px solid #FD7E14;text-align:left}
@keyframes cc-monte{from{opacity:0;transform:translateY(8px)}}
.cc-fb-t{font-family:"Baloo 2",Quicksand,sans-serif;font-size:28px;color:var(--encre);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.cc-fb.ko .cc-fb-t{font-size:23px;justify-content:flex-start}
.cc-fb-gain{color:#7A4E00}
.cc-fb-s{margin:6px 0 0;font-size:17px;color:var(--doux)}
.cc-fb-auto{margin:8px 0 0;font-size:18px;color:#7A4E00;font-weight:700}
.cc-fait{margin:6px 0 4px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:40px;line-height:1.2;color:var(--encre);text-align:center}
.cc-fait b{color:var(--vertf);background:#D3F9D8;padding:0 .15em;border-radius:10px;transition:color .3s,background .3s}
.cc-truc-zone{display:flex;align-items:center;gap:10px;margin:6px 0}
.cc-truc{margin:0;font-size:17px;line-height:1.45;color:#3A3226;background:#fff;border-radius:14px;padding:10px 12px}
.cc-recopie{margin:10px 0 0;font-size:17px;font-weight:700;color:var(--encre)}
.cc-recopie-q{margin:2px 0 4px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:34px;line-height:1.3;color:var(--encre);text-align:center}
.cc-fb + .cc-pave{margin-top:12px}
.cc-piece-vol{position:absolute;top:0;font-size:28px;pointer-events:none;animation:cc-vole 1.1s ease-out forwards}
@keyframes cc-vole{to{transform:translateY(-120px) scale(.6);opacity:0}}

/* ---------- boutons ---------- */
.cc-suite{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}
.cc-go{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 26px;border:0;border-radius:999px;cursor:pointer;
  background:#2B8A3E;color:#fff !important;font-size:20px;font-weight:700;text-decoration:none;box-shadow:0 5px 0 #1B5E29}
.cc-go:active{transform:translateY(3px);box-shadow:0 2px 0 #1B5E29}
.cc-go:disabled{opacity:.45;cursor:default}
.cc-go.clair{background:#fff;color:var(--encre) !important;box-shadow:0 5px 0 rgba(31,45,36,.25)}
.cc-lien{border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;padding:6px}

/* ---------- fin de séance ---------- */
.cc-fin{text-align:center}
.cc-fin-t{font-family:"Baloo 2",Quicksand,sans-serif;font-size:clamp(28px,6vw,38px);color:var(--encre);margin:8px 0}
.cc-fin-score{font-size:22px;margin:4px 0}
.cc-fin-auto{font-size:19px;color:#7A4E00;font-weight:700;margin:8px 0}
.cc-fin-s{font-size:16px;color:var(--doux);margin:6px 0}
.cc-coffre{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin:14px auto;padding:14px 26px;border-radius:22px;background:#FFF3C4;border:3px solid var(--or);color:#7A4E00}
.cc-coffre-ic{font-size:40px}
.cc-coffre b{font-size:22px}
.cc-fin .cc-nid.petite{text-align:left}
.cc-astuce{font-size:15px;color:var(--doux);line-height:1.45;margin:12px 0}
.cc-record{color:#7A4E00;font-weight:700}

/* ---------- récompenses ---------- */
.cc-vitrine{display:flex;align-items:center;gap:16px;background:#fff;border-radius:22px;padding:14px;box-shadow:0 3px 0 rgba(31,45,36,.1)}
.cc-vitrine p{font-size:18px;margin:0}
.cc-onglets{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}
.cc-onglet{border:0;border-radius:999px;padding:10px 16px;background:#fff;cursor:pointer;font-weight:700;color:var(--encre);box-shadow:0 3px 0 rgba(31,45,36,.15)}
.cc-onglet.on{background:#2B8A3E;color:#fff}
.cc-objets{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.cc-objet{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:3px solid transparent;border-radius:18px;background:#fff;color:var(--encre);cursor:pointer;box-shadow:0 3px 0 rgba(31,45,36,.12)}
.cc-objet-img{width:84px;line-height:0}
.cc-objet-img svg{width:100%;height:auto}
.cc-objet.porte{border-color:var(--vert)}
.cc-objet.cher{opacity:.55}
.cc-objet-prix{font-size:15px;color:#7A4E00}

/* ---------- Attrape l'œuf ! ---------- */
.cc-jeu-intro{text-align:center}
.cc-jeu-affiche{background:#fff;border-radius:24px;padding:18px;box-shadow:0 4px 0 rgba(31,45,36,.1)}
.cc-jeu-ptero{display:block;width:150px;margin:0 auto}
.cc-jeu-ptero svg{display:block;width:100%}
.cc-jeu-affiche h1{font-family:"Baloo 2",Quicksand,sans-serif;color:var(--encre);margin:6px 0}
.cc-jeu-affiche p{font-size:17px;line-height:1.45}
.cc-reviser{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:16px;border-radius:20px;background:#FFF3C4;border:3px solid var(--or)}
.cc-jeu{position:relative;flex:1;display:flex;flex-direction:column;max-width:620px;width:100%;margin:0 auto;padding:10px 12px 18px}
.cc-hud{display:flex;justify-content:center;gap:22px;font-size:22px;font-weight:700;padding:8px 0 8px 54px}
.cc-ciel-jeu{position:relative;height:clamp(220px,34vh,280px);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#74C0FC 0%,#D0EBFF 72%,#2B8A3E 72%,#237032 100%)}
.cc-volcan{position:absolute;right:-10px;bottom:28%;width:150px;height:90px;background:linear-gradient(180deg,#E8590C 0 12%,#7C4A2D 12%);clip-path:polygon(0 100%,38% 8%,62% 8%,100% 100%)}
.cc-volcan::before{content:"";position:absolute;left:44%;top:-40px;width:22px;height:40px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(4px)}
.cc-ptero{position:absolute;top:4%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;transition:opacity .3s}
.cc-ptero-svg{display:block;width:clamp(118px,18vw,150px);line-height:0}
.cc-ptero-svg svg{display:block;width:100%}
.cc-aile{transform-origin:70px 30px;animation:cc-battre .45s ease-in-out infinite alternate}
@keyframes cc-battre{to{transform:scaleY(.45)}}
.cc-oeuf-vol{display:block;width:24px;height:30px;margin-top:-10px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
  background:radial-gradient(circle at 34% 28%,#FFF9DB 0 14%,transparent 30%),linear-gradient(135deg,#FFE066,#FAB005 60%,#E3A008);box-shadow:inset 0 0 0 2px #E3A008}
.cc-pancarte{margin-top:4px;background:#fff;border-radius:14px;padding:6px 14px;font-family:"Baloo 2",Quicksand,sans-serif;font-size:28px;line-height:1.2;color:var(--encre);white-space:nowrap;box-shadow:0 3px 0 rgba(0,0,0,.15)}
.cc-pancarte.mots{font-size:21px}
.cc-pancarte.montre{background:#D3F9D8;color:var(--vertf)}
.cc-ptero.attrape .cc-oeuf-vol{animation:cc-tombe .6s ease-in forwards}
.cc-ptero.attrape .cc-pancarte{background:#D3F9D8}
.cc-ptero.passe{opacity:.45}
@keyframes cc-tombe{to{transform:translateY(160px);opacity:0}}
.cc-panier{position:absolute;left:14px;bottom:8px;width:92px;height:44px;z-index:1}
.cc-panier-nid{position:absolute;left:0;right:0;bottom:0;height:24px;border-radius:0 0 46px 46px;background:repeating-linear-gradient(160deg,#8A5A2B 0 4px,#A9743F 4px 8px);box-shadow:inset 0 3px 0 #6E4520}
.cc-panier-oeufs{position:absolute;left:8px;right:8px;bottom:18px;display:flex;justify-content:center;flex-wrap:wrap-reverse;gap:1px}
.cc-panier-oeufs i{display:block;width:13px;height:16px;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;background:linear-gradient(135deg,#FFE066,#FAB005)}
.cc-viseur{position:absolute;right:12px;bottom:10px;z-index:2;padding:6px 16px;border-radius:999px;background:#fff;font-family:"Baloo 2",Quicksand,sans-serif;font-size:28px;color:var(--encre);box-shadow:0 3px 0 rgba(0,0,0,.2)}
.cc-pave.jeu{margin-top:12px;width:100%}

/* ---------- parents ---------- */
.cc-parents h2{font-family:"Baloo 2",Quicksand,sans-serif;color:var(--encre);margin:22px 0 8px}
.cc-porte{max-width:360px;margin:30px auto;text-align:center;background:#fff;border-radius:22px;padding:22px;box-shadow:0 4px 0 rgba(31,45,36,.1)}
.cc-champ{font:inherit;font-size:24px;width:140px;padding:10px;border:3px solid #868E96;border-radius:14px;text-align:center;margin:0 auto 12px;display:block}
.cc-liste{padding-left:20px;line-height:1.5}
.cc-liste li{margin:6px 0}
.cc-fluence{background:#E7F5FF;border-left:5px solid #1C7ED6;border-radius:12px;padding:12px 14px;line-height:1.5}
.cc-fluence b{display:block}
.cc-tab-zone{overflow-x:auto}
.cc-tab{border-collapse:collapse;width:100%;background:#fff;border-radius:14px;overflow:hidden;font-size:15px}
.cc-tab{min-width:560px}
.cc-tab td:first-child{white-space:nowrap;font-weight:700}
.cc-tab th,.cc-tab td{padding:8px 10px;border-bottom:1px solid #EFE6CF;text-align:left}
.cc-tab th{background:#F6EEDA;color:var(--encre)}
.cc-det{background:#fff;border-radius:14px;margin:8px 0;box-shadow:0 2px 0 rgba(31,45,36,.08)}
.cc-det summary{cursor:pointer;padding:12px 14px;font-weight:700}
.cc-det .cc-tab-zone,.cc-det .cc-astuce{margin:0 10px 10px}
.cc-reglage{background:#fff;border-radius:16px;padding:12px 14px;margin:10px 0;box-shadow:0 2px 0 rgba(31,45,36,.08)}
.cc-reglage b{display:block}
.cc-reglage small{display:block;color:var(--doux);margin:2px 0 8px;line-height:1.4}
.cc-reglage-c{display:flex;gap:8px;flex-wrap:wrap}
.cc-pastille-c{border:2px solid var(--vert);border-radius:999px;padding:8px 18px;background:#fff;color:var(--vertf);cursor:pointer;font-weight:700}
.cc-pastille-c.on{background:var(--vert);color:#fff}

/* ---------- pied ---------- */
.cc-pied{padding:16px;text-align:center;color:var(--doux);font-size:14px}
.cc-pied-l{margin:8px 0}
.cc-pied p{margin:6px 0 0;font-size:12px}
.cc-compte{max-width:700px;margin:0 auto}

@media (max-width:700px){
  .cc-familles{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .cc-bas{grid-template-columns:1fr}
  .cc-rang{flex-direction:column;align-items:stretch;gap:8px}
  .cc-nid.petite .cc-rang{flex-direction:row;align-items:center}
  .cc-rang-t{width:auto;grid-template-columns:auto 1fr auto}
  .cc-rang-t .cc-rang-ic{grid-row:auto;font-size:22px}
  .cc-fait{font-size:34px}
  .cc-recopie-q{font-size:30px}
}
@media (prefers-reduced-motion:reduce){
  .cc-mission,.cc-oeuf.neuf,.cc-case.eclair,.cc-aile{animation:none}
}
@media (min-width:700px){
  .cc-nid.petite{padding:12px 16px}
  .cc-nid.petite .cc-oeuf{width:15px;height:19px}
  .cc-nid.petite .cc-rang-ic{width:26px;font-size:18px}
}
/* téléphone : un calcul long (70 + ? = 100) tient sur la largeur */
@media (max-width:480px){ .cc-calcul:not(.mots){font-size:clamp(34px,11vw,52px)} }