.scene,.hud,.table-disque,.cc-relief{-webkit-user-select:none;user-select:none}.scene{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,var(--ciel-haut) 0%,var(--ciel-bas) 100%)}.scene:before{content:"";position:absolute;inset:0 0 35%;opacity:var(--etoiles);background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 27% 8%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 41% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 55% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 68% 26%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 81% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 33%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 35% 36%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 74% 38%,#fff 50%,transparent 51%);background-size:640px 420px;pointer-events:none;transition:opacity .6s ease}.scene canvas{position:relative;display:block;width:100%;height:100%;opacity:0;cursor:crosshair;touch-action:none;transition:opacity .9s ease}.carte-prete .scene canvas{opacity:1}.scene canvas:focus-visible{outline-offset:-6px}.scene--glisse canvas{cursor:grabbing}.scene--balise canvas{cursor:pointer}.chantier,.etapes{display:none}.mode-carte .chantier{position:absolute;inset:0;display:block;pointer-events:none;transition:opacity .45s ease}.mode-carte.carte-prete .chantier{opacity:0}.chantier-plan{--cote: min(40vw, 54svh);position:absolute;left:calc(67% - var(--cote) / 2);top:calc(42% - var(--cote) / 2);width:var(--cote);height:var(--cote);overflow:visible}@media (max-aspect-ratio: 21/20){.chantier-plan{--cote: min(84vw, 38svh);left:calc(50% - var(--cote) / 2);top:calc(34% - var(--cote) / 2)}}.plan-feuille{fill:#e4e7f7;stroke:#161a5c80;stroke-width:.6}.plan-courbe{fill:none;stroke:#161a5c;stroke-width:.75;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;animation:tracer 1.15s cubic-bezier(.45,0,.25,1) forwards}.plan-1000{animation-delay:.12s}.plan-1500{animation-delay:.24s}.plan-2000{animation-delay:.36s}.plan-2500{animation-delay:.48s}.plan-eau{fill:none;stroke:#1593ff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:tracer .9s cubic-bezier(.45,0,.25,1) .55s forwards}.plan-nom{fill:#161a5c;font-size:8.5px;font-weight:700;font-style:italic;font-stretch:110%;letter-spacing:.04em;text-anchor:middle;opacity:0;animation:apparaitre .5s ease forwards;animation-delay:calc(.8s + var(--i) * .1s)}.plan-nom--ville{fill:#c0266a;font-size:7px;font-style:normal}@keyframes tracer{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.plan-courbe,.plan-eau{animation:none;stroke-dashoffset:0}.plan-nom{animation:none;opacity:1}}@keyframes apparaitre{to{opacity:1}}.mode-carte .etapes{position:absolute;right:var(--gouttiere);bottom:78px;z-index:3;display:grid;justify-items:end;gap:6px;margin:0;padding:0;list-style:none;opacity:0;pointer-events:none;transition:opacity .4s ease,translate .5s ease}.mode-carte .etapes--visibles{opacity:1}.mode-carte .etapes--finies{opacity:0;translate:0 12px}.etape{position:relative;display:flex;align-items:center;gap:9px;padding:6px 14px 7px 8px;overflow:hidden;border:1px solid var(--trait);border-radius:999px;background:rgb(var(--voile) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--texte-doux);font-size:.9375rem;font-weight:620;opacity:.4;translate:14px 0;transition:opacity .3s ease,translate .4s cubic-bezier(.2,.8,.2,1),color .3s ease}.etape .icone{width:22px;height:22px}.etape:after{content:"";position:absolute;left:0;bottom:0;width:calc(var(--p, 0) * 100%);height:2px;background:var(--degrade)}.etape:before{content:"";order:3;width:9px;height:5px;margin:-3px 0 0 2px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:-45deg;opacity:0;transition:opacity .2s ease}.etape--en-cours,.etape--faite{color:var(--texte);opacity:1;translate:0 0}.etape--faite:before{opacity:1}.entete{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;gap:16px;height:var(--entete);padding-inline:var(--gouttiere);background:linear-gradient(180deg,rgb(var(--voile) / .8),rgb(var(--voile) / 0))}.mode-carte body{height:100svh;overflow:hidden}.mode-carte .accueil{position:fixed;left:var(--gouttiere);bottom:calc(60px + clamp(24px,6vh,64px));z-index:10;max-width:600px;transition:opacity .6s ease,translate .6s ease,visibility .6s}.mode-carte .accueil:before{content:"";position:absolute;inset:-90px -140px -60px -120px;z-index:-1;background:radial-gradient(closest-side,rgb(var(--voile) / .8),rgb(var(--voile) / .52) 55%,transparent);pointer-events:none}.mode-carte.en-vol .accueil{opacity:0;translate:0 24px;visibility:hidden;pointer-events:none}.nom{font-size:clamp(3rem,7vw,6.5rem);font-weight:780;font-stretch:125%;line-height:.9;letter-spacing:-.02em;text-shadow:0 2px 30px var(--ombre-texte)}.nom span{display:block}.accueil-role{margin-top:18px;color:var(--lieu);font-size:var(--t-chapeau);font-style:italic;font-stretch:110%}.chapeau{max-width:50ch;margin-top:12px;font-size:1.125rem;line-height:1.55;text-shadow:0 1px 12px var(--ombre-texte)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:24px}.accueil-aide{margin-top:16px;color:var(--texte-doux);font-size:var(--t-petit)}@media (prefers-reduced-motion: no-preference){.mode-carte:not(.js-tard):not(.haut--leve) .nom{font-stretch:62%}.mode-carte:not(.js-tard):not(.haut--leve) .accueil>:not(.nom){opacity:0}.mode-carte.haut--leve .nom{animation:etirer 1.9s cubic-bezier(.22,.75,.2,1) both}.mode-carte.haut--leve .accueil>:not(.nom){animation:poser .8s cubic-bezier(.2,.7,.2,1) 1.1s both}.mode-carte.haut--leve .accueil>.actions{animation-delay:1.25s}.mode-carte.haut--leve .accueil>.accueil-aide{animation-delay:1.4s}}@keyframes etirer{0%{font-stretch:62%}to{font-stretch:125%}}@keyframes poser{0%{opacity:0;translate:0 .6em}}.hud{display:none}.mode-carte .hud{display:block}.mode-carte .hud>*{position:fixed;z-index:8;opacity:0;translate:0 12px;pointer-events:none;visibility:hidden;transition:opacity .5s ease,translate .5s ease,visibility 0s linear .5s}.mode-carte.en-vol .hud>*{opacity:1;translate:0 0;pointer-events:auto;visibility:visible;transition-delay:0s}.verre{border:1px solid var(--trait);border-radius:16px;background:var(--verre);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}.osd{top:calc(var(--entete) + 10px);left:var(--gouttiere);min-width:240px;padding:14px 18px 16px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgb(var(--voile) / .92),rgb(var(--voile) / .55));font-size:1rem}.osd-lieu{margin-bottom:6px;font-size:1.25rem;font-weight:740;font-stretch:112%;line-height:1.15}.osd-ligne{display:flex;justify-content:space-between;gap:18px;color:var(--texte-doux);font-stretch:92%}.osd-ligne strong{color:var(--donnee);font-weight:680;font-variant-numeric:tabular-nums}.osd-vitesse{height:4px;margin-top:9px;border-radius:2px;background:var(--trait);overflow:hidden}.osd-vitesse span{display:block;height:100%;background:linear-gradient(90deg,var(--soleil),var(--corail));transform-origin:left;transform:scaleX(.02);transition:transform .16s linear}.commandes{left:var(--gouttiere);bottom:60px;display:flex;align-items:center;gap:16px;max-width:420px;padding:12px 16px;color:var(--texte);font-size:.9375rem;line-height:1.45}.tactile .commandes--clavier{display:none}.touches{display:grid;flex:none;grid-template-columns:repeat(3,30px);gap:4px}.touche-haut{grid-column:2}kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border:1px solid rgb(255 255 255 / .28);border-bottom:3px solid rgb(255 255 255 / .18);border-radius:8px;background:linear-gradient(180deg,#232b86,#141a58);color:var(--neige);font-family:inherit;font-size:.875rem;font-weight:720}.commandes p kbd{height:24px;font-size:.8125rem}.manette,.aide-tactile{display:none}.mode-carte.tactile .manette,.mode-carte.tactile .aide-tactile{display:block}.manette{left:var(--gouttiere);bottom:64px;width:136px;height:136px;touch-action:none}.manette-socle{position:relative;width:100%;height:100%;border:1px solid var(--trait-fort);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 13px,var(--trait) 13px 14px),rgb(var(--voile) / .72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--ombre)}.manette-socle:before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(var(--accent),var(--accent)) 50% 0 / 2px 9px no-repeat,linear-gradient(var(--accent),var(--accent)) 50% 100% / 2px 9px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 50% / 9px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 50% / 9px 2px no-repeat;opacity:.8}.manette-bouton{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--degrade);box-shadow:0 8px 20px -6px #ff4d6de6,inset 0 -3px #1a0b2e40,inset 0 2px #ffffff73;transition:transform .26s cubic-bezier(.3,1.6,.5,1)}.manette--active .manette-bouton{transition:none}.aide-tactile{left:calc(var(--gouttiere) + 150px);bottom:76px;max-width:min(320px,calc(100vw - var(--gouttiere) * 2 - 150px));padding:10px 14px;color:var(--texte);font-size:.875rem;line-height:1.4}.mode-carte.en-vol .hud>.aide-tactile--vue{opacity:0;translate:0 8px;pointer-events:none;visibility:hidden;transition-delay:0s,0s,.5s}.carton{right:var(--gouttiere);bottom:60px;padding:12px 14px;border-radius:12px;background:#fff4ea;color:#1a0b2e;box-shadow:var(--ombre),inset 0 -4px #ff4d6de6;rotate:-1.5deg}.carton-titre{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:.875rem;font-weight:740;font-stretch:105%}.carton-compte{font-variant-numeric:tabular-nums}.cases{display:flex;gap:6px;padding:0;list-style:none}.case{position:relative;display:grid;place-items:center;width:44px;height:50px;padding-top:12px;border:1.5px solid #ff4d6d;border-radius:4px;background:#fffaf5}.case-code{position:absolute;top:2px;left:4px;color:#e0284f;font-size:.75rem;font-weight:760}.poincon{width:26px;height:26px;opacity:0;scale:1.6;transition:opacity .2s ease,scale .26s cubic-bezier(.3,1.5,.5,1);--p: #e0284f}.poincon--31{background:radial-gradient(circle,var(--p) 0 2.2px,transparent 2.6px) 0 0 / 8.66px 8.66px}.poincon--32{background:radial-gradient(circle,var(--p) 0 2.2px,transparent 2.6px) 0 0 / 13px 6.5px,radial-gradient(circle,var(--p) 0 2.2px,transparent 2.6px) 6.5px 3.25px / 13px 6.5px}.poincon--33{background:linear-gradient(45deg,transparent 42%,var(--p) 42% 58%,transparent 58%),radial-gradient(circle,var(--p) 0 2.2px,transparent 2.6px) 0 0 / 13px 13px}.poincon--34{background:radial-gradient(circle at 50% 50%,transparent 7px,var(--p) 7px 9px,transparent 9px),radial-gradient(circle,var(--p) 0 3px,transparent 3.4px)}.case--poinconnee .poincon{opacity:1;scale:1}.case--vient{animation:clac .52s ease}@keyframes clac{30%{scale:.86;background:#ffe2c9}}.carton-raz{margin-top:8px;padding:0;border:0;background:none;color:#5b3a66;font:inherit;font-size:.8125rem;text-decoration:underline;cursor:pointer}.carton--complet{box-shadow:var(--ombre),0 0 0 3px var(--or),0 0 40px -6px var(--or)}.etiquettes{position:absolute;inset:0;pointer-events:none}.etiquette{position:absolute;left:0;top:0;translate:-50% -100%;display:inline-flex;align-items:center;gap:10px;padding:4px 16px 4px 4px;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:#070a24e6;color:var(--neige);font:inherit;font-size:1rem;font-weight:680;text-align:left;white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:1;box-shadow:0 10px 24px -10px #030414e6;transition:opacity .3s ease,border-color .2s ease,box-shadow .2s ease,scale .2s ease}.etiquette:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;translate:-50% 0;rotate:45deg;border-right:1px solid rgb(255 255 255 / .22);border-bottom:1px solid rgb(255 255 255 / .22);background:#070a24e6}.etiquette-texte{display:grid;line-height:1.15}.etiquette-distance{color:var(--glacier);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.etiquette-distance:empty{display:none}.etiquette.hors-champ,html:not(.en-vol) .etiquette{opacity:0;pointer-events:none}.etiquette:hover{border-color:var(--soleil);box-shadow:0 0 0 1px var(--soleil),0 0 30px -4px #ff7a3dd9;scale:1.06}.etiquette--proche{opacity:0;pointer-events:none}.etiquette--faite .medaillon:before{background:linear-gradient(135deg,var(--violet),var(--glacier))}.etiquette--faite [data-nom]{color:var(--brume)}.invite{position:absolute;left:0;top:0;z-index:4;translate:-50% calc(-100% - 50px);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 18px 6px 8px;border:0;border-radius:999px;background:var(--degrade);color:var(--sur-degrade);font:inherit;font-size:1rem;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:0 8px 30px -8px #ff4d6de6;animation:respirer 1.6s ease-in-out infinite}.invite strong{font-weight:800}.invite .icone{--plein: #fff8f2;width:24px;height:24px}.invite kbd{border-color:#1a0b2e4d;background:#fff8f2;color:#1a0b2e}.invite:hover{filter:brightness(1.06)}.tactile .invite-touche{display:none}.tactile .invite{min-height:52px;padding-inline:10px 22px;font-size:1.0625rem}@keyframes respirer{50%{box-shadow:0 8px 40px -4px #ff4d6d}}.reticule{position:fixed;left:0;top:0;z-index:6;margin:0;pointer-events:none}.reticule:before{content:"";position:absolute;left:-11px;top:-11px;width:22px;height:22px;border:2px solid var(--glacier);border-radius:50%;box-shadow:0 0 0 1px #070a2499,0 0 12px #4fe3ff99}.reticule span{position:absolute;left:16px;top:-30px;padding:3px 9px;border-radius:7px;background:#070a24e0;color:var(--glacier);font-size:.875rem;font-weight:680;font-variant-numeric:tabular-nums;white-space:nowrap}.reticule--balise:before{border-color:var(--soleil)}.reticule--repere:before{border-color:var(--or);box-shadow:0 0 0 1px #070a2499,0 0 12px #ffc84599}.reticule--repere span{color:var(--or)}.mode-carte .panneau{position:fixed;top:calc(var(--entete) + 6px);right:16px;bottom:60px;z-index:15;display:none;flex-direction:column;width:min(520px,42vw);border:1px solid var(--trait);border-radius:22px;background:var(--verre);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);box-shadow:var(--ombre);transform:translate(calc(100% + 32px));transition:transform .46s cubic-bezier(.2,.8,.2,1),background-color .6s ease}.mode-carte .panneau--moyen{width:min(640px,48vw)}.mode-carte .panneau--large{width:min(840px,62vw)}.mode-carte .panneau--carte{width:min(1080px,75vw)}.mode-carte .panneau--visible{display:flex}.mode-carte .panneau--ouvert{transform:none}.panneau-tete{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;padding:20px 70px 16px 24px;border-bottom:1px solid var(--trait)}.panneau-tete .medaillon{grid-row:span 2}#contact .panneau-tete{overflow:hidden;border-radius:22px 22px 0 0}#contact .panneau-tete:after{content:"";position:absolute;top:-70px;right:-50px;width:280px;height:280px;background:url(../img/topo-belledonne.svg) center / contain no-repeat;opacity:.35;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%)}#contact .panneau-tete>:not(.fermer){position:relative;z-index:1}#contact .panneau-tete>.fermer{z-index:2}.panneau-tete>:not(.medaillon):not(.fermer){grid-column:2}.mode-carte .panneau-tete .fermer{top:18px;right:18px}.panneau-lieu{display:flex;align-items:center;gap:8px;color:var(--lieu);font-size:var(--t-petit);font-style:italic;font-stretch:108%}.panneau-lieu .code{font-style:normal}.panneau-tete h2{margin-top:6px;font-size:clamp(2rem,3.2vw,2.75rem);font-weight:760;font-stretch:124%;line-height:1;letter-spacing:-.015em}.panneau-tete h2:focus{outline:none}.panneau-corps{display:grid;align-content:start;gap:20px;padding:20px 26px 26px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--trait-fort) transparent}.mode-carte .panneau-corps{flex:1}.panneau-pied{padding:14px 26px;border-top:1px solid var(--trait)}.suivante{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--texte);font:inherit;font-weight:600;cursor:pointer}.suivante:hover{color:var(--accent-texte)}.suivante>span:first-child{color:var(--texte-doux);font-weight:500}.apropos-intro{max-width:78ch;font-size:1.0625rem;line-height:1.5}#a-propos .panneau-corps{gap:16px;padding-bottom:20px}#a-propos .frise>li{padding-block:7px}#a-propos .frise>li:before{top:13px}.frise-detail{margin-top:4px;color:var(--texte-doux);font-size:var(--t-donnee);line-height:1.5}.qualites--outils{gap:6px;margin-top:8px}.qualites--outils li{padding:2px 10px;border-color:color-mix(in srgb,var(--donnee) 45%,transparent);color:var(--donnee);font-size:.875rem;font-weight:600}.table{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:20px 28px;align-items:start}.table-gauche{display:grid;gap:14px}.table-consigne{color:var(--texte-doux);font-size:var(--t-petit);line-height:1.45}.table-disque-cadre{width:min(100%,220px);justify-self:center}.table-choix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.table-facettes{min-width:0}.table:not(.table--active){display:block}.table:not(.table--active) .facette{margin-top:18px}.table-disque{--disque-bord: #2a2350;--disque-fond: #1b1739;display:block;width:100%;touch-action:none;cursor:grab;filter:drop-shadow(0 12px 24px rgb(5 3 16 / .6))}[data-ciel=jour] .table-disque{--disque-bord: #ffffff;--disque-fond: #eef2ff;filter:drop-shadow(0 10px 22px rgb(20 26 88 / .2))}.table-bord{fill:var(--disque-bord);stroke:var(--trait-fort);stroke-width:1.5}.table-fond{fill:var(--disque-fond)}.table-cercle{fill:none;stroke:var(--trait)}.table-grad{stroke:var(--donnee);stroke-width:1;opacity:.4}.table-grad--longue{stroke-width:1.4;opacity:1}.table-cardinal{fill:var(--texte-doux);font-size:11px;font-weight:700;text-anchor:middle}.table-arc{fill:color-mix(in srgb,var(--donnee) 9%,transparent);stroke:var(--trait);cursor:pointer;transition:fill .2s ease}.table-secteur:hover .table-arc{fill:color-mix(in srgb,var(--accent) 18%,transparent)}.table-secteur--choisi .table-arc{fill:color-mix(in srgb,var(--accent) 32%,transparent);stroke:var(--accent)}.table-massif{fill:var(--texte);font-size:11px;font-weight:650;font-style:italic;text-anchor:middle;pointer-events:none}.table-regle{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.table-viseur{fill:var(--accent)}.table-pivot{fill:var(--disque-fond);stroke:var(--accent);stroke-width:2.5}.table-centre{fill:var(--texte-doux);font-size:9.5px;text-anchor:middle;font-style:italic}.table-option{display:grid;gap:1px;padding:8px 12px;border:1px solid var(--trait);border-radius:12px;background:var(--creux);color:var(--texte);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.table-option:hover{border-color:var(--trait-fort)}.table-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-fond)}.table-option-massif{color:var(--lieu);font-size:.75rem;font-style:italic;font-stretch:108%}.table-option-titre{font-size:.9375rem;font-weight:650;line-height:1.25}.facette{position:relative;display:grid;align-content:start;gap:14px;padding:20px 22px 22px;border-radius:18px;background:var(--creux);box-shadow:inset 0 0 0 1px var(--trait)}.table--active .facette:after{content:attr(data-massif) " " attr(data-cap) "°";position:absolute;top:23px;right:22px;color:var(--lieu);font-size:var(--t-petit);font-style:italic;font-stretch:108%}.facette h3{padding-right:7.5em;font-size:1.5rem;font-weight:740;font-stretch:114%;line-height:1.15}.facette--entree{animation:facette-entree .42s cubic-bezier(.2,.8,.2,1)}@keyframes facette-entree{0%{opacity:0;translate:16px 0}}.offres{display:grid;gap:10px}.offres div{padding-left:14px;border-left:2px solid var(--accent)}.offres dt{font-weight:650}.offres dd{color:var(--texte-doux);font-size:var(--t-donnee)}.qualites{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.qualites li{padding:4px 12px;border:1px solid var(--trait-fort);border-radius:999px;font-size:var(--t-donnee)}.cc-massif--web,.cc-sommet--web,.pastille-massif--web,.fiche[data-massif=web]{--m: #ff7a3d}.cc-massif--serveur,.cc-sommet--serveur,.pastille-massif--serveur,.fiche[data-massif=serveur]{--m: #ff7dbb}.cc-massif--applis,.cc-sommet--applis,.pastille-massif--applis,.fiche[data-massif=applis]{--m: #4fe3ff}.cc-massif--outils,.cc-sommet--outils,.pastille-massif--outils,.fiche[data-massif=outils]{--m: #ffc845}[data-ciel=jour] :is(.cc-massif--web,.cc-sommet--web,.pastille-massif--web,.fiche[data-massif=web]){--m: #d9500c}[data-ciel=jour] :is(.cc-massif--serveur,.cc-sommet--serveur,.pastille-massif--serveur,.fiche[data-massif=serveur]){--m: #c42a78}[data-ciel=jour] :is(.cc-massif--applis,.cc-sommet--applis,.pastille-massif--applis,.fiche[data-massif=applis]){--m: #087aad}[data-ciel=jour] :is(.cc-massif--outils,.cc-sommet--outils,.pastille-massif--outils,.fiche[data-massif=outils]){--m: #a86f00}.filtres{display:flex;flex-wrap:wrap;gap:6px}.filtres button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:.3em .9em;border:1px solid var(--trait-fort);border-radius:999px;background:none;color:var(--texte);font:inherit;font-size:var(--t-petit);font-weight:560;white-space:nowrap;cursor:pointer}.filtres button:hover{border-color:var(--accent)}.filtres button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-fond);color:var(--accent-texte)}.pastille-massif{display:inline-block;width:16px;height:11px;background:linear-gradient(100deg,var(--m) 55%,color-mix(in srgb,var(--m),#0c1240 30%) 55%);clip-path:polygon(0 100%,26% 38%,40% 62%,62% 0,100% 100%)}.carte-competences{display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-template-areas:"tete tete" "carte bas";gap:14px 18px}.cc-tete{grid-area:tete;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}.cc-lecture{max-width:44ch;color:var(--texte-doux);font-size:var(--t-donnee);line-height:1.45}.cc-lecture strong{color:var(--texte);font-weight:680}.cc-carte{grid-area:carte;position:relative;height:clamp(360px,46vw,540px);border-radius:16px;box-shadow:0 0 0 1px var(--trait-fort),var(--ombre)}.mode-carte .cc-carte{height:clamp(290px,calc(100svh - 440px),560px)}.cc-relief{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(120% 90% at 50% 40%,#1d2680,#0c1240)}[data-ciel=jour] .cc-relief{background:#f3eee4}.cc-fond{position:absolute;inset:0;display:block;width:100%;height:100%}.cc-calque{position:absolute;inset:0;--halo: rgb(9 12 46 / .95)}[data-ciel=jour] .cc-calque{--halo: rgb(255 255 255 / .95)}.cc-massif{position:absolute;translate:-50% 0;color:var(--m);font-size:.8125rem;font-style:italic;font-weight:680;font-stretch:120%;letter-spacing:.16em;white-space:nowrap;pointer-events:none;text-shadow:0 0 3px var(--halo),0 0 8px var(--halo);transition:opacity .24s ease}.cc-sommet{position:absolute;display:grid;justify-items:center;gap:2px;padding:2px 4px 3px;translate:-50% calc(var(--taille) * -.42 - 2px);border:0;border-radius:8px;background:none;color:var(--texte);font:inherit;cursor:pointer;transition:opacity .24s ease,scale .2s ease}.cc-sommet:hover{z-index:2;scale:1.1}.cc-sommet:focus-visible{z-index:2;outline:2px solid var(--accent);outline-offset:1px}.cc-pic{width:var(--taille);height:calc(var(--taille) * .75);overflow:visible;filter:drop-shadow(0 2px 2px rgb(3 4 20 / .45));transition:filter .2s ease}.cc-pic-lumiere{fill:var(--m)}.cc-pic-ombre{fill:color-mix(in srgb,var(--m),#0c1240 34%)}.cc-pic-neige{fill:#fff}[data-ciel=jour] .cc-pic-neige{stroke:color-mix(in srgb,var(--m),#0c1240 30%);stroke-width:.6;stroke-linejoin:round}.cc-sommet--vierge .cc-pic-facette,.cc-sommet--vierge .cc-pic-neige,.cc-echelle-cran--vierge .cc-pic-facette{display:none}.cc-sommet--vierge .cc-pic-lumiere,.cc-sommet--vierge .cc-pic-ombre{fill:color-mix(in srgb,var(--m) 14%,transparent);stroke:var(--m);stroke-width:1.6;stroke-linejoin:round}.cc-nom{font-size:.8125rem;font-weight:660;line-height:1.1;white-space:nowrap;text-shadow:0 0 2px var(--halo),0 0 5px var(--halo),0 1px 3px var(--halo)}.cc-sommet--vierge .cc-nom{color:var(--texte-doux);font-weight:540}.cc-cote{position:absolute;top:-5px;left:calc(50% + var(--taille) * .36);min-width:18px;padding:0 5px;border-radius:999px;background:var(--m);color:var(--sur-degrade);font-size:.6875rem;font-weight:800;line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.cc-sommet--choisi{z-index:3}.cc-sommet--choisi .cc-pic{filter:drop-shadow(0 0 7px var(--m)) drop-shadow(0 2px 2px rgb(3 4 20 / .45))}.cc-sommet--choisi .cc-nom{padding:1px 8px 2px;border-radius:999px;background:var(--m);color:var(--sur-m, var(--sur-degrade));font-weight:760;text-shadow:none;box-shadow:0 4px 12px -4px #030414b3}[data-ciel=jour] .cc-sommet--choisi .cc-nom{--sur-m: #ffffff;background:color-mix(in srgb,var(--m),#000 18%)}.cc-sommet--choisi:before{content:"";position:absolute;left:50%;top:calc(var(--taille) * .42 + 2px);width:calc(var(--taille) + 20px);height:calc(var(--taille) + 20px);translate:-50% -50%;border:2px solid var(--m);border-radius:50%;pointer-events:none;animation:viser 2.2s ease-out infinite}@keyframes viser{0%{scale:.7;opacity:.9}70%,to{scale:1.25;opacity:0}}.cc-carte[data-filtre=web] :is(.cc-sommet,.cc-massif):not([data-massif=web]),.cc-carte[data-filtre=serveur] :is(.cc-sommet,.cc-massif):not([data-massif=serveur]),.cc-carte[data-filtre=applis] :is(.cc-sommet,.cc-massif):not([data-massif=applis]),.cc-carte[data-filtre=outils] :is(.cc-sommet,.cc-massif):not([data-massif=outils]){opacity:.16}.cc-infobulle{position:absolute;z-index:6;translate:-50% calc(-100% - 26px);padding:5px 10px;border-radius:8px;background:#070a24f2;color:var(--neige);font-size:.8125rem;line-height:1.3;white-space:nowrap;pointer-events:none;box-shadow:0 8px 20px -8px #030414e6}.cc-infobulle strong{margin-right:4px;font-weight:740}.cc-bas{grid-area:bas;display:grid;align-content:start;gap:14px}.fiche{position:relative;display:grid;align-content:start;gap:4px;padding:16px 18px 18px 22px;overflow:hidden;border-radius:16px;background:var(--creux);box-shadow:inset 0 0 0 1px var(--trait)}.fiche:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--m, var(--accent))}.fiche-massif{color:var(--m, var(--lieu));font-size:.8125rem;font-style:italic;font-weight:680;font-stretch:116%;letter-spacing:.08em}.fiche-nom{font-size:1.75rem;font-weight:780;font-stretch:118%;line-height:1.05;overflow-wrap:anywhere}.fiche-compte{margin-top:4px;color:var(--texte-doux);font-size:var(--t-donnee);line-height:1.4}.fiche-projets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:0;list-style:none;font-size:.9375rem}.fiche-projets:empty{display:none}.fiche-projets a{display:inline-block;padding:3px 11px;border-radius:999px;background:var(--accent-fond);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);color:var(--texte);font-weight:600;text-decoration:none}.fiche-projets a:hover{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-texte)}.cc-echelle{display:grid;gap:10px;padding:12px 14px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--trait);color:var(--texte-doux);font-size:.8125rem}.cc-echelle-pics{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px}.cc-echelle-cran{--m: var(--texte-doux);display:grid;justify-items:center;gap:3px;font-variant-numeric:tabular-nums}.cc-echelle-cran .cc-pic{filter:none}.cc-echelle-cran--vierge .cc-pic path{fill:transparent;stroke:var(--m);stroke-width:1.6;stroke-linejoin:round}.liste-complete summary{color:var(--texte-doux);font-weight:600;cursor:pointer}.liste-complete summary:hover{color:var(--accent-texte)}.competences-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:14px}.competences-liste h3{margin-bottom:8px;font-size:var(--t-donnee);font-weight:700}.apercus{display:grid;gap:12px;padding:0;list-style:none}.apercus a{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:8px;border-radius:14px;background:var(--creux);color:var(--texte);text-decoration:none;transition:background-color .16s ease,box-shadow .16s ease}.apercus a:hover{background:var(--accent-fond);box-shadow:inset 0 0 0 1px var(--accent)}.apercus img{grid-row:span 2;width:112px;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:8px}.apercu-nom{align-self:end;font-weight:700;font-stretch:110%}.apercu-type{align-self:start;font-size:var(--t-petit)}.contact-intro{max-width:52ch;font-size:1.125rem;line-height:1.5}.reseaux{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;list-style:none}.annonce{position:fixed;left:50%;top:calc(var(--entete) + 14px);z-index:30;max-width:min(560px,calc(100vw - 32px));padding:12px 20px;border-radius:14px;background:linear-gradient(120deg,var(--or),var(--soleil));color:#2a1020;font-weight:650;text-align:center;opacity:0;translate:-50% -12px;pointer-events:none;transition:opacity .3s ease,translate .3s ease}.annonce:empty{display:none}.annonce--visible{opacity:1;translate:-50% 0}.mode-carte .pied{position:fixed;inset:auto 0 0;z-index:12;border-top:0;background:none}.mode-carte .pied-plein{display:none}.mode-carte .pied-marge{padding-block:24px 12px;border-top:0;background:linear-gradient(0deg,rgb(var(--voile) / .95),rgb(var(--voile) / .84) 55%,rgb(var(--voile) / 0))}.mode-carte .pied-droits{color:var(--texte)}.mode-carte .pied-echelle{display:flex}.pied-echelle{display:none;align-items:center;gap:12px;margin-right:auto;color:var(--texte)}.nord{display:grid;place-items:center;width:24px;height:24px;transition:transform .25s linear}.nord .icone{width:22px;height:22px}.echelle{display:grid;gap:2px;justify-items:start;font-size:.75rem;line-height:1;font-variant-numeric:tabular-nums}.echelle-barre{width:80px;height:6px;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 0 25%,transparent 25% 50%,currentColor 50% 75%,transparent 75%);transition:width .25s ease}html:not(.mode-carte) .scene{position:relative;height:min(62svh,620px);background:url(../img/relief-soir.webp) 50% 62% / min(92vw,860px) auto no-repeat,linear-gradient(180deg,var(--ciel-haut) 0%,var(--ciel-bas) 100%)}html:not(.mode-carte) .scene canvas,html:not(.mode-carte) .etiquettes,html:not(.mode-carte) .invite,html:not(.mode-carte) .reticule{display:none}html:not(.mode-carte) .entete{position:sticky;background:rgb(var(--voile) / .92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--trait)}html:not(.mode-carte) main{display:block}html:not(.mode-carte) .accueil{max-width:1100px;margin:0 auto;padding:40px var(--gouttiere) 24px}html:not(.mode-carte) [data-commencer]{display:none}html:not(.mode-carte) .accueil-aide{display:none}html:not(.mode-carte) .panneaux{display:grid;gap:24px;max-width:1100px;margin:0 auto;padding:24px var(--gouttiere) 64px}html:not(.mode-carte) .panneau{border:1px solid var(--trait);border-radius:22px;background:var(--surface);scroll-margin-top:calc(var(--entete) + 16px)}html:not(.mode-carte) .panneau .fermer,html:not(.mode-carte) .panneau-pied{display:none}html:not(.mode-carte) .pied-marge .pied-liens{display:none}@media (max-width: 1180px){.mode-carte .panneau--large{width:min(840px,70vw)}.mode-carte .panneau--carte{width:min(1080px,88vw)}.commandes p{display:none}}@media (max-width: 980px){.mode-carte .panneau,.mode-carte .panneau--moyen,.mode-carte .panneau--large{width:min(600px,calc(100vw - 32px))}.mode-carte .panneau--carte{width:min(780px,calc(100vw - 32px))}.table{grid-template-columns:minmax(0,1fr)}.table-gauche{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"consigne consigne" "disque choix";align-items:center;column-gap:18px}.table-consigne{grid-area:consigne}.table-disque-cadre{grid-area:disque;width:100%}.table-choix{grid-area:choix}.carte-competences{grid-template-columns:minmax(0,1fr);grid-template-areas:"tete" "carte" "bas"}.mode-carte .cc-carte{height:clamp(260px,calc(100svh - 470px),440px)}.cc-bas{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.competences-liste{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.mode-carte .accueil{right:var(--gouttiere);bottom:54px}.nom{font-size:clamp(2.6rem,13vw,4rem)}.chapeau{font-size:.9375rem}.mode-carte .scene canvas{height:100%}.osd{min-width:0;max-width:calc(100vw - 2 * var(--gouttiere) - 196px);padding:8px 12px 10px;font-size:.875rem}.osd-lieu{font-size:1.0625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osd-ligne:last-of-type{display:none}.osd-ligne span{display:none}.osd-ligne strong{font-size:1rem}.commandes{display:none!important}.manette{bottom:52px;width:124px;height:124px}.aide-tactile{left:calc(var(--gouttiere) + 136px);bottom:60px;max-width:calc(100vw - var(--gouttiere) * 2 - 136px);font-size:.8125rem}.carton{top:calc(var(--entete) + 10px);right:var(--gouttiere);bottom:auto;padding:7px 9px 8px;rotate:0deg}.carton-titre{margin-bottom:5px;font-size:.75rem}.carton-titre>span:first-child,.carton-raz{display:none}.carton-titre:before{content:"";flex:1}.case{width:30px;height:34px;padding-top:8px}.case-code{font-size:.5625rem}.poincon{width:18px;height:18px}.mode-carte .panneau,.mode-carte .panneau--moyen,.mode-carte .panneau--large,.mode-carte .panneau--carte{inset:auto 0 0;width:auto;height:86svh;border-radius:22px 22px 0 0;transform:translateY(105%)}.mode-carte .panneau--ouvert{transform:none}.avec-panneau .hud>*{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.panneau-tete{padding:16px 64px 14px 18px}.panneau-tete .medaillon{width:46px;height:46px}.panneau-tete .medaillon .icone{width:23px;height:23px}.panneau-tete h2{font-size:1.875rem}.panneau-corps{padding:18px 18px 24px}.panneau-pied{padding:12px 18px}.apropos-intro,.contact-intro{font-size:1rem}.table-gauche{grid-template-columns:112px minmax(0,1fr);column-gap:14px}.table-choix{grid-template-columns:minmax(0,1fr);gap:5px}.table-option{padding:6px 10px}.facette{padding:16px 16px 18px}.table--active .facette:after{position:static;order:-1;margin-bottom:-8px}.facette h3{padding-right:0;font-size:1.3125rem}.filtres{flex-wrap:nowrap;margin-inline:-18px;padding-inline:18px;overflow-x:auto;scrollbar-width:none}.filtres::-webkit-scrollbar{display:none}.mode-carte .cc-carte,.cc-carte{height:620px}.cc-bas{display:contents}.carte-competences{grid-template-areas:none}.cc-tete,.cc-carte{grid-area:auto}.fiche{position:sticky;bottom:-1px;z-index:4;padding:12px 14px 14px 18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--trait-fort),0 -14px 30px -12px #0304148c}.fiche-nom{font-size:1.375rem}.fiche-compte{margin-top:0}.fiche-projets{flex-wrap:nowrap;margin-inline:-18px -14px;padding:2px 14px 4px 18px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.fiche-projets::-webkit-scrollbar{display:none}.mode-carte .pied-marge{gap:4px 14px;padding-block:10px 8px;font-size:.75rem}.mode-carte .pied-echelle,.mode-carte .pied-droits>span+span,.mode-carte .pied-marge .pied-liens li:nth-child(1),.mode-carte .pied-marge .pied-liens li:nth-child(5),.mode-carte .pied-marge .pied-liens li:nth-child(6),.mode-carte .pied-marge .pied-liens .icone{display:none}.mode-carte .pied-marge .pied-liens{gap:4px 14px}.mode-carte .etapes{top:calc(var(--entete) + 2px);right:50%;bottom:auto;display:flex;gap:6px;translate:50% 0}.mode-carte .etapes--finies{translate:50% -10px}.etape{padding:5px;translate:0 0}.etape span{display:none}.etape:before{display:none}.apercus a{grid-template-columns:88px minmax(0,1fr)}.apercus img{width:88px}}@media (min-width: 721px) and (max-height: 820px){.panneau-tete{padding:14px 64px 12px 22px}.panneau-tete .medaillon{width:46px;height:46px}.panneau-tete .medaillon .icone{width:23px;height:23px}.panneau-tete h2{margin-top:3px;font-size:2rem}.mode-carte .panneau-tete .fermer{top:12px;right:14px}.panneau-corps{padding-top:16px}.panneau-pied{padding-block:10px}.table-disque-cadre{width:min(100%,180px)}}@media (min-width: 721px){.avec-panneau .carton,.avec-panneau .commandes,.avec-panneau .manette,.avec-panneau .aide-tactile{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.avec-panneau .annonce{translate:calc(-50% - (.5*(min(520px,42vw) + 16px))) 0}}@media (prefers-reduced-motion: reduce){.invite,.cc-sommet--choisi:before{animation:none}}