.section{padding:72px var(--gouttiere);position:relative}.section .entete{max-width:var(--largeur);margin:0 auto}@media (min-width:900px){.section{padding:112px var(--gouttiere)}}.arrivee{background:var(--nuit);isolation:isolate;height:100svh;min-height:560px;position:relative;overflow:hidden}.arrivee .plan{position:absolute;inset:0}.ciel{background:radial-gradient(1px 1px at 20% 30%, #e6c8ffcc, transparent 60%), radial-gradient(1px 1px at 70% 18%, #d2fbffb3, transparent 60%), radial-gradient(1px 1px at 42% 62%, #e6c8ff99, transparent 60%), radial-gradient(1.5px 1.5px at 85% 52%, #d2fbffb3, transparent 60%), radial-gradient(1px 1px at 12% 80%, #e6c8ff99, transparent 60%), radial-gradient(ellipse 80% 60% at 50% 40%, var(--vio-o) 0%, var(--nuit) 70%)}.vue{overflow:hidden}.vue .scene{object-fit:cover;object-position:36% 50%;transform-origin:40% 55%;width:100%;height:104%;position:absolute;inset:-4% 0 0}@media (min-aspect-ratio:1){.vue .scene{object-position:50% 45%}}.vue:after{content:"";background:linear-gradient(#140c1e8c 0%,#140c1e00 22% 46%,#140c1e8c 72%,#140c1ef5 100%),radial-gradient(120% 90% at 50% 45%,#0000 55%,#140c1e8c 100%);position:absolute;inset:0}.fissure{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.fissure polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:miter}.fissure .halo{stroke:#5fe0f059;stroke-width:10px}.fissure .trait{stroke:var(--cyan-h);stroke-width:2.5px}.fissure-d{display:none}@media (min-width:700px){.fissure-m{display:none}.fissure-d{display:inline}}.eclair-blanc{opacity:0;pointer-events:none;background:#fff}.brume{pointer-events:none}.brume:before,.brume:after{content:"";filter:blur(6px);background:radial-gradient(50% 60% at 30% 70%,#b965f738,#0000 70%),radial-gradient(45% 55% at 75% 75%,#fdf0b224,#0000 70%);height:42%;position:absolute;bottom:-8%;left:-20%;right:-20%}.brume:after{opacity:.7;height:30%;bottom:12%;transform:scaleX(-1)}.eclats{pointer-events:none}.eclat{position:absolute}.eclat svg{filter:drop-shadow(0 0 10px #5fe0f073);width:100%;height:auto;display:block}.anime .eclat svg{animation:2.4s steps(4,end) infinite alternate flotte;animation-delay:calc(var(--i) * -.4s)}@keyframes flotte{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.poussieres{pointer-events:none}.poussieres canvas{width:100%;height:100%;display:block}.contenu{padding:calc(var(--haut-bandeau) + 16px) var(--gouttiere) max(28px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.logo-titre{width:min(84vw,520px);margin:0 0 auto;padding-top:6svh;position:relative}.logo-titre img{filter:drop-shadow(0 10px 30px #0000008c);width:100%;height:auto}.logo-reflet{pointer-events:none;background:linear-gradient(105deg,#0000 40%,#fff8dcbf 50%,#0000 60%) 120% 0/300% 100% no-repeat;position:absolute;inset:6svh 0 0;-webkit-mask:url(/img/logo-720.webp) top/100% no-repeat;mask:url(/img/logo-720.webp) top/100% no-repeat}.accroche{max-width:30ch;color:var(--parch-h);text-shadow:0 2px 12px #000c;margin:0 0 18px;font-size:20px;line-height:1.4}.accroche strong{color:var(--or-l);font-weight:500}.arrivee .actions,.rejoindre .actions{flex-direction:column;gap:10px;width:min(100%,420px);display:flex}.arrivee .actions .bouton,.rejoindre .actions .bouton{width:100%}.beta{color:var(--parch-l);text-shadow:0 1px 8px #000000e6;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:16px 0 0;font-size:16px;display:flex}.decompte-court{min-width:9ch;color:var(--or-l);font-size:16px}.defiler{background:linear-gradient(var(--or-l), transparent);opacity:.7;width:2px;height:26px;margin-left:-1px;display:none;position:absolute;bottom:8px;left:50%}@media (min-width:900px){.contenu{justify-content:center;padding-bottom:72px}.logo-titre{width:min(46vw,600px);margin:0 0 22px;padding-top:0}.logo-reflet{inset:0}.accroche{max-width:34ch;font-size:24px}.arrivee .actions,.rejoindre .actions{flex-direction:row;justify-content:center;width:auto}.arrivee .actions .bouton,.rejoindre .actions .bouton{width:auto}.defiler{display:block}.anime .defiler{animation:goutte 1.8s var(--ease-out) infinite;transform-origin:top}}@keyframes goutte{0%{opacity:0;transform:scaleY(0)}30%{opacity:.8}to{opacity:0;transform:scaleY(1)}}.arrivee .vue{animation:none}html.arrivee .vue{animation:2.15s ease-out both ouvrir-d}@media (max-width:699px){html.arrivee .vue{animation-name:ouvrir-m}}html.arrivee .scene{animation:1.4s cubic-bezier(.16,1,.3,1) 1.2s both recul}html.arrivee .fissure{animation:.55s ease-in both tracer,.35s ease-out .85s forwards eteindre}html.arrivee .eclair-blanc{animation:.2s linear .76s both flash}html.arrivee .eclat .vol{animation:jaillir 1.4s cubic-bezier(.16, 1, .3, 1) calc(1.15s + var(--i) * 50ms) both}html.arrivee .bandeau{animation:.6s ease-out 1.4s both apparaitre}html.arrivee .logo-titre{animation:1.1s cubic-bezier(.16,1,.3,1) 1.15s both poser}html.arrivee .logo-reflet{animation:1.1s ease-in-out 1.75s both balayer}html.arrivee .accroche,html.arrivee .arrivee .actions,html.arrivee .beta{animation:.7s cubic-bezier(.16,1,.3,1) both monter}html.arrivee .accroche{animation-delay:1.5s}html.arrivee .arrivee .actions{animation-delay:1.6s}html.arrivee .beta{animation-delay:1.7s}@keyframes recul{0%{transform:scale(1.22)}}@keyframes tracer{0%{clip-path:inset(0 0 100%);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes eteindre{0%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:0}30%{opacity:.85}to{opacity:0}}@keyframes jaillir{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.4)}}@keyframes apparaitre{0%{opacity:0}}@keyframes poser{0%{opacity:0;transform:translateY(-24px)scale(.94)}}@keyframes balayer{to{background-position:-20% 0}}@keyframes monter{0%{opacity:0;transform:translateY(16px)}}.monde{background:radial-gradient(ellipse 90% 60% at 50% 30%, #241238 0%, var(--nuit) 70%)}.monde-scene{min-height:100svh;padding:calc(var(--haut-bandeau) + 8px) var(--gouttiere) 40px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.boussole{border:2px solid var(--noyer-l);background:linear-gradient(180deg, #2b1f1d, var(--noyer-o));border-radius:2px;width:min(100%,520px);height:32px;margin:0 auto 18px;position:relative;overflow:hidden;box-shadow:inset 0 2px #a6835f40}.boussole:after{content:"";border:6px solid #0000;border-top:8px solid var(--or-l);margin-left:-6px;position:absolute;top:-1px;left:50%}.boussole-bande{white-space:nowrap;will-change:transform;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.boussole-bande span{text-align:center;width:60px;font-family:var(--police-corps), system-ui, sans-serif;color:var(--parch-m);-webkit-font-smoothing:none;flex:none;font-size:16px;position:relative}.boussole-bande span.cardinal{color:var(--or-l)}.boussole-bande span:before{content:"";background:#c7b08b73;width:2px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.monde-texte{text-align:center}.monde-texte .chapo{margin-inline:auto;margin-bottom:18px}.carte-scene{perspective:900px;width:min(88vw,46svh,620px);margin:0 auto 24px}.carte{aspect-ratio:565/567;transform-origin:50% 100%;background:#2c4a7a}.brouillard{--trou:34;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse calc(var(--trou) * 1%) calc(var(--trou) * 1.2%) at 54% 64%, transparent 62%, #000 100%);-webkit-mask-image:radial-gradient(ellipse calc(var(--trou) * 1%) calc(var(--trou) * 1.2%) at 54% 64%, transparent 62%, #000 100%);mask-image:radial-gradient(ellipse calc(var(--trou) * 1%) calc(var(--trou) * 1.2%) at 54% 64%, transparent 62%, #000 100%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='4' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .66 0 0 0 0 .55 0 0 0 0 .82 0 0 0 1.9 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 50%/cover,#241636c7;position:absolute;inset:0}.repere{width:0;height:0;position:absolute;top:64%;left:54%}.repere .bague{border:2px solid var(--or-l);border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px;box-shadow:0 0 18px #f8c763b3}.anime .repere .bague{animation:bague 2.4s var(--ease-out) infinite}@keyframes bague{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.6)}}.repere .losange{background:var(--or-l);border:2px solid var(--or-o);width:16px;height:16px;box-shadow:inset 2px 2px 0 var(--or-h);position:absolute;top:-8px;left:-8px;transform:rotate(45deg)}.repere .etiquette{white-space:nowrap;background:var(--parch-l);color:var(--encre);border:2px solid var(--parch-s);box-shadow:0 3px 0 var(--noyer-o);padding:6px 10px 5px;font-size:16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.registre{text-align:left;max-width:520px;color:var(--parch-l);margin:20px auto 0}.registre p{margin:0 0 10px}.registre strong{color:var(--or-l);font-weight:500}.commande{color:var(--cyan-l);font-family:var(--police-corps), system-ui, sans-serif;-webkit-font-smoothing:none;background:#0b3a4a80;padding:1px 6px;font-size:16px}@media (min-width:900px){.monde-scene{max-width:calc(var(--largeur) + 2 * var(--gouttiere));padding-top:calc(var(--haut-bandeau) + 24px);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:64px;margin:0 auto;display:grid}.boussole{grid-column:1/-1}.carte-scene{grid-area:2/1;width:min(44vw,72svh,620px);margin-bottom:0}.monde-texte{text-align:left;grid-area:2/2}.monde-texte .chapo,.registre{margin-left:0}}@media (prefers-reduced-motion:reduce){.brouillard{--trou:34!important}}.classes{background:repeating-linear-gradient(0deg, #0000 0 22px, #1d131659 22px 24px), repeating-linear-gradient(90deg, #7f5d471a 0 3px, #0000 3px 61px, #1d13161f 61px 64px), linear-gradient(180deg, var(--nuit) 0, #2b1d1b 120px, var(--noyer-s) 100%);overflow:hidden}.donjons{isolation:isolate;background:#0f0c18;overflow:hidden}.donjons .fond{z-index:-2;position:absolute;inset:0}.donjons .fond img{object-fit:cover;object-position:50% 60%;filter:saturate(.55)brightness(.32)hue-rotate(-15deg);width:100%;height:100%}.donjons .fond:after{content:"";background:linear-gradient(180deg, var(--noyer-s) 0%, #0f0c188c 18%, #0f0c18bf 70%, var(--nuit) 100%);position:absolute;inset:0}.pluie{z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(104deg,#0000 0 22px,#d2fbff59 22px 23px,#0000 23px 61px);position:absolute;inset:-40% 0 0}.anime .donjons.en-vue .pluie{animation:.7s linear infinite pluie}@keyframes pluie{to{transform:translate(-10px,40%)}}.eclair{z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(80% 60% at 60% 10%,#e6c8ffe6,#b965f740 50%,#0000 80%);position:absolute;inset:0}.paire{max-width:var(--largeur);gap:28px;margin:0 auto;display:grid}.donjon{background:#140c1eb8;border:2px solid #3b363d;border-radius:2px;padding:22px 18px 0;position:relative;overflow:hidden;box-shadow:inset 0 2px #7b767e40,0 24px 40px #00000080}.donjon h3{color:var(--parch-h);margin:0;font-size:32px;line-height:1.1}.donjon .meta{color:var(--texte-doux);margin:4px 0 18px}.donjon .meta b{color:var(--or-l);font-weight:500}.descente{padding:0 0 0 40px;position:relative}.descente:before{content:"";background:repeating-linear-gradient(#c7b08b40 0 6px,#0000 6px 12px);width:2px;position:absolute;top:6px;bottom:6px;left:13px}.salles{margin:0;padding:0;list-style:none}.trace{background:linear-gradient(180deg, var(--or-l), var(--or-m));transform-origin:top;width:4px;position:absolute;top:6px;bottom:6px;left:12px;box-shadow:0 0 12px #f8c76399}.salle{color:var(--parch-h);padding:10px 0 18px;transition:color .3s;position:relative}.salle:before{content:"";background:var(--or-l);width:20px;height:20px;transition:background-color .3s,filter .3s;position:absolute;top:10px;left:-36px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v5h2v1H7v1H6v1H5v1H5V9H4V8H3V7H2V6H1V5h3z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h2v5h2v1H7v1H6v1H5v1H5V9H4V8H3V7H2V6H1V5h3z'/%3E%3C/svg%3E") 50%/contain no-repeat}.salle .num{color:var(--or-l);font-size:16px;display:block}.salle .nom{font-size:20px;font-weight:500}.anime .salle:not(.allumee){color:var(--texte-eteint)}.anime .salle:not(.allumee):before{background:#3b363d}.anime .salle:not(.allumee) .num{color:inherit}.anime .salle.allumee:before{filter:drop-shadow(0 0 6px #f8c763cc)}.boss{background:radial-gradient(ellipse 60% 70% at 75% 85%, var(--lueur), transparent 70%);grid-template-columns:1fr minmax(0,1.1fr);align-items:end;gap:12px;min-height:280px;margin:8px -18px 0;padding:18px 18px 0;display:grid;position:relative}.plaque{align-self:center;padding-bottom:28px}.plaque .nv{color:#ffb3b3;background:#2a0a0c;border:1px solid #8a201c;padding:3px 6px 2px;font-size:16px;display:inline-block}.plaque .nom-boss{color:var(--parch-h);margin-top:6px;font-size:32px;line-height:1;display:block}.plaque .ou{color:var(--texte-doux);margin-top:6px;font-size:16px;display:block}.boss .vitrine{height:270px}.boss .vitrine-repli img{width:auto;height:100%;filter:drop-shadow(0 0 22px var(--lueur))}.cales{--lueur:#19a7c473}.prevote{--lueur:#8d4fd680}@media (min-width:900px){.paire{grid-template-columns:1fr 1fr;gap:40px}.donjon{padding:28px 28px 0}.boss{min-height:340px;margin:8px -28px 0;padding:18px 28px 0}.boss .vitrine{height:330px}}.jouer{background:linear-gradient(180deg, var(--nuit), #1b1120)}.etapes{margin:28px 0 24px;padding:0;list-style:none}.etapes p{margin:0}.etapes strong{color:var(--or-l);font-weight:500}.rejoindre{text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 100%, #dd9b3e38, transparent 70%), var(--nuit);flex-direction:column;align-items:center;display:flex}.rejoindre .titre-section{max-width:16ch;font-size:32px;line-height:1.15}.rejoindre .chapo{margin-inline:auto}.rejoindre .reseaux{margin-top:28px}@media (min-width:900px){.rejoindre .titre-section{font-size:56px}}@media (max-width:599px){.boss{grid-template-columns:1fr}.plaque{padding-bottom:0}.boss .vitrine{height:320px}}.donjon{flex-direction:column;display:flex}.donjon>.boss{margin-top:auto}.donjon .chargement{background:#000;border-bottom:2px solid #3b363d;margin:-22px -18px 18px;overflow:hidden}.donjon .chargement img{aspect-ratio:2;object-fit:cover;object-position:50% 70%;width:100%;height:auto;display:block}.donjon-faits{color:var(--texte-doux);gap:6px;margin:0 0 18px;padding:0;font-size:16px;line-height:1.45;list-style:none;display:grid}.donjon-faits li{border-left:2px solid #c7b08b40;padding-left:14px}.donjon-faits .fait-cle{color:var(--parch-l);align-items:center;gap:8px;display:flex}.donjon-faits .fait-cle img{flex:none;width:32px;height:32px}.donjon-lien{background:#00000059;border-top:2px solid #3b363d;margin:0 -18px;padding:12px 18px;font-size:16px}@media (min-width:900px){.donjon .chargement{margin:-28px -28px 20px}.donjon-lien{margin:0 -28px;padding:12px 28px}}.reveil{isolation:isolate;background:linear-gradient(180deg, var(--nuit) 0%, #1d1226 100%);overflow:hidden}.aube{z-index:-1;pointer-events:none;background:radial-gradient(80% 50% at 50% 100%,#f8c76342,#dd9b3e1a 45%,#0000 75%),linear-gradient(#0000 40%,#5fe0f00d);position:absolute;inset:0}.temps-cadre{max-width:var(--largeur);margin:0 auto;position:relative}.temps{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.temps>li{border:2px solid var(--noyer-l);background:linear-gradient(#2b1f1df0,#1d1316f0);border-radius:2px;flex-direction:column;padding:20px 18px;display:flex;position:relative;box-shadow:inset 0 2px #a6835f4d,0 18px 30px #0006}.temps .numero{z-index:2;position:relative}.temps h3{color:var(--parch-h);margin:0 0 8px;font-size:24px;line-height:1.15}.temps p{margin:0 0 14px}.temps .etiquettes{margin-top:auto}.temps-img{filter:drop-shadow(0 10px 14px #0000008c);align-self:center;width:auto;height:150px;margin-top:auto}.statues{justify-content:center;align-items:flex-end;gap:2px;margin:auto 0 0;padding:0;list-style:none;display:flex}.statues img{filter:drop-shadow(0 8px 10px #0000008c);width:auto;height:96px;display:block}.vagues-eveil{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);align-items:end;gap:6px;margin-top:auto;display:grid}.vagues-eveil figure{text-align:center;flex-direction:column;align-items:center;margin:0;display:flex}.vagues-eveil img{width:100%;max-width:96px;height:auto}.vagues-eveil figcaption{color:var(--texte-doux);margin-top:4px;font-size:14px;line-height:1.2}.vague-finale .vitrine{width:100%;height:150px}.vague-finale .vitrine-repli img{width:auto;max-width:100%;height:100%}.vague-finale .vitrine-aide{display:none}.fil-or{z-index:1;background:linear-gradient(180deg, var(--or-l), var(--or-m));transform-origin:0 0;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:-10px;box-shadow:0 0 10px #f8c76399}.reveil-lien{text-align:center;margin:28px 0 0}.reveil-lien .bouton{white-space:normal;max-width:100%}@media (max-width:699px){.temps>li{padding:18px 16px}.temps-img{height:120px}.statues img{height:76px}.vague-finale .vitrine{height:130px}}@media (min-width:700px){.temps{grid-template-columns:repeat(2,minmax(0,1fr))}.fil-or{display:none}}@media (min-width:1000px){.temps{grid-template-columns:repeat(4,minmax(0,1fr))}.fil-or{background:linear-gradient(90deg, var(--or-l), var(--or-m));width:auto;height:2px;display:block;inset:41px calc(25% - 52px) auto 40px}}.vivant{background:radial-gradient(ellipse 70% 50% at 50% 0%, #7f5d472e, transparent 70%), var(--nuit)}.tuiles{max-width:var(--largeur);grid-template-columns:minmax(0,1fr);gap:16px;margin:0 auto;padding:0;list-style:none;display:grid}.tuile{background:linear-gradient(180deg, #2b1f1d, var(--noyer-o));border:2px solid var(--noyer-l);border-radius:2px;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px;display:grid;box-shadow:inset 0 2px #a6835f4d,0 18px 30px #0006}.tuile h3{color:var(--parch-h);margin:0 0 8px;font-size:24px;line-height:1.15}.tuile p{margin:0 0 10px}.tuile-texte a{font-size:16px}.tuile-visuel{background:#0000004d;border:1px solid #a6835f59;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:104px;margin:0;padding:12px;list-style:none;display:flex}.marque-or{color:var(--or-l);font-family:var(--police-corps), system-ui, sans-serif;font-weight:400}.tuile-quetes .tuile-visuel{flex-direction:column;gap:6px}.marques{gap:14px;display:flex}.marques img{width:18px;height:36px}.anime .marques img{animation:1.6s steps(4,end) infinite alternate flotte}.anime .marques img:nth-child(2){animation-delay:-.5s}.anime .marques img:nth-child(3){animation-delay:-1s}.tuile-quetes .journal{width:64px;height:64px}.portraits{grid-template-columns:repeat(4,48px);align-content:center;gap:6px;display:grid}.portraits img,.comptoirs img{border:2px solid var(--noyer-l);background:var(--noyer-o);width:48px;height:48px;display:block}.comptoirs img{width:96px;height:96px}.tuile-groupe .tuile-visuel{padding:0;overflow:hidden}.tuile-groupe .tuile-visuel img{object-fit:cover;object-position:100% 70%;width:100%;height:100%;max-height:240px;display:block}.commerce{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.commerce li{border-left:2px solid #c7b08b40;padding-left:14px}@media (min-width:600px){.tuile{grid-template-columns:228px minmax(0,1fr);align-items:start}.tuile-visuel{min-height:228px}.tuile-groupe .tuile-visuel img{height:228px;max-height:none}}@media (min-width:1100px){.tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tuile .commande{white-space:nowrap}