:root{--night:#090a14;--ink:#10141f;--deep:#151d28;--slate:#202e37;--stone:#394a50;--text:#ebede9;--muted:#a8b5b2;--faint:#819796;--gold:#e8c170;--gold-dark:#be772b;--violet:#7a367b;--feu:#da863e;--eau:#4f8fba;--terre:#ad7757;--foret:#75a743;--lumiere:#e8c170;--obscurite:#a23e8c;--p:4px;--measure:68ch;--font-display:"Pixelify Sans", "Courier New", monospace;--font-body:"Alegreya", Georgia, serif}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--text);scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.1875rem;line-height:1.65}img{image-rendering:pixelated}a{color:var(--gold);text-underline-offset:.2em}a:hover{color:var(--text)}:focus-visible{outline:var(--p) solid var(--gold);outline-offset:var(--p)}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .5em;font-weight:500;line-height:1.1}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:1.5rem}p{max-width:var(--measure);margin:0 0 1em}.skip{position:absolute;left:-999px}.skip:focus{z-index:100;background:var(--ink);padding:.5rem 1rem;top:1rem;left:1rem}.btn{padding:calc(var(--p) * 3) calc(var(--p) * 6);font-family:var(--font-display);color:var(--ink);background:var(--gold);box-shadow:0 calc(var(--p) * -1) 0 0 var(--gold-dark) inset, var(--p) 0 0 0 var(--night), calc(var(--p) * -1) 0 0 0 var(--night), 0 var(--p) 0 0 var(--night), 0 calc(var(--p) * -1) 0 0 var(--night);cursor:pointer;border:0;font-size:1.25rem;line-height:1;text-decoration:none;transition:translate 80ms step-end;display:inline-block}.btn:hover{color:var(--ink);translate:0 calc(var(--p) * -1)}.btn:active{translate:0}.btn--quiet{color:var(--text);background:var(--slate);box-shadow:0 calc(var(--p) * -1) 0 0 var(--stone) inset, var(--p) 0 0 0 var(--night), calc(var(--p) * -1) 0 0 0 var(--night), 0 var(--p) 0 0 var(--night), 0 calc(var(--p) * -1) 0 0 var(--night)}.btn--quiet:hover{color:var(--text)}.nav{z-index:10;font-family:var(--font-display);align-items:center;gap:1.5rem;padding:1.25rem clamp(1rem,4vw,3rem);display:flex;position:absolute;inset:0 0 auto}.nav--page{background:color-mix(in srgb, var(--ink) 92%, transparent);border-bottom:var(--p) solid var(--deep);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0}.nav__brand{color:var(--text);margin-right:auto;font-size:1.5rem;text-decoration:none}.nav a:not(.btn,.nav__brand){color:var(--muted);text-decoration:none}.nav a:not(.btn,.nav__brand):hover,.nav a[aria-current=page]{color:var(--text)}@media (width<=480px){.nav{gap:.75rem;font-size:.875rem}.nav__brand{font-size:1.125rem}}.nav .btn{padding:calc(var(--p) * 2) calc(var(--p) * 4);font-size:1rem}.nav .nav__lang{padding:var(--p) calc(var(--p) * 2);border:var(--p) solid var(--slate);letter-spacing:.1em;font-size:.875rem;line-height:1}.nav .nav__lang:hover{border-color:var(--gold)}.nav .nav__lang--suggest{color:var(--gold);border-color:var(--gold-dark);animation:2.4s steps(2,end) 3 lang-suggest}@keyframes lang-suggest{50%{border-color:var(--gold)}}@media (prefers-reduced-motion:reduce){.nav .nav__lang--suggest{animation:none}}.hero{background:var(--night);height:100svh;min-height:560px;position:relative;overflow:hidden}.hero__scene{position:absolute;inset:0}.layer{image-rendering:pixelated;will-change:transform, background-position;background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:-4% -10%}.layer--ciel{background-image:url(/landing-art/layer-0-ciel.png)}.layer--lune{background-image:url(/landing-art/layer-1-lune.png)}.layer--montagnes{background-image:url(/landing-art/layer-2-montagnes.png)}.layer--monolithes{background-image:url(/landing-art/layer-3-monolithes.png)}.layer--foret{background-image:url(/landing-art/layer-4-foret.png)}.layer--brume{background-image:url(/landing-art/layer-5-brume.png)}.hero__motes{pointer-events:none;position:absolute;inset:0}.mote{width:calc(var(--p) * 1.5);height:calc(var(--p) * 1.5);background:var(--c,var(--gold));box-shadow:0 0 calc(var(--p) * 2) var(--c,var(--gold));position:absolute}.hero__scene:after{content:"";background:radial-gradient(ellipse 60% 55% at 15% 85%, color-mix(in srgb, var(--night) 75%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero__content{z-index:5;max-width:40rem;position:absolute;bottom:clamp(3rem,12vh,8rem);left:clamp(1rem,6vw,6rem);right:1rem}.hero__title{color:var(--text);text-shadow:var(--p) var(--p) 0 var(--violet), calc(var(--p) * 2) calc(var(--p) * 2) 0 var(--night);margin:0 0 1.5rem;font-size:clamp(5rem,16vw,11rem);line-height:.85}.hero__lede{color:var(--text);text-shadow:0 2px 0 var(--night);max-width:34ch;font-size:clamp(1.15rem,2.2vw,1.4rem)}.hero__actions{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.hero__note{color:var(--muted);margin-top:1.25rem;font-size:.95rem}.section{padding:clamp(4rem,10vw,8rem) clamp(1rem,6vw,6rem)}.section--deep{background:repeating-linear-gradient(90deg, var(--edge-top,var(--ink)) 0 calc(var(--p) * 2), transparent 0 calc(var(--p) * 4)) top left / 100% calc(var(--p) * 2) no-repeat, repeating-linear-gradient(90deg, var(--ink) 0 calc(var(--p) * 2), transparent 0 calc(var(--p) * 4)) bottom left / 100% calc(var(--p) * 2) no-repeat, var(--deep)}.section--night{background:var(--night)}.section--night+.section--deep{--edge-top:var(--night)}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}@media (width<=820px){.split{grid-template-columns:1fr}}.demo{justify-items:center;gap:1rem;display:grid}.demo svg{width:min(100%,460px);height:auto;overflow:visible}.demo .hex{fill:var(--slate);stroke:var(--stone);stroke-width:2px;cursor:pointer;transition:fill .12s steps(2,end)}.demo .hex:hover,.demo .hex:focus-visible{fill:var(--stone);outline:none}.demo .hex[data-pure=true]{fill:color-mix(in srgb, var(--pure) 35%, var(--slate));stroke:var(--pure)}.demo .rune{pointer-events:none;shape-rendering:crispedges}.demo__readout{min-height:3.2em;color:var(--muted);text-align:center;font-size:1rem}.demo__readout strong{color:var(--text)}.pip{vertical-align:-.05em;background:var(--c);width:.75em;height:.75em;box-shadow:0 0 0 2px var(--night);margin:0 .1em;display:inline-block}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem 3rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-top:3.5rem;position:relative}.steps li:before{content:counter(step);font-family:var(--font-display);color:var(--gold);font-size:2.5rem;line-height:1;position:absolute;top:0;left:0}.steps h3{margin-bottom:.35em;font-size:1.25rem}.steps p{color:var(--muted);font-size:1.05rem}.elements{max-width:62rem;margin:2.5rem 0 0;padding:0;list-style:none}.elements li{border-top:var(--p) solid var(--slate);grid-template-columns:2.5rem 9rem minmax(0,1fr);align-items:baseline;gap:1.25rem;padding:1.1rem 0;display:grid}.elements .gem{background:var(--c);width:1.25rem;height:1.25rem;box-shadow:0 0 0 var(--p) var(--night), calc(var(--p) * 2) calc(var(--p) * 2) 0 0 color-mix(in srgb, var(--c) 40%, var(--night));align-self:center}.elements strong{font-family:var(--font-display);color:var(--c);font-size:1.3rem;font-weight:500}.elements p{color:var(--muted);margin:0}@media (width<=640px){.elements li{grid-template-columns:2rem minmax(0,1fr)}.elements p{grid-column:2}}.cta{text-align:left}.cta .hero__actions{margin-top:1.5rem}.footer{color:var(--faint);border-top:var(--p) solid var(--deep);padding:2rem clamp(1rem,6vw,6rem);font-size:.95rem}.footer p{margin:0}.page{grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:clamp(2.5rem,6vw,5rem) clamp(1rem,6vw,6rem) 6rem;display:grid}@media (width<=900px){.page{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.toc{align-self:start;font-size:1rem;position:sticky;top:6rem}.toc ol{border-left:var(--p) solid var(--slate);margin:0;padding:0;list-style:none}.toc a{color:var(--muted);padding:.3rem 0 .3rem 1rem;text-decoration:none;display:block}.toc a:hover,.toc a[aria-current=true]{color:var(--text);box-shadow:calc(var(--p) * -1) 0 0 0 var(--gold)}.prose h1{font-size:clamp(2.5rem,6vw,4rem)}.prose h2{margin-top:3.5rem;scroll-margin-top:6rem}.prose h3{margin-top:2rem}.prose ul,.prose ol{max-width:var(--measure);padding-left:1.4em}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--gold)}.lede{color:var(--muted);font-size:1.3rem}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;min-width:32rem;max-width:60rem;font-size:1.02rem}th,td{text-align:left;vertical-align:top;border-bottom:2px solid var(--slate);padding:.6rem 1rem .6rem 0}th{font-family:var(--font-display);color:var(--muted);font-weight:500}td:first-child{white-space:nowrap;color:var(--text)}.glossary{max-width:60rem;margin:1.5rem 0 0}.glossary div{border-top:2px solid var(--slate);grid-template-columns:13rem minmax(0,1fr);gap:1.5rem;padding:.9rem 0;display:grid}.glossary dt{font-family:var(--font-display);color:var(--text);font-size:1.15rem}.glossary dd{color:var(--muted);margin:0}.glossary .tag{font-family:var(--font-body);color:var(--faint);font-size:.9rem;display:block}.glossary [data-polarity=buff] dt{color:var(--foret)}.glossary [data-polarity=debuff] dt{color:var(--feu)}@media (width<=640px){.glossary div{grid-template-columns:1fr;gap:.25rem}}.search{width:min(100%,26rem);font:inherit;color:var(--text);background:var(--deep);box-shadow:0 0 0 var(--p) var(--slate);border:0;margin:1.5rem 0 0;padding:.7rem 1rem;font-size:1rem;display:block}.search::placeholder{color:var(--faint)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.body--pillars:before,.body--pillars:after{content:"";z-index:0;width:72px;image-rendering:pixelated;pointer-events:none;background:url(/landing-art/pilier.png) 0 0/72px repeat-y;display:none;position:fixed;top:0;bottom:0}.body--pillars:before{left:12px}.body--pillars:after{background-position:0 -864px;right:12px}@media (width>=1360px){.body--pillars:before,.body--pillars:after{display:block}}.page--rules{z-index:1;position:relative}.toc__part{font-family:var(--font-display);color:var(--gold);margin:1.5rem 0 .5rem;font-size:1rem}.toc__part:first-child{margin-top:0}.rules__intro h1{font-size:clamp(2.5rem,6vw,4rem)}.part{background:linear-gradient(90deg, var(--feu) 0 16.66%, var(--eau) 0 33.33%, var(--terre) 0 50%, var(--foret) 0 66.66%, var(--lumiere) 0 83.33%, var(--obscurite) 0) bottom left / min(100%, 24rem) var(--p) no-repeat;margin:5rem 0 2.5rem;padding-bottom:1.25rem;font-size:clamp(1.75rem,3.5vw,2.5rem)}.rules__intro+.part{margin-top:3rem}.chapter{border-top:var(--p) solid var(--deep);grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);padding:2.5rem 0;scroll-margin-top:5rem;display:grid}.chapter__text h3{font-size:clamp(1.5rem,2.6vw,1.9rem)}.chapter__text>:last-child{margin-bottom:0}@media (width<=1080px){.chapter{grid-template-columns:minmax(0,1fr)}.chapter__figure{order:-1;max-width:22rem}}.chapter__figure{margin:0;position:sticky;top:6rem}.chapter__figure svg{background:radial-gradient(var(--slate) 1px, transparent 1.5px) 0 0 / 12px 12px, var(--deep);clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));width:100%;height:auto;display:block}.chapter__figure figcaption{color:var(--faint);margin-top:.6rem;font-size:.95rem;font-style:italic}.js-figures .chapter__figure:not([data-seen]) svg{opacity:0}.js-figures .chapter__figure[data-seen] svg{animation:.6s steps(8,end) both scene-draw}@keyframes scene-draw{0%{opacity:1;-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0);-webkit-mask-size:100% 0%;mask-size:100% 0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}to{opacity:1;-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.fig-label{font-family:var(--font-display);fill:var(--muted);font-size:8px}.fig-number{font-family:var(--font-display);fill:var(--text);font-size:14px}.gist{background:var(--deep);box-shadow:inset var(--p) 0 0 var(--gold);color:var(--text);padding:.8rem 1rem;font-style:italic}.sequence{counter-reset:seq;max-width:var(--measure);margin:0 0 1em;padding:0;list-style:none}.sequence li{counter-increment:seq;margin-bottom:.4rem;padding:.35rem 0 .35rem 2.75rem;position:relative}.sequence li:before{content:counter(seq);width:1.9rem;height:1.9rem;font-family:var(--font-display);color:var(--ink);background:var(--gold);box-shadow:inset 0 calc(var(--p) * -1) 0 var(--gold-dark);place-items:center;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:.35rem;left:0}.facts{max-width:var(--measure);margin:0 0 1em;padding:0;list-style:none}.facts li{margin-bottom:.45rem;padding-left:1.6rem;position:relative}.facts li:before{content:"";background:var(--gold);width:8px;height:8px;position:absolute;top:.55em;left:.2rem;rotate:45deg}.glossary--compact div{grid-template-columns:11rem minmax(0,1fr)}@media (width<=640px){.glossary--compact div{grid-template-columns:1fr}.chapter__figure{position:static}}.rules__end{margin-top:4rem}@media (prefers-reduced-motion:reduce){.js-figures .chapter__figure svg{opacity:1!important;animation:none!important}}