:root{--color-fond: #0b1026;--color-halo: #f6c453;--color-toi: #f6c453;--color-toi-contour: #ffe7a3;--color-accord: #5de3a6;--color-contre: #ff6b6b;--color-neutre: #9aa3c7;--color-texte: #f4f6ff;--color-texte-secondaire: #b7bedc;--color-surface-rgb: 19, 26, 56;--color-surface-opacite: .92;--color-bord: #26305c;--rayon-feuille: 24px;--taille-thumb: 28px;--zone-tactile: 44px;--font-principale: "Fredoka", system-ui, sans-serif;--largeur-desktop: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-fond);color:var(--color-texte)}body{font-family:var(--font-principale);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}noscript{display:block;text-align:center;padding:24px 16px;font-size:16px;background:var(--color-fond);color:var(--color-texte)}#app{display:flex;flex-direction:column;min-height:100dvh}#titre{margin:0;padding:12px 20px;text-align:center;font-size:16px;font-weight:600;line-height:1.35}#scene-wrap{position:relative;flex:1 1 auto;min-height:52vh;overflow:hidden}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:16px}#fallback[hidden]{display:none}#toast{position:absolute;left:50%;top:14px;transform:translate(-50%);margin:0;padding:8px 18px;border-radius:999px;background:rgb(var(--color-surface-rgb) / .92);color:var(--color-texte);font-size:14px;opacity:0;pointer-events:none;transition:opacity .3s ease}#toast.visible{opacity:1}#compteur{padding:6px 20px 10px;text-align:center;font-size:16px;line-height:1.55}#compteur p{margin:2px 0}.separateur{color:var(--color-texte-secondaire);margin:0 2px}.chiffre{font-weight:600}.mot-accord{color:var(--color-accord)}.mot-contre{color:var(--color-contre)}#reglages{background:rgb(var(--color-surface-rgb) / var(--color-surface-opacite));border-top:1px solid var(--color-bord);border-radius:var(--rayon-feuille) var(--rayon-feuille) 0 0;padding:14px 20px calc(env(safe-area-inset-bottom,0px) + 16px)}.curseur{margin-bottom:12px}.curseur-tete{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.curseur-tete label{font-size:16px;font-weight:500;color:var(--color-texte)}.curseur-valeur{font-size:16px;font-weight:600;color:var(--color-texte);min-width:2.5ch;text-align:right}.curseur-bornes{display:flex;justify-content:space-between;gap:8px;margin-top:2px;font-size:12px;color:var(--color-texte-secondaire)}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:var(--zone-tactile);margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--color-bord)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--taille-thumb);height:var(--taille-thumb);margin-top:calc((6px - var(--taille-thumb)) / 2);border-radius:50%;background:var(--color-toi);border:2px solid var(--color-toi-contour);box-shadow:0 2px 6px #00000059}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:var(--color-bord)}input[type=range]::-moz-range-thumb{width:var(--taille-thumb);height:var(--taille-thumb);border-radius:50%;background:var(--color-toi);border:2px solid var(--color-toi-contour);box-shadow:0 2px 6px #00000059}input[type=range]:focus-visible{outline:3px solid var(--color-toi-contour);outline-offset:3px;border-radius:var(--taille-thumb)}.actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.actions button{min-height:var(--zone-tactile);border-radius:12px;border:1px solid var(--color-bord);background:transparent;color:var(--color-texte-secondaire);font-family:var(--font-principale);font-size:16px;cursor:pointer}#btn-melanger{color:var(--color-texte);border-color:var(--color-toi)}.actions button:hover,.actions button:focus-visible{color:var(--color-texte);border-color:var(--color-toi-contour);outline:none}@media(min-width:720px){#titre{font-size:18px}#reglages{max-width:var(--largeur-desktop);width:100%;margin:0 auto}}@media(min-width:960px){#app{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"titre titre" "scene reglages" "compteur reglages";height:100dvh;column-gap:24px;padding:0 24px 24px}#titre{grid-area:titre}#scene-wrap{grid-area:scene;min-height:0}#compteur{grid-area:compteur}#reglages{grid-area:reglages;align-self:center;max-width:none;margin:0}}@media(prefers-reduced-motion:reduce){#toast{transition-duration:.01ms}}