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