@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}[hidden]{display:none!important}:root{--u:min(1vw, 1.7778vh);--encre:#06163a;--texte:#fff;--doux:#bff4ff;--or:#ffc21a;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--texte);-webkit-user-select:none;user-select:none;background:#06163a;margin:0;overflow:hidden}canvas#jeu{width:100%;height:100%;display:block;position:fixed;inset:0}body.en-jeu canvas#jeu,body[data-source=manette]{cursor:none}#ui{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.ecran{pointer-events:auto;justify-content:center;align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 3);background:radial-gradient(at 50% 40%,#061e4659,#020819d1);flex-direction:column;animation:.35s ease-out apparait;display:flex;position:absolute;inset:0}.ecran.leger{background:#0208198c}@keyframes apparait{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.logo{font-size:calc(var(--u) * 11);letter-spacing:calc(var(--u) * .3);background:linear-gradient(#fff 0%,#a8f0ff 30%,#28b2ff 60%,#0659c4 100%);color:#0000;filter:drop-shadow(0 calc(var(--u) * .35) 0 #021033) drop-shadow(0 0 calc(var(--u) * 2) #50d2ff8c);-webkit-text-stroke:calc(var(--u) * .25) #021a4a;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;line-height:1;animation:4s ease-in-out infinite flotte}@keyframes flotte{50%{transform:translateY(calc(var(--u) * -.8))}}.accroche{font-size:calc(var(--u) * 2.1);color:var(--doux);margin:0 0 calc(var(--u) * 1.5);text-shadow:0 2px #021033}h2{font-size:calc(var(--u) * 4.2);color:#fff;text-shadow:0 calc(var(--u) * .3) 0 #021033, 0 0 calc(var(--u) * 1.5) #50d2ff80;margin:0}.boutons{gap:calc(var(--u) * 1.1);min-width:calc(var(--u) * 26);flex-direction:column;align-items:stretch;display:flex}.boutons.ligne{flex-direction:row;justify-content:center}button.bonbon{--c1:#fff1a0;--c2:#ffc21a;--c3:#b86a00;font:700 calc(var(--u) * 2.3) Fredoka, system-ui, sans-serif;color:#fff;padding:calc(var(--u) * .9) calc(var(--u) * 3);border:calc(var(--u) * .22) solid var(--c3);background:linear-gradient(180deg, var(--c1) 0%, var(--c2) 48%, var(--c3) 100%);box-shadow:0 calc(var(--u) * .45) 0 #02103399, inset 0 calc(var(--u) * -.4) calc(var(--u) * .8) #0000002e;text-shadow:0 2px 0 var(--c3), 0 0 4px var(--c3);cursor:pointer;border-radius:999px;transition:transform .12s,filter .12s,box-shadow .12s;position:relative;overflow:hidden}button.bonbon:before{content:"";pointer-events:none;background:linear-gradient(#ffffffd9,#ffffff14);border-radius:999px;height:42%;position:absolute;top:7%;left:8%;right:8%}button.bonbon span{position:relative}button.bonbon.bleu{--c1:#a8e6ff;--c2:#28b2ff;--c3:#0659c4}button.bonbon.rose{--c1:#ffb3c4;--c2:#ff4d73;--c3:#b8123f}button.bonbon.vert{--c1:#b0f8cc;--c2:#2fd876;--c3:#0b8c45}button.bonbon.violet{--c1:#e6c2ff;--c2:#b45cff;--c3:#6a1fc2}button.bonbon.petit{font-size:calc(var(--u) * 1.7);padding:calc(var(--u) * .6) calc(var(--u) * 2)}button.bonbon:hover,button.bonbon:focus-visible,button.bonbon.focus{filter:brightness(1.08);box-shadow:0 calc(var(--u) * .45) 0 #02103399, 0 0 0 calc(var(--u) * .35) #fff, 0 0 calc(var(--u) * 2.4) #ffe678e6;outline:none;transform:scale(1.06)}button.bonbon:active{transform:scale(.97)translateY(2px)}button.bonbon:disabled{filter:grayscale(.9)brightness(.6);cursor:default;transform:none}.pied{bottom:calc(var(--u) * 2.5);justify-content:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 1.4);color:var(--doux);opacity:.85;display:flex;position:absolute;left:0;right:0}a.lien,button.lien{color:var(--doux);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}a.lien:focus-visible,button.lien:focus-visible,button.lien.focus{outline:3px solid var(--or);outline-offset:4px;border-radius:4px}.vitre{width:min(calc(var(--u) * 80), 94vw);max-height:76vh;padding:calc(var(--u) * 2) calc(var(--u) * 3);border-radius:calc(var(--u) * 2.2);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 4) #00000073;font-size:calc(var(--u) * 1.6);background:linear-gradient(#a0e6ff2e,#0a285a8c);border:2px solid #c8f5ff59;line-height:1.45;overflow:auto}.vitre h3{margin:calc(var(--u) * 1.2) 0 calc(var(--u) * .6);color:var(--or);font-size:calc(var(--u) * 2)}.vitre p{margin:0 0 calc(var(--u) * .8)}.vitre ul{margin:0 0 calc(var(--u) * .8);padding-left:calc(var(--u) * 2.2)}.grille-capsules{gap:calc(var(--u) * .8) calc(var(--u) * 2.4);grid-template-columns:repeat(2,1fr);display:grid}.grille-capsules>div{align-items:center;gap:calc(var(--u) * 1.2);display:flex}.grille-capsules img{width:calc(var(--u) * 5.6);flex:none}.grille-capsules b{color:#fff}.grille-capsules small{color:var(--doux);font-size:calc(var(--u) * 1.35);line-height:1.25;display:block}.plongee{gap:calc(var(--u) * 1.6);width:min(calc(var(--u) * 92), 96vw);grid-template-columns:repeat(3,1fr);display:grid}.plongee .zone h3{margin:0 0 calc(var(--u) * .8);font-size:calc(var(--u) * 2.2);text-align:center}.plongee .zone{gap:calc(var(--u) * .8);flex-direction:column;display:flex}.plongee button.bonbon{font-size:calc(var(--u) * 1.6);padding:calc(var(--u) * .6) calc(var(--u) * 1.2);text-align:left;justify-content:space-between;gap:calc(var(--u) * 1);display:flex}.plongee button.bonbon small{font-size:calc(var(--u) * 1.25);opacity:.95;position:relative}.reglages{gap:calc(var(--u) * 1.2) calc(var(--u) * 2.4);grid-template-columns:auto 1fr;align-items:center;display:grid}.reglages label{font-size:calc(var(--u) * 1.8)}.reglages input[type=range]{width:100%;accent-color:var(--or);height:calc(var(--u) * 1.6)}.reglages input[type=range].focus,.reglages input[type=range]:focus-visible{outline:3px solid var(--or);outline-offset:6px;border-radius:6px}.bilan{font-size:calc(var(--u) * 2);text-align:center;line-height:1.6}.bilan b{color:var(--or);font-size:calc(var(--u) * 3)}.journal h2{font-size:calc(var(--u) * 2.4);text-align:left;text-shadow:none;color:var(--or);margin-top:calc(var(--u) * 1.4)}.aide-touches{font-size:calc(var(--u) * 1.5);color:var(--doux)}body[data-source=manette] .si-clavier,body:not([data-source=manette]) .si-manette{display:none}.inscription{min-height:calc(var(--u) * 2.4);text-align:center}.inscription sup{font-size:.6em}form.pseudo,div.pseudo{gap:calc(var(--u) * 1);font-size:calc(var(--u) * 1.7);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pseudo input{font:600 calc(var(--u) * 1.9) Fredoka, system-ui, sans-serif;width:calc(var(--u) * 18);padding:calc(var(--u) * .5) calc(var(--u) * 1.1);color:#fff;background:#02103399;border:2px solid #c8f5ff80;border-radius:999px;outline:none}.pseudo input:focus{border-color:var(--or);box-shadow:0 0 calc(var(--u) * 1.2) #ffe67899}.pseudo input.invalide{border-color:#ff4d73}ol.tableau{gap:calc(var(--u) * .5);margin:0;padding:0;list-style:none;display:grid}ol.tableau li{grid-template-columns:calc(var(--u) * 3) 1fr 1.3fr auto;gap:calc(var(--u) * 1);padding:calc(var(--u) * .4) calc(var(--u) * 1);border-radius:calc(var(--u) * .8);background:#ffffff0d;align-items:baseline;display:grid}ol.tableau li:nth-child(-n+3) em{color:var(--or)}ol.tableau li.moi{background:#ffc21a2e}ol.tableau em{color:var(--doux);font-style:normal;font-weight:700}ol.tableau b{color:#fff}ol.tableau span{color:var(--doux);font-size:.85em}ol.tableau strong{color:#fff;font-size:1.1em}.ecran.titre{gap:calc(var(--u) * .9);padding-bottom:calc(var(--u) * 6)}.ecran.titre .logo{font-size:calc(var(--u) * 9.5)}.ecran.titre .accroche{margin-bottom:calc(var(--u) * .6)}.ecran.titre .boutons{gap:calc(var(--u) * .85);min-width:calc(var(--u) * 21)}.ecran.titre button.bonbon{font-size:calc(var(--u) * 1.7);padding:calc(var(--u) * .55) calc(var(--u) * 2.4)}