:root{--fond: #07131f;--fond-2: #0a1a2a;--panneau: rgba(6, 24, 40, .92);--panneau-plein: #0b1d2e;--bord: #1f3d5a;--bouton: #0e2133;--texte: #e6eef5;--texte-2: #b9cadb;--texte-3: #8fa6bc;--accent: #3dd6f5;--accent-texte: #04121f;--orange: #ff9f43;--danger: #ff5a5f;--succes: #3ccb7f;--mer: #0b2236;--grille: #12304a;--terre: #1d3044;--terre-bord: #2b4762;--r0: #e6eef5;--r1: #4da3ff;--r2: #3ccb7f;--r3: #f5c842;--r4: #ff5a5f;--r5: #000000;--rayon: 14px;--rayon-petit: 10px;--police: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--police-titre: "Space Grotesk", Inter, system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{background:var(--fond);color:var(--texte);font-family:var(--police);font-size:14px}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3{font-family:var(--police-titre);margin:0;letter-spacing:.01em}a{color:var(--accent)}.btn{min-height:44px;padding:0 16px;border-radius:var(--rayon-petit);border:1px solid var(--bord);background:var(--bouton);font-weight:600;font-size:14px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:focus-visible,.carte-choix:focus-visible,.cap:focus-visible,.ligne-voile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-principal{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.btn-principal:disabled{background:#2a4a5f;border-color:#2a4a5f;color:#7d93a6}.btn-orange{background:var(--orange);border-color:var(--orange);color:#241200}.btn-petit{min-height:34px;padding:0 10px;font-size:13px}.lbl{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--texte-3);text-transform:uppercase}.muted{color:var(--texte-2)}.panneau{background:var(--panneau);border:1px solid var(--bord);border-radius:var(--rayon);padding:12px 14px}.ecran{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 16px 48px;gap:20px;background:radial-gradient(1200px 600px at 70% -10%,#12395a 0%,transparent 60%),var(--fond)}.ecran>.contenu{width:min(980px,100%);display:flex;flex-direction:column;gap:18px}.titre-jeu{font-size:clamp(32px,6vw,56px);letter-spacing:.03em}.sous-titre{color:var(--texte-2);font-size:16px}.beta{display:inline-block;margin-left:10px;padding:3px 9px;border-radius:999px;background:var(--orange);color:#241200;font-size:12px;font-weight:700;vertical-align:middle;font-family:var(--police)}.menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.menu .btn{min-height:64px;font-size:16px;text-align:left;padding:0 18px}.grille-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.champ{display:flex;flex-direction:column;gap:6px}.champ input[type=text],.champ select{min-height:40px;border-radius:8px;border:1px solid var(--bord);background:var(--bouton);color:var(--texte);padding:0 10px;font-family:inherit;font-size:14px}.segment{display:flex;flex-wrap:wrap;gap:6px}.segment button{min-height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--bord);background:var(--bouton);font-weight:600}.segment button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.case-cocher{display:flex;align-items:center;gap:10px;min-height:36px}.case-cocher input{width:18px;height:18px;accent-color:var(--accent)}.barre-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.carte-choix{text-align:left;background:linear-gradient(180deg,#0f2a40,#0a1c2c);border:1px solid var(--bord);border-radius:var(--rayon);padding:14px;display:flex;flex-direction:column;gap:8px}.carte-choix[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.carte-choix:disabled{opacity:.45}.carte-choix .nom{font-family:var(--police-titre);font-size:18px;font-weight:700}.pastille-couleur{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}.bonus{color:var(--succes)}.compromis{color:var(--texte-3)}.competence{display:flex;gap:8px;align-items:center;font-weight:600}.icone-comp{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#12324c;font-size:15px}.tag-joueur{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-texte);font-size:11px;font-weight:700}.jeu{height:100%;display:grid;grid-template-rows:auto 1fr auto}.entete{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--bord);background:#081827;flex-wrap:wrap}.entete h1{font-size:17px}.entete .sep{width:1px;height:22px;background:var(--bord)}.entete .droite{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.puce{padding:5px 10px;border-radius:999px;border:1px solid var(--bord);font-size:13px;color:var(--texte-2);background:var(--bouton)}.puce b{color:var(--texte)}.corps{display:grid;grid-template-columns:1fr 360px;min-height:0}.zone-carte{position:relative;min-height:0;overflow:hidden;background:var(--mer)}.zone-carte canvas{display:block;width:100%;height:100%;touch-action:none}.cote-droit{border-left:1px solid var(--bord);background:#081827;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.journal{border-top:1px solid var(--bord);background:#081827;padding:8px 16px;font-size:13px;color:var(--texte-2);display:flex;gap:10px;align-items:center;min-height:40px}.journal b{color:var(--texte)}.classement{position:absolute;top:12px;left:12px;min-width:240px;font-size:13px;z-index:2}.classement ol{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.classement li{display:grid;grid-template-columns:18px 14px 1fr auto;gap:6px;align-items:center;padding:4px 6px;border-radius:6px}.classement li.moi{background:#12324c}.etat-badge{font-size:10px;padding:1px 5px;border-radius:4px;border:1px solid var(--orange);color:var(--orange);margin-left:4px}.outils-carte{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;z-index:2}.outils-carte .btn{min-height:38px;background:var(--panneau)}.bandeau{position:absolute;left:50%;bottom:60px;transform:translate(-50%);z-index:3;max-width:min(560px,80%);text-align:center;font-weight:600}.legende-carte{position:absolute;left:12px;bottom:12px;z-index:2;font-size:12px;color:var(--texte-2);display:flex;flex-wrap:wrap;gap:10px;max-width:60%}.vent{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}.girouette{width:56px;height:56px;border-radius:50%;border:1px solid var(--bord);display:grid;place-items:center;background:#0a2033}.girouette svg{transition:transform .6s ease}.vent .titre{font-family:var(--police-titre);font-size:18px;font-weight:700}.rose{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cap{min-height:52px;border-radius:10px;border:1px solid var(--bord);background:var(--bouton);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-weight:700;font-size:14px}.cap small{font-weight:500;font-size:10.5px;color:var(--texte-3)}.cap[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.cap[aria-pressed=true] small{color:var(--accent-texte)}.cap:disabled{opacity:.35}.cap-centre{display:grid;place-items:center;font-size:12px;color:var(--texte-3);text-align:center}.resume-choix{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.resume-choix .gros{font-family:var(--police-titre);font-size:24px;color:var(--accent);font-weight:700;white-space:nowrap}.voiles{display:flex;flex-direction:column;gap:6px}.ligne-voile{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid var(--bord);background:var(--bouton);min-height:50px}.ligne-voile[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#0f2c42}.ligne-voile:disabled{opacity:.4}.ligne-voile .n{font-weight:600}.ligne-voile .s{font-size:11.5px;color:var(--texte-3)}.ligne-voile .dist{font-family:var(--police-titre);font-size:20px;font-weight:700;min-width:22px;text-align:right}.risque{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap}.mini-risques{display:flex;gap:3px}.mini{width:16px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:10px;font-weight:700}.reglage{display:flex;align-items:center;justify-content:space-between;gap:8px}.stepper{display:flex;align-items:center;gap:6px}.stepper .btn{min-height:36px;min-width:36px;padding:0}.jetons{display:flex;gap:4px}.jeton{width:14px;height:14px;border-radius:4px;background:var(--orange)}.jeton.vide{background:transparent;border:1px solid var(--bord)}details.details{font-size:12.5px;color:var(--texte-2)}details.details summary{cursor:pointer;color:var(--texte-3);font-weight:600;min-height:28px}details.details ul{margin:6px 0;padding-left:18px}.voile-fond{position:fixed;top:0;right:0;bottom:0;left:0;background:#020a12b8;display:grid;place-items:center;z-index:50;padding:16px}.modale{width:min(560px,100%);background:var(--panneau-plein);border:1px solid var(--bord);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #00000080}.modale h2{font-size:22px}.reponses{display:flex;flex-direction:column;gap:8px}.reponses button{min-height:52px;text-align:left;padding:0 14px;border-radius:12px;border:1px solid var(--bord);background:var(--bouton);font-size:15px;font-weight:600;display:flex;gap:12px;align-items:center}.reponses button .l{width:26px;height:26px;border-radius:7px;background:#12324c;display:grid;place-items:center;font-size:12px}.reponses button.juste{border-color:var(--succes);background:#0f3a2a}.reponses button.faux{border-color:var(--danger);background:#3a1418}.chrono{height:5px;background:#12324c;border-radius:3px;overflow:hidden}.chrono>div{height:100%;background:var(--accent);transition:width 1s linear}.de{width:64px;height:64px;border-radius:14px;background:var(--texte);color:var(--accent-texte);display:grid;place-items:center;font-family:var(--police-titre);font-size:22px;font-weight:700}.de.roule{animation:roule .5s ease-in-out infinite}@keyframes roule{0%{transform:rotate(0)}50%{transform:rotate(18deg) scale(1.06)}to{transform:rotate(0)}}.des{display:flex;gap:14px;align-items:center}.vue3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#07131f}.vue3d .scene{position:absolute;top:0;right:0;bottom:0;left:0}.vue3d .scene canvas{display:block}.vue3d .etiquettes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.vue3d .tag{position:absolute;left:0;top:0;padding:3px 9px;border-radius:7px;background:#061828d1;font-size:12px;font-weight:600;white-space:nowrap}.vue3d .tag.moi{background:var(--accent);color:var(--accent-texte)}.vue3d .haut{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.etapes{display:flex;gap:6px;flex-wrap:wrap;font-size:12px}.etapes span{padding:4px 9px;border-radius:999px;color:var(--texte-3)}.etapes span.active{background:var(--accent);color:var(--accent-texte);font-weight:700}.vue3d .bas{position:absolute;left:12px;bottom:12px;width:min(380px,calc(100% - 24px))}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px}.marche{width:150px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#12395a,#0b2236);border:1px solid var(--bord);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px;gap:4px;text-align:center}.marche .rang{font-family:var(--police-titre);font-size:28px;font-weight:700}table.tableau{width:100%;border-collapse:collapse;font-size:13.5px}table.tableau th{text-align:left;color:var(--texte-3);font-weight:600;font-size:12px;border-bottom:1px solid var(--bord);padding:8px 6px}table.tableau td{border-bottom:1px solid #13283b;padding:8px 6px}.carnet{max-height:280px;overflow-y:auto;font-size:13px;color:var(--texte-2);display:flex;flex-direction:column;gap:4px}@media (max-width: 860px){.corps{grid-template-columns:1fr;grid-template-rows:minmax(300px,52vh) auto}.cote-droit{border-left:none;border-top:1px solid var(--bord);overflow:visible}.jeu{height:auto;min-height:100%}.classement{min-width:0;font-size:11px;padding:6px 8px;top:6px;left:6px;opacity:.92}.classement li{padding:1px 4px}.classement .lbl{display:none}.classement ol{margin:0}.bandeau{font-size:12.5px;bottom:56px;max-width:92%;padding:8px 10px}.entete{gap:8px;padding:8px 10px}.entete h1{font-size:15px}.legende-carte{display:none}}@media (prefers-reduced-motion: reduce){.de.roule{animation:none}.girouette svg{transition:none}}.rose16{position:relative;width:100%;max-width:300px;aspect-ratio:1;margin:0 auto}.rose16 .rose-fond{position:absolute;top:18%;right:18%;bottom:18%;left:18%;width:64%;height:64%}.rose16 .rose-fond g{transform-origin:0 0;transition:transform .4s ease}.cap16{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--bord);background:var(--bouton);font-weight:700;font-size:12px;padding:0}.cap16.secondaire{width:40px;height:40px;font-size:10.5px;color:var(--texte-2)}.cap16[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-texte)}.cap16:disabled{opacity:.25}.ligne-voile .dist small{font-size:11px;font-weight:600;color:var(--texte-3)}.echelle-vitesse{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:8px;font-size:11px;color:#dbe6f0;background:#061828b3;padding:5px 9px;border-radius:8px}.echelle-vitesse i{display:block;width:110px;height:6px;border-radius:3px}.zone-carte{background:#173a5c}.bandeau.avec-des{bottom:auto;top:50%;transform:translate(-50%,-50%);max-width:min(520px,92%);padding:16px 18px}.des-vent{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;align-items:flex-start}.de-bloc{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px}.de-direction{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9be9fb,#3dd6f5 60%,#1aa6c4);border:3px solid #e6fbff;display:grid;place-items:center;box-shadow:0 6px 18px #3dd6f559}.de-direction .boussole{font-size:34px}.de-force{width:76px;height:76px;border-radius:14px;background:linear-gradient(160deg,#ffc48a,#ff9f43);border:3px solid #fff0e0;color:#2a1300;font-family:var(--police-titre);font-size:26px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 18px #ff9f4359}.de-force .barres{display:flex;align-items:flex-end;gap:2px;height:18px}.de-force .barres i{width:4px;background:#2a130040;border-radius:1px}.de-force .barres i.pleine{background:#2a1300}.de-evenement{width:76px;height:76px;border-radius:14px;background:linear-gradient(160deg,#b79cff,#7c5cff);border:3px solid #efe8ff;color:#fff;font-family:var(--police-titre);font-size:28px;font-weight:700;display:grid;place-items:center;position:relative;box-shadow:0 6px 18px #7c5cff59}.de-evenement .etoile{position:absolute;top:3px;left:7px;font-size:13px;opacity:.8}.de-evenement.six{background:linear-gradient(160deg,#ffe27a,#ffb800);color:#2a1d00;box-shadow:0 0 0 4px #ffd60059,0 6px 22px #ffb80080}.roule{animation:roule .45s ease-in-out infinite}.de-resultat{font-family:var(--police-titre);font-size:18px;font-weight:700}.de-legende{font-size:12px;color:var(--texte-2);min-height:15px}.de-bilan{flex-basis:100%;text-align:center;font-size:14px;color:var(--texte-2)}.de-bilan b{color:var(--texte)}.recap{display:flex;flex-direction:column;gap:9px}.recap-tete{display:flex;align-items:center;gap:10px}.recap-nom{font-family:var(--police-titre);font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recap-rang{text-align:right;font-family:var(--police-titre);font-size:20px;font-weight:700;line-height:1.1}.recap-rang small{display:block;font-family:var(--police);font-size:12px;font-weight:600;color:var(--texte-2)}.recap-ligne{display:flex;align-items:center;gap:8px;font-size:13px}.puces-voiles{display:flex;flex-wrap:wrap;gap:4px}.puce-voile{font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;border:1px solid var(--bord);background:#12324c}.puce-voile.perdue{border-color:var(--danger);color:#ffb3b5;background:#3a1418}.puce-voile.quai{border-style:dashed;color:var(--texte-3);background:transparent}.recap-effets,.effets{display:flex;flex-wrap:wrap;gap:5px}.effet{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px}.effet.heureux{background:#0f3a2a;color:#9ff0c4;border:1px solid #2f8f5f}.effet.dommage{background:#3a1418;color:#ffb3b5;border:1px solid #a5444a}.effet.neutre{background:#12324c;color:var(--texte-2);border:1px solid var(--bord)}.carte-evenement{padding:0 0 18px;overflow:hidden;gap:10px}.carte-evenement>*:not(.scene-carte){margin-left:20px!important;margin-right:20px!important}.scene-carte{display:block;width:100%;height:auto}.carte-evenement.ton-heureux{border-color:#2f8f5f}.carte-evenement.ton-dommage{border-color:#a5444a}.apparait{animation:apparait .7s ease-out both}@keyframes apparait{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}.paquet{position:relative;width:190px;height:270px;cursor:pointer}.dos-carte{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:3px solid #e6eef5;background:repeating-linear-gradient(45deg,#12395a 0,#12395a 10px,#0e2d47 10px,#0e2d47 20px);box-shadow:0 10px 30px #00000073}.dos-carte:after{content:"★";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:48px;color:#ffd400}.dos-carte.tiree{animation:tirer 1.6s ease-in-out forwards}@keyframes tirer{0%{transform:translate(12px,-12px)}45%{transform:translate(120px,-60px) rotate(8deg)}to{transform:translateY(-20px) rotateY(90deg) scale(1.15)}}.paquet-legende{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);white-space:nowrap;font-weight:600}.carte-evenement.retournee{animation:retourner .45s ease-out}@keyframes retourner{0%{transform:rotateY(90deg)}to{transform:none}}@media (prefers-reduced-motion: reduce){.apparait,.dos-carte.tiree,.carte-evenement.retournee{animation:none}}