@font-face{font-family:Lilita One;src:url(./lilita-one-latin-87r-Z-Re.woff2) format("woff2");font-weight:400;font-display:block}@font-face{font-family:Nunito;src:url(./nunito-latin-BzFMHfZw.woff2) format("woff2");font-weight:600 900;font-display:swap}:root{--jaune: #ffd23f;--jaune-clair: #ffe46b;--jaune-fonce: #ffbc14;--jaune-trait: #7a4600;--orange: #ff9a1a;--rouge-vif: #e8412c;--ciel: #2f7de1;--ciel-clair: #4b90ea;--ciel-fonce: #2b64bd;--marine: #0d1d3a;--creme: #fff3dc;--f-titre: "Lilita One", "Arial Rounded MT Bold", sans-serif;--f-texte: "Nunito", "Segoe UI", system-ui, sans-serif;--contour: 0 2px 0 var(--marine), 1px 0 0 var(--marine), -1px 0 0 var(--marine), 0 -1px 0 var(--marine);--contour-jaune: 0 2px 0 var(--jaune-trait), 1px 0 0 var(--jaune-trait), -1px 0 0 var(--jaune-trait), 0 -1px 0 var(--jaune-trait), 1px 2px 0 var(--jaune-trait), -1px 2px 0 var(--jaune-trait);--marge: 16px;--ecart: 10px;--largeur-max: 1080px;--panneau: rgba(26, 56, 104, .94);--panneau-2: #29548f;--bord: var(--marine);--texte: #ffffff;--texte-doux: #c3d6f5;--accent: var(--jaune);--accent-fond: rgba(255, 210, 63, .2);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--marine);color:var(--texte);font-family:var(--f-texte);font-weight:700}#jeu{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.bandeau{position:fixed;left:var(--marge);right:var(--marge);pointer-events:none}.bandeau-haut{top:var(--marge)}.bandeau-bas{bottom:var(--marge)}.grille{display:grid;gap:var(--ecart);max-width:var(--largeur-max);margin:0 auto;padding:var(--ecart);background:var(--panneau);border:3px solid var(--marine);border-radius:16px;box-shadow:inset 0 2px #ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.grille-etapes{grid-template-columns:repeat(4,minmax(0,1fr))}.etape{display:grid;justify-items:center;gap:6px}.etape-nom{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--texte-doux);transition:color .2s}.etape.active .etape-nom{color:var(--accent)}.etape-barre{width:100%;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.etape-barre i{display:block;width:0;height:100%;background:var(--accent)}.grille-commandes{grid-template-columns:repeat(8,minmax(0,1fr))}.carte{display:grid;grid-template-rows:44px 18px 16px;align-items:center;justify-items:center;gap:4px;height:100px;padding:8px 6px;border:2px solid var(--marine);border-radius:12px;background:linear-gradient(#3365ad,var(--panneau-2));box-shadow:inset 0 2px #ffffff29,inset 0 -3px #00000029;color:var(--texte);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.carte:hover{background:linear-gradient(#3b72be,#2f5d9d)}.carte:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.carte.actif{border-color:var(--jaune);background:linear-gradient(#3f78c6,#2c5a98);box-shadow:0 0 0 2px var(--jaune),inset 0 2px #fff3}.carte-visuel{display:flex;align-items:center;justify-content:center;width:100%;height:44px}.carte-visuel img{max-width:92%;max-height:40px;object-fit:contain}.carte-visuel svg{width:28px;height:28px}.carte.actif .carte-visuel svg{color:var(--accent)}.carte-nom,.carte-info{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carte-nom{font-family:var(--f-titre);font-size:15px;font-weight:400;letter-spacing:.01em;text-shadow:var(--contour)}.carte-info{font-size:12px;color:var(--texte-doux)}.erreur{position:fixed;inset:50% var(--marge) auto;text-align:center;color:#ff8a7a}@media (max-width: 760px){:root{--ecart: 8px}.grille-commandes{grid-template-columns:repeat(4,minmax(0,1fr))}.carte{grid-template-rows:34px 16px 14px;height:84px}.carte-visuel{height:34px}.carte-visuel img{max-height:30px}.carte-nom{font-size:12px}.carte-info,.etape-nom{font-size:11px}.etape-nom{letter-spacing:.03em}}.tourner{display:none}@media (orientation: portrait) and (max-width: 600px){.tourner{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--marine);color:var(--texte)}.tourner svg{width:64px;height:64px;color:var(--accent)}.tourner p{margin:0;font-size:18px;font-weight:800;white-space:nowrap}}