/* Charte « Mission Ariane » (oct. 2026) — mêmes couleurs que la page d'accueil du site
   et que /6e-ariane : bleu nuit, doré, et les quatre couleurs du logo (or, orange, lagon, azur).
   Généré une fois ; on peut le modifier à la main. */
/* Français et Maths 6e : chargé APRÈS les styles de l'appli. Un bandeau de nuit derrière
   la barre du haut (avec le logo), le reste reste clair pour la lecture. */
:root{--nuit:#1F1D5C;--nuit-2:#2B2878;--nuit-3:#3A3A9E;--or:#FFC83D;--orange:#FF8A3D;--lagon:#2EC4C9;--azur:#5B8CFF;--clair:#F4F5FD}
html,html body{background:var(--clair)}
html{overflow-x:clip}
.fx-hud{position:relative;z-index:0}
.fx-hud::before{content:"";position:absolute;left:calc(50% - 50vw);width:100vw;top:-40px;bottom:-14px;z-index:-1;pointer-events:none;
  background:radial-gradient(1.6px 1.6px at 8% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 18% 64%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 27% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 39% 48%,#fff 50%,transparent 51%),radial-gradient(1.8px 1.8px at 52% 8%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 63% 70%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 74% 28%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 58%,#fff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 93% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 4% 86%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 33% 80%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 70% 82%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 46% 30%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 12% 42%,#fff 50%,transparent 51%),linear-gradient(180deg,var(--nuit) 0%,var(--nuit-2) 100%);
  border-bottom-left-radius:50% 26px;border-bottom-right-radius:50% 26px;box-shadow:0 4px 0 rgba(127,166,255,.45),0 10px 26px rgba(91,140,255,.35)}
.fx-hud{margin-bottom:26px}
.fx-titre{color:#fff;font-family:"Baloo 2",Quicksand,sans-serif;font-weight:700;display:flex;align-items:center;gap:8px}
.fx-titre::before{content:"";width:30px;height:30px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -40 80 80'%3E%3Ccircle r='30' fill='none' stroke='%23FFC83D' stroke-width='16' stroke-dasharray='39.8 148.7' transform='rotate(-83)'/%3E%3Ccircle r='30' fill='none' stroke='%23FF8A3D' stroke-width='16' stroke-dasharray='39.8 148.7' transform='rotate(7)'/%3E%3Ccircle r='30' fill='none' stroke='%232EC4C9' stroke-width='16' stroke-dasharray='39.8 148.7' transform='rotate(97)'/%3E%3Ccircle r='30' fill='none' stroke='%235B8CFF' stroke-width='16' stroke-dasharray='39.8 148.7' transform='rotate(187)'/%3E%3Cpath d='M0,-13 L3.23,-4.45 L12.36,-4.02 L5.23,1.7 L7.64,10.52 L0,5.5 L-7.64,10.52 L-5.23,1.7 L-12.36,-4.02 L-3.23,-4.45 Z' fill='%23FFC83D' stroke='%23FFC83D' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.fx-hud .retour{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.28);box-shadow:none}
.fx-hud .fx-chip{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.22);box-shadow:none}
.fx-hud .fx-chip.on,.fx-hud .fx-dys-btn.on{background:var(--or);color:var(--nuit);border-color:var(--or)}
.fx-hud .fx-or{color:var(--or)}
.fx-jouer{background:linear-gradient(135deg,#6C5CE7 0%,var(--nuit-3) 60%,var(--nuit-2) 100%) !important;color:#fff;box-shadow:0 5px 0 var(--nuit),0 12px 24px rgba(31,29,92,.28) !important}
.fx-jouer .fx-jouer-ic{background:var(--or) !important;color:var(--nuit) !important}
.cpt-bandeau{border-left-color:var(--or)}
.cpt-go{background:var(--azur)}
@media (max-width:560px){.fx-hud{flex-wrap:wrap;row-gap:10px}.fx-titre{flex:1 1 calc(100% - 64px);min-width:0}}
/* la pièce d'or dessinée (l'émoji 🪙 est argenté sur Apple), comme au CE2 */
.piece-or{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-.14em;margin:0 .04em;flex:none;position:relative;
  background:radial-gradient(circle at 32% 28%,#FFFBD1 0 10%,#FFE066 24%,#FFC400 52%,#E09E00 78%,#B57A00 100%);
  box-shadow:inset 0 0 0 .07em #A86F00,inset 0 0 0 .15em #FFD84A,0 .05em .1em rgba(120,80,0,.35)}
.piece-or::after{content:"";position:absolute;inset:.27em;border-radius:50%;border:.06em solid rgba(150,95,0,.55)}