*{box-sizing:border-box}[hidden]{display:none!important}html{background:#140e1a}body{color:#fff4e0;font-variant-ligatures:none;-webkit-font-smoothing:antialiased;background:radial-gradient(90% 60% at 50% 0,#ffaa5a38,#0000 70%),linear-gradient(#2a1d36,#140e1a 70%);min-height:100vh;margin:0;font-family:Pixelify Sans,system-ui,sans-serif;font-size:17px;line-height:1.4}.titre-jeu{text-align:center;padding:28px 16px 6px;position:relative}.bouton-options{font:inherit;color:#2a1a10;cursor:pointer;background:#ffd27a;border:2px solid #6a3a14;border-radius:8px;padding:6px 14px;position:absolute;top:14px;right:16px;box-shadow:0 3px #6a3a14}.bouton-options:hover{filter:brightness(1.08)}.bouton-options:active{translate:0 2px;box-shadow:0 1px #6a3a14}.bouton-options:focus-visible{outline-offset:2px;outline:3px solid #fff4e0}@media (width<=1040px){.titre-jeu{padding-top:60px}}.titre-jeu h1{letter-spacing:.01em;color:#ffd27a;text-shadow:0 4px #6a3a14,0 8px 18px #00000080;margin:10px 0 4px;font-size:clamp(2.4rem,7vw,4.2rem);line-height:1}.titre-jeu p{color:#e9d6b8;margin:0}.defile{border-bottom:6px solid #4f9a36;justify-content:center;align-items:flex-end;gap:clamp(4px,2vw,18px);width:min(780px,100%);margin:0 auto;padding:0 12px 6px;display:flex;box-shadow:0 4px #2f6a2a}.defile canvas{min-width:0;height:auto;image-rendering:pixelated;flex:0 auto;animation:1.6s steps(2,end) infinite sautille}.defile canvas:nth-child(2n){animation-delay:-.8s}@keyframes sautille{50%{translate:0 -3px}}.frise{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1120px;margin:0 auto;padding:26px 16px 18px;display:grid;position:relative}.frise:before{content:"";background:repeating-linear-gradient(90deg,#ffd27a8c 0 14px,#0000 14px 24px);height:4px;position:absolute;top:68px;left:10%;right:10%}[data-epoque=pixel]{--police:"Press Start 2P", monospace;--taille:11px;--fond:#2a1b2e;--bord-clair:#8a5a6a;--bord-sombre:#120a14;--texte:#ffe9c2;--texte-doux:#e8b88a;--accent:#ffa63d;--accent-texte:#2a1208;--rayon:0px;--ombre:5px 5px 0 #120a14;--interligne:1.8}[data-epoque=cartoon]{--police:"Lilita One", system-ui, sans-serif;--taille:17px;--fond:#7a4a26;--bord-clair:#b07a45;--bord-sombre:#3a210f;--texte:#fff6e2;--texte-doux:#f6dcb4;--accent:#8fd14f;--accent-texte:#1d3308;--rayon:18px;--ombre:0 6px 0 #3a210f;--interligne:1.3}[data-epoque=voxel]{--police:"Pixelify Sans", system-ui, sans-serif;--taille:17px;--fond:linear-gradient(160deg, #4a2c3e, #7a4226 70%, #b8742e);--bord-clair:#ffdca066;--bord-sombre:#1e1014;--texte:#fff4e0;--texte-doux:#f2d8b4;--accent:#ffc04a;--accent-texte:#2b1a08;--rayon:2px;--ombre:0 6px 0 #0006;--interligne:1.35}.monde{font-family:var(--police);font-size:var(--taille);line-height:var(--interligne);color:var(--texte);background:var(--fond);border:3px solid var(--bord-sombre);border-radius:var(--rayon);box-shadow:inset 3px 3px 0 var(--bord-clair), var(--ombre);flex-direction:column;gap:14px;padding:18px 16px 16px;display:flex;position:relative}.entete-monde{text-align:center}.numero-monde{color:var(--accent-texte);background:var(--accent);border:2px solid var(--bord-sombre);border-radius:calc(var(--rayon) * .6);margin:0 0 8px;padding:4px 10px;font-size:.85em;display:inline-block}.entete-monde h2{margin:0;font-size:1.45em;line-height:1.2}[data-epoque=pixel] .entete-monde h2{font-size:1.2em}.annees{color:var(--texte-doux);margin:4px 0 0;font-size:.85em}.niveaux{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.niveau{position:relative}.niveau:not(:last-child):after{content:"";border-left:3px dotted var(--texte-doux);opacity:.6;position:absolute;top:52px;bottom:-12px;left:25px}.lien-niveau{color:inherit;border-radius:calc(var(--rayon) * .8);border:2px solid #0000;align-items:flex-start;gap:12px;padding:8px;text-decoration:none;display:flex}a.lien-niveau{cursor:pointer}@media (hover:hover){a.lien-niveau:hover{border-color:var(--bord-clair);background:#ffffff1a}}a.lien-niveau:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.medaille{width:38px;height:38px;color:var(--texte);border:3px solid var(--bord-sombre);box-shadow:inset 2px 2px 0 var(--bord-clair);background:#ffffff1f;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}[data-epoque=pixel] .medaille{border-radius:0}.texte-niveau{flex-direction:column;gap:2px;min-width:0;display:flex}.nom-niveau{font-weight:700}.description-niveau{color:var(--texte-doux);font-size:.82em}.detail-niveau{color:var(--texte-doux);opacity:.9;font-size:.75em}.niveau[data-etat=gagne] .medaille{color:var(--accent-texte);background:var(--accent)}[data-epoque=pixel] .niveau[data-etat=gagne] .medaille{font-family:system-ui,sans-serif;font-size:1.7em}.niveau[data-etat=prochain] .medaille{color:var(--accent-texte);background:var(--accent);animation:1.2s ease-in-out infinite appel}.niveau[data-etat=prochain] .detail-niveau{color:var(--accent);opacity:1}.niveau[data-etat=ferme] .lien-niveau{opacity:.5;cursor:not-allowed}@keyframes appel{50%{box-shadow:0 0 0 4px var(--accent), 0 0 16px 4px var(--accent)}}.bilan-monde{text-align:center;color:var(--texte-doux);border-top:2px dashed var(--bord-clair);margin:auto 0 0;padding-top:6px;font-size:.8em}.monde.bientot{filter:saturate(.55)}.texte-bientot{text-align:center;color:var(--accent);margin:18px 0 0;font-size:1.6em}[data-epoque=pixel] .texte-bientot{font-size:1.2em}.texte-bientot:before{content:"🔒 "}.detail-bientot{text-align:center;color:var(--texte-doux);margin:0;font-size:.85em}.defi{max-width:1120px;margin:0 auto;padding:6px 16px 18px}.entete-defi{text-align:center;margin-bottom:14px}.entete-defi h2{color:#ffd27a;text-shadow:0 3px #6a3a14;margin:0 0 4px;font-size:1.8em}.entete-defi p{color:#e9d6b8;margin:0}.arenes{gap:22px;display:grid}.arene{font-family:var(--police);font-size:var(--taille);line-height:var(--interligne);color:var(--texte);background:var(--fond);border:3px solid var(--bord-sombre);border-radius:var(--rayon);box-shadow:inset 3px 3px 0 var(--bord-clair), var(--ombre);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 26px;padding:18px 20px;display:grid}.arene h3{margin:0 0 8px;font-size:1.35em;line-height:1.2}[data-epoque=pixel] .arene h3{font-size:1.15em}.description-arene{color:var(--texte-doux);margin:0 0 14px}.bouton-jouer{color:var(--accent-texte);background:var(--accent);border:3px solid var(--bord-sombre);border-radius:calc(var(--rayon) * .6);padding:10px 26px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:inset 2px 2px #fff6}@media (hover:hover){.bouton-jouer:hover{filter:brightness(1.08)}}.bouton-jouer:focus-visible{outline:3px solid var(--texte);outline-offset:3px}.arene-classement h4{color:var(--accent);margin:0 0 8px;font-size:1em}.podium{flex-direction:column;gap:4px;margin:0;padding:0 0 0 2.2em;display:flex}.podium li{padding:3px 6px}.podium li::marker{color:var(--texte-doux)}.podium li:first-child{color:var(--accent)}.podium li span{display:inline-block}.podium .pseudo{overflow-wrap:anywhere;min-width:9em;margin-right:1em}.podium .vagues-score{color:var(--texte-doux)}.podium li:first-child .vagues-score{color:inherit}.podium .revoir-score{color:inherit;opacity:.85;margin-left:1em;font-size:.8em}.classement-vide{color:var(--texte-doux);margin:0}.note-classement{color:var(--texte-doux);opacity:.85;margin:10px 0 0;font-size:.75em}.atelier{color:#c9b8a0;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;padding:10px 16px 30px;font-size:.9em;display:flex}.atelier a{color:#ffd27a;text-underline-offset:3px}.outils-test{border-left:2px solid #4a3a50;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-left:16px;display:inline-flex}@media (width<=880px){.frise{grid-template-columns:1fr;max-width:560px}.frise:before{display:none}.defi{max-width:560px}.arene{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}