@font-face{font-family:"Marelle 2";src:url(/fonts/marelle2-regular.woff2) format("woff2");font-display:swap}:root{--bleu: #0984e3;--rose: #ff6b81;--texte: #2d3436;--jaune: #ffd32a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;overflow:hidden;background-color:#a0e6ff;transition:background-color 1.5s ease;font-family:"Marelle 2",sans-serif;font-weight:400;color:var(--texte);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:focus-visible,a:focus-visible{outline:4px solid var(--jaune);outline-offset:3px}#menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fffffff2;text-align:center}#menu h1{margin:0;font-size:clamp(38px,8vw,64px);font-weight:400;color:var(--bleu)}#menu .consigne{margin:0 0 18px;font-size:clamp(22px,4vw,30px);color:var(--rose)}#choix{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.niveau{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:170px;padding:18px 26px 14px;border-radius:36px;background:var(--c);color:#fff;box-shadow:0 8px #00000026;transition:transform .15s}.niveau:active{transform:translateY(6px);box-shadow:0 2px #00000026}.niveau .plage{font-size:48px;line-height:1.1}.niveau .classe{font-size:22px;opacity:.9}#langues{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}#langues button{min-height:44px;padding:8px 18px;border-radius:22px;background:#dfe6e9;color:#636e72;font-size:22px}#langues button[aria-pressed=true]{background:var(--bleu);color:#fff}#langues button:disabled{opacity:.35;cursor:default}#btn-accueil{position:absolute;top:max(15px,env(safe-area-inset-top));left:15px;padding:10px 20px;border-radius:20px;background:#fff;color:var(--rose);text-decoration:none;font-size:22px;box-shadow:0 4px 10px #0000001a}#barre{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 60px 0;pointer-events:none}#barre>*{pointer-events:auto}#carte-cible{display:flex;align-items:center;gap:14px;padding:6px 22px 6px 8px;background:#fff;border-radius:40px;box-shadow:0 4px 10px #0000001a}#btn-ecouter{width:56px;height:56px;border-radius:50%;background:#dfe6e9;font-size:26px}#cible{min-width:1.3em;font-size:64px;line-height:1;text-align:center;color:var(--bleu)}#points{display:grid;grid-template-columns:repeat(5,12px);gap:4px}#points i{width:12px;height:12px;border-radius:50%;background:var(--rose)}#frise{list-style:none;margin:0;padding:6px 10px;display:grid;grid-template-columns:repeat(var(--cols, 5),var(--case, 40px));gap:6px;background:#ffffff8c;border-radius:22px}#frise li{width:var(--case, 40px);height:var(--case, 40px);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--case, 40px) * .55);line-height:1;color:#2d343640;border:2px dashed rgba(45,52,54,.25)}#frise li.actuel{border:3px solid var(--bleu);color:var(--bleu);animation:battement 1.2s ease-in-out infinite}#frise li.trouve{background:#fff;color:var(--texte);border:2px solid #74b9ff;animation:none}#btn-menu{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));left:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff9;color:#636e72}.bulle{position:absolute;width:var(--taille);height:var(--taille);padding:0;touch-action:none;animation:apparaitre .5s ease-out both;animation-delay:var(--delai, 0s)}.bulle:before{content:"";position:absolute;inset:-18px -8px -8px;border-radius:50%}.bulle-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#fff;border:4px solid var(--couleur, #74b9ff);box-shadow:0 8px 15px #0003;font-size:calc(var(--taille) * .58);line-height:1;color:var(--texte);transition:background-color .2s,color .2s;animation:flotter 3s ease-in-out infinite alternate;animation-delay:var(--phase, 0s)}.bulle-face.erreur{background:#ff7675;border-color:#d63031;color:#fff}.bulle.indice .bulle-face{animation:flotter 3s ease-in-out infinite alternate,briller .8s ease-in-out infinite alternate}.licorne{position:absolute;left:0;z-index:5;padding:0;font-size:90px;line-height:1;filter:drop-shadow(0 0 15px rgba(255,211,42,.8))}.licorne span{display:block;animation:flotter .6s ease-in-out infinite alternate}#message{position:fixed;top:50%;left:50%;z-index:40;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;padding:20px 50px;border-radius:40px;background:#ffffffd9;pointer-events:none;text-align:center}#message.visible{display:flex;animation:apparaitreCentre .5s ease-out}#message .emoji{font-size:110px;line-height:1.1}#message .texte{font-size:56px;color:var(--rose)}.particule{position:fixed;z-index:45;font-size:30px;pointer-events:none}@keyframes flotter{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes apparaitre{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes apparaitreCentre{0%{transform:translate(-50%,-50%) scale(0)}80%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes battement{50%{transform:scale(1.12)}}@keyframes briller{0%{box-shadow:0 0 0 4px var(--jaune),0 0 12px 4px #ffd32a99}to{box-shadow:0 0 0 8px var(--jaune),0 0 36px 14px #ffd32af2}}@media(max-height:500px){#barre{flex-direction:row;justify-content:center;gap:12px}#cible{font-size:44px}#btn-ecouter{width:44px;height:44px;font-size:20px}#message .emoji{font-size:70px}#message .texte{font-size:40px}#menu{gap:6px}#langues{margin-top:10px}}@media(prefers-reduced-motion:reduce){.bulle-face,.licorne span,#frise li.actuel{animation:none}.bulle.indice .bulle-face{animation:briller .8s ease-in-out infinite alternate}}