:root{--cyan: #00d4ff;--cyan-dim: #00a8cc;--violet: #8b2fff;--violet-dim: #6b1fd0;--magenta: #cc44ff;--gold: #e8c97a;--bg: #050814;--bg-2: #080d1e;--bg-card: rgba(10, 15, 40, .75);--border: rgba(0, 212, 255, .15);--border-hover:rgba(0, 212, 255, .45);--text: #e8eaf6;--text-muted: #8892b0;--text-dim: #4a5580;--grad-main: linear-gradient(135deg, var(--cyan), var(--violet));--grad-subtle: linear-gradient(135deg, rgba(0,212,255,.08), rgba(139,47,255,.08));--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-glow-cyan: 0 0 30px rgba(0, 212, 255, .25);--shadow-glow-violet: 0 0 30px rgba(139, 47, 255, .25);--shadow-card: 0 8px 40px rgba(0, 0, 0, .5);--nav-height: 70px;--section-pad: clamp(5rem, 10vw, 9rem);--inner-max: 1200px;--font-display: "Cinzel Decorative", serif;--font-heading: "Cinzel", serif;--font-body: "Raleway", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--ease-magic: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem)}body.ark-body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:orb-drift 18s ease-in-out infinite alternate}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.12),transparent 70%);top:-200px;left:-150px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,47,255,.14),transparent 70%);bottom:-150px;right:-100px;animation-delay:-6s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(204,68,255,.08),transparent 70%);top:40%;left:50%;transform:translate(-50%);animation-delay:-12s}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,40px) scale(1.1)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:#050814d9;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);transition:background .3s}.nav.scrolled{background:#050814f7}.nav-inner{max-width:var(--inner-max);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;gap:2rem}.nav-logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;transition:opacity .2s}.nav-logo:hover{opacity:.8}.nav-logo-mark{width:30px;height:30px;flex-shrink:0;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 6px rgba(0,212,255,.5));transition:filter .3s}.nav-logo:hover .nav-logo-mark{filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}@keyframes spin-slow{to{transform:rotate(360deg)}}.logo-text{font-family:var(--font-display);font-size:1rem;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;letter-spacing:.05em;color:var(--text-muted);transition:color .2s,background .2s;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text);background:#00d4ff14}.nav-link.active{color:var(--cyan)}.nav-icon{font-size:.7rem;opacity:.6}.nav-discord{display:flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border-radius:var(--radius-full);background:var(--grad-main);font-size:.82rem;font-weight:600;color:#fff;letter-spacing:.05em;transition:opacity .2s,transform .2s;flex-shrink:0;white-space:nowrap}.nav-discord:hover{opacity:.88;transform:translateY(-1px)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}.nav-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.6rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.85rem;font-weight:600;letter-spacing:.08em;transition:transform .2s var(--ease-magic),box-shadow .2s,opacity .2s;cursor:pointer;white-space:nowrap;border:none}.btn-lg{padding:.9rem 2.2rem;font-size:.95rem}.btn-sm{padding:.5rem 1.1rem;font-size:.78rem}.btn svg,.nav-discord svg{flex-shrink:0;display:block}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff73;opacity:.92}.btn-ghost{border:1px solid var(--border-hover);color:var(--cyan);background:transparent}.btn-ghost:hover{background:#00d4ff14;transform:translateY(-2px)}main{position:relative;z-index:1}.section-inner{max-width:var(--inner-max);margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:.05em}.section-subtitle{color:var(--text-muted);font-size:1rem;font-weight:300;max-width:560px;margin:0 auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-magic),transform .7s var(--ease-magic)}.reveal.visible{opacity:1;transform:translateY(0)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--nav-height)}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-video-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 32%,rgba(5,8,20,.3),rgba(5,8,20,.72) 68%,var(--bg) 100%),linear-gradient(to bottom,rgba(5,8,20,.55),rgba(5,8,20,.45) 45%,var(--bg) 96%)}.hero-inner{position:relative;z-index:2;text-align:center;padding:2rem;max-width:780px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-dim);border:1px solid var(--border);padding:.4rem 1.2rem;border-radius:var(--radius-full);margin-bottom:2.5rem;animation:fade-down .8s var(--ease-magic) both}.rune{font-size:.9rem;opacity:.6;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:1;letter-spacing:.12em;margin-bottom:1.5rem;animation:fade-up .9s .1s var(--ease-magic) both;display:flex;flex-direction:column;align-items:center;gap:.3rem}.hero-title-main{background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(0,212,255,.4))}.hero-title-line{font-size:.25em;color:var(--text-dim);letter-spacing:.5em}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);font-weight:300;color:var(--text-muted);line-height:1.8;margin-bottom:2.5rem;animation:fade-up .9s .2s var(--ease-magic) both}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fade-up .9s .3s var(--ease-magic) both}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:fade-up 1s .8s var(--ease-magic) both}.scroll-line{display:block;width:1px;height:60px;background:linear-gradient(to bottom,var(--cyan),transparent);margin:0 auto;animation:pulse-line 2s ease-in-out infinite}@keyframes pulse-line{0%,to{opacity:.3;height:60px}50%{opacity:1;height:80px}}.hero-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.glyph-ring{position:absolute;border-radius:50%;border:1px solid transparent}.glyph-ring-1{width:500px;height:500px;border-color:#00d4ff14;animation:spin-slow 40s linear infinite}.glyph-ring-2{width:380px;height:380px;border-color:#8b2fff1a;animation:spin-slow 28s linear infinite reverse}.glyph-ring-3{width:260px;height:260px;border-color:#00d4ff0f;animation:spin-slow 18s linear infinite}.glyph-core{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan),0 0 60px #00d4ff80;animation:core-pulse 3s ease-in-out infinite}@keyframes core-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.8);opacity:1}}.features{padding:var(--section-pad) 0;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden;display:flex;flex-direction:column}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grad-subtle);opacity:0;transition:opacity .3s;z-index:0}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow-cyan)}.feature-card:hover:before{opacity:1}.feature-card>*{position:relative;z-index:1}.feature-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.feature-icon{font-size:2rem;display:block}.feature-stat{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-dim);border:1px solid var(--border);border-radius:var(--radius-full);padding:.15rem .6rem;white-space:nowrap}.feature-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.6rem;letter-spacing:.04em}.feature-text{font-size:.88rem;color:var(--text-muted);line-height:1.7;font-weight:300}.feature-card--linked{cursor:pointer;text-decoration:none;color:inherit}.feature-card-cta{display:inline-block;margin-top:1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--cyan);border:1px solid rgba(0,212,255,.3);padding:.2rem .7rem;border-radius:var(--radius-full);transition:background .2s,border-color .2s;text-transform:uppercase;align-self:flex-start}.feature-card--linked:hover .feature-card-cta{background:#00d4ff1a;border-color:var(--cyan)}.feature-card--linked:hover{border-color:var(--cyan);box-shadow:var(--shadow-glow-cyan)}.cta-section{padding:0 0 var(--section-pad);position:relative;z-index:1}.cta-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4rem 2rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--grad-main);z-index:-1;opacity:.15}.cta-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.cta-text{color:var(--text-muted);font-weight:300;max-width:480px;margin:0 auto 2rem}.page-hero{position:relative;z-index:1;padding:calc(var(--nav-height) + 4rem) 0 4rem;text-align:center;border-bottom:1px solid var(--border)}.page-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-dim);margin-bottom:1.2rem;animation:fade-down .7s var(--ease-magic) both}.page-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;margin-bottom:1rem;animation:fade-up .7s .1s var(--ease-magic) both}.page-subtitle{color:var(--text-muted);font-size:1rem;font-weight:300;max-width:560px;margin:0 auto;animation:fade-up .7s .2s var(--ease-magic) both}.sommaire-title{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}.sommaire-list{display:flex;flex-direction:column;gap:.3rem}.sommaire-link{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:var(--radius-md);font-size:.85rem;color:var(--text-muted);border:1px solid transparent;transition:all .2s}.sommaire-link:hover{color:var(--text);background:#00d4ff0f;border-color:var(--border)}.sommaire-num{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);min-width:22px}.tutoriels-section{padding:4rem 0 var(--section-pad);position:relative;z-index:1}.tuto-sommaire{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:680px;margin-left:auto;margin-right:auto}.tuto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tuto-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden;text-decoration:none;color:inherit}.tuto-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-glow-cyan)}.tuto-card--dispo{border-color:#00d4ff40}.tuto-card--dispo:hover{border-color:var(--cyan);box-shadow:var(--shadow-glow-cyan)}.tuto-card-header{display:flex;align-items:center;gap:.5rem}.tuto-num{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim)}.tuto-icon{font-size:1rem;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tuto-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--text);letter-spacing:.03em}.tuto-desc{font-size:.83rem;color:var(--text-muted);line-height:1.6;font-weight:300;flex:1}.tuto-footer{margin-top:auto}.tuto-badge{font-size:.68rem;color:var(--violet);border:1px solid rgba(139,47,255,.3);padding:.15rem .6rem;border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.tuto-badge--dispo{color:var(--cyan);border-color:#00d4ff66;font-weight:600}.equipe-section{padding:4rem 0 var(--section-pad);position:relative;z-index:1}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.staff-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s,transform .3s,box-shadow .3s}.staff-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow-violet)}.staff-avatar-wrap{position:relative;width:96px;height:96px;flex-shrink:0}.staff-avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--grad-main);z-index:0;animation:spin-slow 8s linear infinite;opacity:.7}.staff-avatar-ring:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--bg)}.staff-avatar{position:relative;z-index:1;width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--bg)}.staff-avatar--placeholder{background:var(--grad-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.staff-avatar--placeholder span{font-family:var(--font-display);font-size:2rem;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.staff-pseudo{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text);letter-spacing:.04em}.staff-role{margin-top:.25rem}.staff-role-badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:.2rem .65rem;border-radius:var(--radius-full);border:1px solid;text-transform:uppercase;background:transparent}.equipe-note{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reglement-section{padding:4rem 0 var(--section-pad);position:relative;z-index:1}.reglement-layout{display:grid;grid-template-columns:240px 1fr;gap:3rem;align-items:start}.reglement-sommaire{position:sticky;top:calc(var(--nav-height) + 1.5rem);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reglement-content{display:flex;flex-direction:column;gap:2rem}.reglement-article{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s}.reglement-article:hover{border-color:var(--border-hover)}.article-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.article-num{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.1em;min-width:24px}.article-icon{font-size:1.2rem}.article-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--cyan);letter-spacing:.04em}.article-rules{display:flex;flex-direction:column;gap:.65rem}.rule-item{display:flex;gap:.75rem;font-size:.88rem;color:var(--text-muted);line-height:1.65;font-weight:300}.rule-bullet{color:var(--violet);font-size:.6rem;flex-shrink:0;margin-top:.42rem}.reglement-footer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 2rem;color:var(--text-muted);font-size:.83rem;display:flex;flex-direction:column;gap:.4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reglement-date{color:var(--text-dim);font-size:.78rem;font-family:var(--font-mono)}.footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:3rem 0 2rem;background:#050814cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer-inner{max-width:var(--inner-max);margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:.4rem}.logo-text-sm{font-family:var(--font-display);font-size:1rem;font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.15em}.footer-tagline{font-size:.78rem;color:var(--text-dim);letter-spacing:.06em}.footer-nav{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-nav a{font-size:.82rem;color:var(--text-muted);letter-spacing:.06em;transition:color .2s}.footer-nav a:hover{color:var(--cyan)}.footer-copy{font-size:.75rem;color:var(--text-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.page-hero--lore{padding-bottom:5rem;position:relative;overflow:hidden}.lore-intro-runes{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.5em;color:var(--text-dim);margin-top:1.5rem;animation:fade-up .9s .4s var(--ease-magic) both}.lore-hero-glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.lore-timeline-nav{position:sticky;top:var(--nav-height);z-index:50;background:#050814eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.75rem 0}.timeline-nav-list{display:flex;gap:.25rem;justify-content:center;flex-wrap:wrap}.timeline-nav-link{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s;text-align:center}.timeline-nav-link:hover{background:#00d4ff14;border-color:var(--border)}.timeline-nav-link--present{color:var(--cyan)}.tl-icon{font-size:1rem;line-height:1}.tl-label{font-family:var(--font-heading);font-size:.72rem;font-weight:600;color:var(--text);white-space:nowrap}.tl-years{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);white-space:nowrap}.lore-content{padding:4rem 0 var(--section-pad);position:relative;z-index:1}.lore-inner{max-width:860px;display:flex;flex-direction:column;gap:0}.lore-era{padding:3rem 0;scroll-margin-top:calc(var(--nav-height) + 60px)}.lore-era-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:2.5rem}.era-icon{font-size:2.2rem;line-height:1;flex-shrink:0;width:56px;height:56px;background:#00d4ff14;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-top:.2rem}.era-icon--danger{background:#dd10101a;border-color:#dd101040}.era-icon--build{background:#8b2fff1a;border-color:#8b2fff40}.era-icon--magic{background:#00d4ff1a;border-color:#00d4ff40}.era-icon--present{background:#e8c97a1a;border-color:#e8c97a40}.era-period{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:.3rem}.era-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;line-height:1.1;margin-bottom:.3rem}.era-title--danger{background:linear-gradient(135deg,#ff6b6b,#dd1010);-webkit-background-clip:text;background-clip:text}.era-title--build{background:linear-gradient(135deg,var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text}.era-title--magic{background:var(--grad-main);-webkit-background-clip:text;background-clip:text}.era-title--present{background:linear-gradient(135deg,#e8c97a,var(--cyan));-webkit-background-clip:text;background-clip:text}.era-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:300;font-style:italic}.lore-era-body{display:flex;flex-direction:column;gap:1.75rem;padding-left:4.5rem}.lore-text-block{display:flex;flex-direction:column;gap:1rem}.lore-text-block p{font-size:.95rem;color:var(--text-muted);line-height:1.85;font-weight:300}.lore-text-block strong{color:var(--text);font-weight:600}.lore-text-block--shadow{background:#dd10100d;border:1px solid rgba(221,16,16,.15);border-left:3px solid #dd1010;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1.5rem}.lore-shadow-intro{font-family:var(--font-heading);font-size:1.1rem!important;font-weight:600!important;color:#ff6b6b!important;font-style:italic}.lore-facts-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lore-facts{display:flex;flex-direction:column;gap:.65rem}.lore-facts li{display:flex;gap:.75rem;font-size:.88rem;color:var(--text-muted);line-height:1.6;font-weight:300}.fact-bullet{color:var(--cyan);font-size:.6rem;flex-shrink:0;margin-top:.44rem}.lore-quote{border-left:3px solid var(--violet);padding:1.25rem 1.5rem;background:#8b2fff0f;border-radius:0 var(--radius-md) var(--radius-md) 0}.lore-quote blockquote p{font-family:var(--font-heading);font-size:.95rem;color:var(--text);font-style:italic;line-height:1.9;font-weight:400}.lore-image{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-card);margin:0;transition:border-color .3s,box-shadow .3s}.lore-image:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow-cyan)}.lore-image img{width:100%;height:auto;max-height:420px;object-fit:cover;display:block;border-radius:inherit}.lore-separator{text-align:center;padding:1rem 0;color:var(--text-dim);font-size:.75rem;letter-spacing:.3em;font-family:var(--font-mono);margin-left:4.5rem}.lore-era--present{background:var(--bg-card);border:1px solid rgba(232,201,122,.2);border-radius:var(--radius-lg);padding:3rem 2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.lore-era--present:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(232,201,122,.06),transparent 60%);pointer-events:none}.lore-era--present .lore-era-body{padding-left:0}.lore-era--present .lore-era-header{margin-bottom:2rem}.lore-finale{text-align:center;padding:2.5rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.lore-finale-line{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;color:var(--text);letter-spacing:.04em}.lore-finale-line--accent{background:linear-gradient(135deg,#e8c97a,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tuto-page-section{padding:3rem 0 var(--section-pad);position:relative;z-index:1}.tuto-page-inner{display:grid;grid-template-columns:240px 1fr;gap:3rem;align-items:start}.tuto-page-nav{position:sticky;top:calc(var(--nav-height) + 1.5rem);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:1.25rem}.tuto-nav-links{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.tuto-nav-next,.tuto-nav-prev{font-size:.78rem;color:var(--cyan);font-family:var(--font-heading);letter-spacing:.04em;transition:opacity .2s}.tuto-nav-next:hover,.tuto-nav-prev:hover{opacity:.75}.tuto-nav-prev{color:var(--text-muted)}.tuto-back{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;transition:color .2s}.tuto-back:hover{color:var(--cyan)}.tuto-time-badge{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);border:1px solid rgba(0,212,255,.3);padding:.2rem .6rem;border-radius:var(--radius-full);letter-spacing:.06em}.tuto-page-content{display:flex;flex-direction:column;gap:2rem}.tuto-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-margin-top:calc(var(--nav-height) + 1rem);transition:border-color .3s}.tuto-step:hover{border-color:var(--border-hover)}.tuto-step-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:#00d4ff08}.tuto-step-num{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);letter-spacing:.1em;min-width:22px}.tuto-step-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--cyan);letter-spacing:.04em}.tuto-step-body{padding:1.75rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.tuto-step-body>p{font-size:.92rem;color:var(--text-muted);line-height:1.8;font-weight:300}.tuto-list{display:flex;flex-direction:column;gap:.6rem}.tuto-list li{display:flex;gap:.75rem;font-size:.88rem;color:var(--text-muted);line-height:1.65;font-weight:300}.tuto-list-bullet{color:var(--cyan);font-size:.6rem;flex-shrink:0;margin-top:.44rem}.tuto-list strong{color:var(--text);font-weight:600}.tuto-tip{display:flex;gap:.75rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.15);border-left:3px solid var(--cyan);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem 1.25rem}.tuto-tip--discord{background:#5865f20f;border-color:#5865f226;border-left-color:#5865f2}.tuto-tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.tuto-tip p{font-size:.85rem;color:var(--text-muted);line-height:1.65;font-weight:300}.tuto-action-box{display:flex;gap:1.25rem;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:1.5rem;align-items:flex-start}.tuto-action-icon{font-size:2rem;flex-shrink:0}.tuto-action-content{display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.tuto-action-title{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--text)}.tuto-action-desc{font-size:.83rem;color:var(--text-muted);line-height:1.6}.tuto-connect-options{display:flex;flex-direction:column;gap:1rem}.tuto-connect-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.tuto-connect-option--primary{border-color:#00d4ff4d;background:#00d4ff0a}.connect-option-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.connect-icon{font-size:1.1rem}.connect-label{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--text)}.connect-badge{font-family:var(--font-mono);font-size:.6rem;background:var(--grad-main);color:#fff;padding:.1rem .5rem;border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase}.tuto-connect-option p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.tuto-code{display:flex;align-items:center;gap:.75rem;background:#0006;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;font-family:var(--font-mono);width:100%}.tuto-code code{color:var(--cyan);font-size:.88rem;flex:1;font-family:var(--font-mono)}.tuto-copy-btn{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.2rem .6rem;cursor:pointer;transition:all .2s;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.tuto-copy-btn:hover{color:var(--cyan);border-color:var(--cyan)}.tuto-inline-code{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan);background:#00d4ff14;padding:.1rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border)}kbd{font-family:var(--font-mono);font-size:.75rem;color:var(--text);background:#ffffff14;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1rem .4rem}.tuto-info-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.tuto-info-label{color:var(--text-muted);font-weight:300}.tuto-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tuto-info-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.3rem}.tuto-info-item--gain{border-color:#11df3733;background:#11df370a}.tuto-info-item--loss{border-color:#dd101033;background:#dd10100a}.info-label{font-family:var(--font-heading);font-size:.8rem;font-weight:600;color:var(--text)}.info-desc{font-size:.78rem;color:var(--text-muted);line-height:1.5;font-weight:300}.tuto-footer-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem}.ark-accent-strip{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));opacity:.9}.ark-status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.ark-status-dot{width:7px;height:7px;border-radius:50%;background:var(--cap-green, #00e599);box-shadow:0 0 8px var(--cap-green, #00e599);animation:ark-pulse 2.4s ease-in-out infinite}@keyframes ark-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ark-version{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;color:var(--text-dim)}@media (max-width: 900px){.tuto-grid{grid-template-columns:repeat(2,1fr)}.reglement-layout{grid-template-columns:1fr}.reglement-sommaire{position:static}.tuto-page-inner{grid-template-columns:1fr}.tuto-page-nav{position:static}.tuto-info-grid{grid-template-columns:1fr}}@media (max-width: 720px){.nav-links,.nav-discord{display:none}.nav-burger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:var(--nav-height);left:0;right:0;background:#050814f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;gap:.5rem;border-bottom:1px solid var(--border)}.tuto-grid{grid-template-columns:1fr}.features-grid,.staff-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:clamp(2.5rem,15vw,4rem)}.lore-era-body{padding-left:0}.lore-separator{margin-left:0}.lore-era--present{padding:2rem 1.25rem}.timeline-nav-list{gap:.15rem}.timeline-nav-link{padding:.4rem .6rem}.tl-label{font-size:.65rem}.tl-years{display:none}}@media (max-width: 600px){.tuto-connect-options{gap:.75rem}.tuto-action-box,.tuto-footer-nav{flex-direction:column}}@media (max-width: 480px){.staff-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:center}.section-inner{padding:0 1.25rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}