:root{color-scheme:dark;--fond: #070b16;--panneau: rgba(10, 16, 30, .86);--bord: rgba(90, 140, 210, .28);--texte: #e8f1ff;--discret: #93a7c6;--neon: #35d6ff;--neon-2: #ff4fd8;--toi: #ffffff;--rayon: 12px;--police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--fond);color:var(--texte);font-family:var(--police);-webkit-tap-highlight-color:transparent}#carte{position:fixed;inset:0;touch-action:none}#carte canvas{display:block}button{font:inherit;color:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;border:1px solid var(--bord);background:transparent}button.principal{background:linear-gradient(135deg,#1aa6d6,#7a4dff);border-color:transparent;font-weight:650;box-shadow:0 0 18px #35d6ff40}button.fantome{background:var(--panneau)}button.petit{padding:4px 10px;font-size:13px}button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.discret{color:var(--discret)}#barre{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;background:linear-gradient(180deg,#070b16eb,#070b1600);pointer-events:none}#barre>*{pointer-events:auto}.marque{display:flex;align-items:center;gap:10px}.logo{font-size:30px;color:var(--neon);text-shadow:0 0 12px rgba(53,214,255,.7)}#titre{margin:0;font-size:19px;letter-spacing:.02em}#saison{margin:0;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#classement{position:fixed;left:14px;bottom:max(14px,env(safe-area-inset-bottom));width:270px;background:var(--panneau);border:1px solid var(--bord);border-radius:var(--rayon);padding:10px 12px;backdrop-filter:blur(6px)}.titre-panneau{all:unset;display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--discret);cursor:pointer;margin-bottom:6px}#classement ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#classement li{display:grid;grid-template-columns:26px 10px 1fr auto;align-items:center;gap:8px;font-size:14px;padding:3px 4px;border-radius:6px}#classement li.moi{outline:1px solid rgba(255,255,255,.6)}#classement li.ecart{justify-content:center;color:var(--discret);grid-template-columns:1fr;padding:0;line-height:.8}#classement .rang{color:var(--discret);text-align:right;font-variant-numeric:tabular-nums}#classement .pastille{width:10px;height:10px;border-radius:50%}#classement .nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#classement .chiffre{font-variant-numeric:tabular-nums;font-weight:650}#classement.replie ol{display:none}.flottant{position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.liaison{position:fixed;top:76px;pointer-events:none;left:50%;transform:translate(-50%);background:var(--panneau);border:1px solid var(--bord);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--discret)}.etiquette{position:fixed;z-index:5;max-width:300px;background:#080d1af2;border:1px solid var(--bord);border-radius:10px;padding:8px 11px;font-size:13px;line-height:1.45;pointer-events:none;box-shadow:0 6px 24px #00000080}.etiquette .titre{display:flex;align-items:center;gap:7px;font-weight:650;font-size:14px;margin-bottom:2px}.etiquette .pastille{width:10px;height:10px;border-radius:50%;flex:none}.etiquette p{margin:0;color:#c4d3ea}dialog{max-width:min(520px,calc(100vw - 24px));background:#0b1222;color:var(--texte);border:1px solid var(--bord);border-radius:16px;padding:20px 22px;box-shadow:0 0 40px #35d6ff26}dialog::backdrop{background:#02040ab3}dialog h2{margin:0 0 8px;font-size:20px}dialog p{line-height:1.5}dialog input{width:100%;font:inherit;color:inherit;background:#050a16;border:1px solid var(--bord);border-radius:10px;padding:10px 12px}.boutons{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.etapes{padding-left:20px;line-height:1.6}.etapes li{margin-bottom:12px}.etapes code{display:inline-block;margin:4px 8px 4px 0;padding:4px 8px;border-radius:6px;background:#050a16;border:1px solid var(--bord);color:var(--neon)}blockquote{margin:8px 0;padding:10px 12px;border-left:3px solid var(--neon-2);background:#050a16;border-radius:6px;font-size:14px;line-height:1.5}@media(max-width:640px){#barre{flex-wrap:wrap;padding-left:10px;padding-right:10px}#titre{font-size:17px}.actions button{padding:6px 11px;font-size:13px}#classement{left:10px;right:auto;width:min(250px,calc(100vw - 120px));padding:8px 10px}#classement li{font-size:13px}.flottant{right:10px;bottom:auto;top:calc(max(10px,env(safe-area-inset-top)) + 96px);padding:5px 11px;font-size:13px}.liaison{top:calc(max(10px,env(safe-area-inset-top)) + 140px)}.etiquette{left:10px!important;right:10px;max-width:none;top:auto!important;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px)}}