:root{--nuit:#04050a;--parchemin:#e9dcc0;--encre:#2a1d10;--or:#c9a14a;--grimoire:clamp(360px, 35vw, 680px);--serif:"Cormorant Garamond", Georgia, serif;--runique:"Noto Sans Runic", var(--serif)}@media (aspect-ratio>=2){:root{--grimoire:clamp(360px, 30vw, 760px)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--nuit);color:var(--parchemin);font-family:var(--serif);overflow:hidden}.app{grid-template-columns:minmax(0, 1fr) var(--grimoire);grid-template-rows:100%;height:100svh;display:grid;position:relative;overflow:hidden}.scene,.attente{grid-area:1/1/auto/-1}.attente{font:3rem var(--runique);color:var(--or);opacity:.5;place-items:center;display:grid}.bandeau{z-index:2;align-items:baseline;gap:2rem;padding:1.4rem 2rem;display:flex;position:absolute;inset:0 auto auto 0}.bandeau h1{letter-spacing:.32em;text-transform:uppercase;color:var(--or);margin:0;font-size:1.5rem;font-weight:400}.commandes{gap:.6rem;display:flex}.commandes button{font:600 .8rem/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--parchemin);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:5px;padding:.55rem .9rem;transition:border-color .3s,color .3s}.commandes button:hover,.commandes button[aria-pressed=true]{border-color:var(--or);color:var(--or)}.odin .commandes button[aria-pressed=true]{color:#3ff0ff;border-color:#3ff0ff}.commandes{align-items:center}.commandes button.rite{color:#dcfcff;background:linear-gradient(90deg, #3ff0ff3d calc(var(--gage,0) * 100%), #03101acc 0);-webkit-backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;border-color:#3ff0ff5e;align-items:center;gap:.75rem;width:15.4rem;padding:.5rem 1.05rem .5rem .8rem;transition:border-color .3s,color .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 0 16px #3ff0ff12}.commandes button.rite:hover,.commandes button.rite:focus-visible{color:#f2feff;border-color:#3ff0ffcc;box-shadow:inset 0 0 18px #3ff0ff22,0 0 18px #3ff0ff22}.rite .libelle{text-align:left;gap:.3rem;display:grid}.rite .titre{font:600 .82rem/1 var(--serif);letter-spacing:.16em}.rite .consigne{font:italic 500 .8rem/1 var(--serif);letter-spacing:.03em;text-transform:none;color:#94e4ec}.rite .oeil{flex:none;width:2rem;height:1.2rem;overflow:visible}.oeil .amande{fill:#3ff0ff0d;stroke:currentColor;stroke-width:1.1px;stroke-linejoin:round}.oeil .anneau{fill:none;stroke:#3ff0ff47;stroke-width:1.3px}.oeil .jauge{fill:none;stroke:#3ff0ff;stroke-width:1.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--gage,0));transform-origin:12px 7px;rotate:-90deg}.oeil .pupille{fill:#3ff0ff;filter:drop-shadow(0 0 2px #3ff0ff)}.commandes .rite-gage{color:#f2feff;border-color:#3ff0ff}.commandes .rite-chute,.commandes .rite-nuits{color:#3ff0ffaa;cursor:default;border-color:#3ff0ff66}.rite-chute .oeil .amande,.rite-nuits .oeil .amande,.rite-vision .oeil .amande{d:path("M1 7C5.5 9.4 18.5 9.4 23 7C18.5 12.8 5.5 12.8 1 7Z")}.rite-chute .oeil :is(.anneau,.jauge,.pupille),.rite-nuits .oeil :is(.anneau,.jauge,.pupille),.rite-vision .oeil :is(.anneau,.jauge,.pupille){opacity:0}.oeil .amande{transition:d .6s cubic-bezier(.2,.8,.2,1)}.oeil :is(.anneau,.jauge,.pupille){transition:opacity .4s}.oeil{transform-origin:50%;animation:1.2s cubic-bezier(.2,.8,.2,1) 1.6s backwards ouvrir}@keyframes ouvrir{0%{scale:1 .06}}.commandes button.rite{animation:1.8s ease-out 2.4s appel}.commandes button.rite.appel{animation:1.6s ease-out .1s 2 appel}@keyframes appel{0%{box-shadow:inset 0 0 16px #3ff0ff12,0 0 #3ff0ff80}to{box-shadow:inset 0 0 16px #3ff0ff12,0 0 0 16px #3ff0ff00}}@media (prefers-reduced-motion:reduce){.oeil,.commandes button.rite,.commandes button.rite.appel{animation:none}}.paupiere{z-index:1;pointer-events:none;background:radial-gradient(ellipse calc(64vw * var(--paupiere,0) + .1px) 92vh at 0% 50%, #000 0 58%, #000c 74%, transparent 100%);grid-area:1/1/auto/-1}.pied{z-index:2;font:400 .78rem/1 var(--serif);letter-spacing:.08em;align-items:center;gap:1.4rem;display:flex;position:absolute;bottom:1.6rem;left:2rem}.pied a{color:#e9dcc099;align-items:center;gap:.45rem;text-decoration:none;transition:color .3s;display:inline-flex}.pied a:first-child{letter-spacing:.04em;color:#e9dcc0cc;font-size:.95rem}.pied a:hover,.pied a:focus-visible{color:var(--or);outline:none}.pied svg{fill:#d97757;width:.95rem;height:.95rem}.commandes #dv-fleur{font:600 .8rem/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--parchemin);border:1px solid #ffffff26;border-radius:5px;padding:.55rem .8rem}.commandes #dv-fleur:hover,.commandes #dv-fleur:focus-visible{border-color:var(--or);color:var(--or)}.invite,.erreur{letter-spacing:.1em;opacity:.55;pointer-events:none;text-align:center;width:max-content;max-width:calc(100vw - 2rem);margin:0;font-style:italic;position:absolute;bottom:2rem;left:50%;translate:-50%}.erreur{color:#ff8a6a;opacity:1}.invite.refus{color:#bdfcff;opacity:.92;text-shadow:0 0 14px #000,0 0 4px #000;font-size:1.05rem;animation:.5s both encre}.etiquette{white-space:nowrap;-webkit-backdrop-filter:blur(6px);opacity:0;background:#05060cb8;border:1px solid #c9a14a55;border-radius:5px;justify-items:center;gap:.25rem;margin-top:-14px;padding:.55rem 1.1rem .6rem;transition:opacity .3s,scale .3s;display:grid;translate:0 -100%;scale:.96;box-shadow:0 8px 30px #0009}.etiquette.visible{opacity:1;scale:1}.etiquette .runes{font:1.5rem/1 var(--runique);letter-spacing:.14em;color:#ffe9b8;text-shadow:0 0 14px #ffb84a99}.etiquette .nom{font:600 .82rem/1 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--parchemin);margin-right:-.32em}.rune-gravee{vertical-align:-.1em;fill:currentColor;width:.5em;height:1em;margin:0 .04em;display:inline-block;overflow:visible}.attente .rune-gravee{width:1.5rem;height:3rem}.grimoire{z-index:3;overscroll-behavior:contain;color:var(--encre);background:radial-gradient(ellipse at 30% 20%, #fff6e000 40%, #6b4a2233 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), var(--parchemin);grid-area:1/2;transition:translate .9s cubic-bezier(.2,.8,.2,1);position:relative;overflow-y:auto;translate:100%;box-shadow:-30px 0 60px #000a,inset 14px 0 30px -12px #3a24104d}.ouvert .grimoire{translate:0}.feuillet{padding:4.5rem clamp(1.6rem,3vw,3.2rem) 4rem;animation:.9s .25s both encre}@keyframes encre{0%{opacity:0;translate:0 12px}}.feuillet .fermer{width:2.2rem;height:2.2rem;font:1.6rem/1 var(--serif);color:var(--encre);cursor:pointer;background:0 0;border:1px solid #2a1d1033;border-radius:5px;position:absolute;top:1.2rem;right:1.2rem}.feuillet>.runes{font:1.1rem var(--runique);letter-spacing:.25em;color:#8a5a1c;margin:0}.feuillet h2{letter-spacing:.02em;margin:.2rem 0 .3rem;font-size:clamp(2.4rem,3.2vw,3.6rem);font-weight:400;line-height:1}.sous-titre{opacity:.7;margin:0 0 2.4rem;font-style:italic}.feuillet section{border-top:1px solid #2a1d1026;margin-top:1.4rem;padding-top:1.4rem}.feuillet h3{letter-spacing:.2em;text-transform:uppercase;align-items:baseline;gap:.7rem;margin:0 0 .7rem;font-size:.85rem;font-weight:600;display:flex}.feuillet h3 .num{font:1.1rem var(--runique);color:#8a5a1c}.feuillet p{margin:0 0 .9rem;font-size:1.15rem;line-height:1.55}.a-ecrire{opacity:.5;font-style:italic}.feuillet strong{font-weight:600}.classement{letter-spacing:.26em;text-transform:uppercase;opacity:.55;margin:0 0 .5rem;font-size:.72rem}.signature{grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;margin:.4rem 0 1.3rem;display:grid}.signature .rune{aspect-ratio:1;color:#8a5a1c;border:1px solid #8a5a1c55;border-radius:5px;place-items:center;width:4.4rem;font-size:3.4rem;display:grid;box-shadow:inset 0 0 18px #8a5a1c22}.signature strong{letter-spacing:.24em;text-transform:uppercase;font-size:.8rem}.signature p{margin:.2rem 0 0;font-style:italic}.identite{margin:0}.identite>div{border-top:1px dotted #2a1d1033;grid-template-columns:6.6rem 1fr;gap:.9rem;padding:.55rem 0;display:grid}.identite dt{letter-spacing:.2em;text-transform:uppercase;opacity:.6;padding-top:.3rem;font-size:.7rem}.identite dd{margin:0;font-size:1.08rem;line-height:1.5}.gravure-recit{opacity:0;margin:.4rem 0 1.4rem;transition:opacity 1.4s,translate 1.4s;translate:0 8px}.gravure-recit.vue{opacity:1;translate:0}.gravure-recit img{width:100%;height:auto;display:block}.gravure-recit figcaption{text-align:center;color:#2a1d10bb;margin-top:.5rem;font-size:.98rem;font-style:italic;line-height:1.45}.gravure-recit cite{letter-spacing:.22em;text-transform:uppercase;color:#8a5a1c;margin-top:.2rem;font-size:.68rem;font-style:normal;display:block}.odin .gravure-recit{display:none}.lieu{margin:0 0 1.1rem}.lieu h4{margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.lieu h4 span{opacity:.65;font-style:italic;font-weight:400}.lieu>p{margin-bottom:.2rem}.source-lieu{letter-spacing:.2em;text-transform:uppercase;color:#8a5a1c;font-size:.68rem;font-style:normal;display:block}.silence{background:#8a5a1c0f;border-left:2px solid #8a5a1c66;margin:1.6rem 0 .4rem;padding:.9rem 1.1rem}.silence-titre{letter-spacing:.24em;text-transform:uppercase;color:#8a5a1c;margin:0 0 .35rem!important;font-size:.7rem!important}.silence p:last-child{margin:0;font-size:1.05rem;font-style:italic}.vision .note-vision{opacity:.7;animation:brume 2.6s var(--d,0s) cubic-bezier(.2, .7, .2, 1) both;margin:1rem 0 .4rem;font-size:1rem;font-style:italic}.presage{margin:0;padding:0;list-style:none}.presage li{margin:0 0 .8rem;padding-left:1.5rem;font-size:1.12rem;line-height:1.55;position:relative}.presage .puce{color:#8a5a1c;position:absolute;top:.2rem;left:0}.vision blockquote{border-left:1px solid #3ff0ff66;margin:1.1rem 0;padding-left:1.2rem;font-size:1.3rem;line-height:1.6}.vision .norrois{letter-spacing:.02em;font-size:1.42rem}.vision .traduction{opacity:.82;border-left-style:dotted;margin-top:2rem;font-size:1.15rem;font-style:italic}.vision .norrois{cursor:help}.vision blockquote>.vers{align-items:center;min-height:2.6em;line-height:1.2;display:grid}.vers>*{grid-area:1/1}.vers .gravure{color:#3ff0ff;filter:drop-shadow(0 0 5px #3ff0ff88);align-items:center;height:1.25em;display:flex}.vers .gravure .rune-gravee{width:.56em;height:1.25em;transition:opacity .45s calc(var(--i) * 18ms), translate .6s calc(var(--i) * 18ms), filter .45s calc(var(--i) * 18ms);margin:0 .03em}.vers .gravure .sep{width:.32em;height:.2em;display:inline-block;position:relative}.vers .gravure .sep:after{content:"";background:currentColor;width:.14em;height:.14em;margin:auto;transition:opacity .4s;position:absolute;inset:0 .1em;rotate:45deg}.vers .clair{opacity:0;filter:blur(6px);letter-spacing:.18em;pointer-events:none;flex-direction:column;transition:opacity .55s .12s,filter .7s .12s,letter-spacing .9s cubic-bezier(.2,.7,.2,1) .12s;display:flex}.vers .nr{font-size:1.12rem;line-height:1.3}.vers .fr{opacity:.72;font-size:.95rem;font-style:italic;line-height:1.3}.vers:hover .rune-gravee,.vers.lu .rune-gravee{opacity:0;filter:blur(4px);translate:0 -.35em}.vers:hover .sep:after,.vers.lu .sep:after{opacity:0}.vers:hover .clair,.vers.lu .clair{opacity:1;filter:none;letter-spacing:.02em}.vision blockquote>span,.vision .source{animation:brume 2.6s var(--d,0s) cubic-bezier(.2, .7, .2, 1) both;display:block}.vision .strophe{letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin:0 0 .2rem;font-size:.72rem}.vision .source{letter-spacing:.2em;text-transform:uppercase;opacity:.6;font-size:.78rem}@keyframes brume{0%{opacity:0;filter:blur(9px);letter-spacing:.32em;translate:0 6px}60%{opacity:.85;filter:blur(1.5px)}}.odin .grimoire{color:#bdfcff;background:#050b12;box-shadow:-30px 0 60px #000,inset 1px 0 #3ff0ff55}.odin .feuillet .fermer{color:#bdfcff;border-color:#3ff0ff44}.odin .feuillet>.runes,.odin .feuillet h3 .num,.odin .signature .rune,.odin .presage .puce{color:#3ff0ff}.odin .vision blockquote{text-shadow:0 0 18px #3ff0ff55}.savoir{color:#bdfcff;background:#050b12;margin:2.4rem calc(-1*clamp(1.6rem,3vw,3.2rem)) -4rem;padding:2rem clamp(1.6rem,3vw,3.2rem) 4rem;box-shadow:inset 0 14px 30px -14px #000,inset 0 1px #3ff0ff55}.savoir .savoir-note{opacity:.6;margin:0;font-size:.95rem;font-style:italic}.feuillet .savoir section{border-top-color:#3ff0ff33}.savoir h3 .num{color:#3ff0ff}.savoir .vision blockquote{text-shadow:0 0 18px #3ff0ff55}.scelle .voile{color:#3ff0ff;border-left:1px solid #3ff0ff44;margin:1.2rem 0 1.4rem;padding-left:1.2rem;font-size:1.3rem}.scelle .voile>.brume{filter:blur(2.5px);opacity:.5;-webkit-user-select:none;user-select:none;line-height:1.9;display:block}.scelle .voile .brume .rune-gravee{width:.52em;height:1.15em}.scelle .voile>.vers{cursor:help}.scelle .voile>.vers:not(:hover):not(.lu) .gravure{filter:blur(.6px)drop-shadow(0 0 6px #3ff0ffaa)}.scelle p{font-size:1.08rem}.scelle .consigne-rite{color:#dcfcff;border:1px solid #3ff0ff44;border-radius:5px;margin-top:1.2rem;padding:.8rem 1rem;font-style:italic}.scelle .consigne-rite strong{letter-spacing:.12em;text-transform:uppercase;color:#3ff0ff;font-size:.85em;font-style:normal;font-weight:600}@media (width<=760px){.app{grid-template-columns:1fr}.grimoire{grid-column:1;position:absolute;inset:40% 0 0;translate:0 100%}.ouvert .grimoire{translate:0}.bandeau{flex-direction:column;gap:.8rem;padding:1rem}.pied{bottom:1rem;left:1rem}.invite,.erreur{bottom:3.2rem}}.prologue{z-index:3;color:#bdfcff;background:#050b12;grid-area:1/2;grid-template-rows:auto 1fr auto;min-height:0;animation:1.4s cubic-bezier(.2,.8,.2,1) both glisse;display:grid;position:relative;box-shadow:-30px 0 60px #000,inset 1px 0 #3ff0ff55}@keyframes glisse{0%{translate:100%}}.prologue .tete{border-bottom:1px solid #3ff0ff22;padding:4.5rem clamp(1.6rem,3vw,3.2rem) 1rem}.prologue .sur{letter-spacing:.3em;text-transform:uppercase;color:#3ff0ff99;font-size:.8rem}.prologue h2{letter-spacing:.03em;margin:.3rem 0 0;font-size:clamp(1.6rem,2vw,2.1rem);font-weight:500}.prologue .recit{overscroll-behavior:contain;scrollbar-width:none;padding:1.6rem clamp(1.6rem,3vw,3.2rem) 45vh;font-size:clamp(1.2rem,1.25vw,1.45rem);line-height:1.62;position:relative;overflow-y:auto}.prologue .recit p{margin:0 0 .9em;transition:opacity 2.4s}.prologue .recit p.passe{opacity:.42}.prologue .m{white-space:pre;opacity:0;filter:blur(7px);display:inline-block;translate:0 .28em}.prologue .m.dit{animation:.9s cubic-bezier(.2,.7,.2,1) forwards souffle}@keyframes souffle{0%{opacity:0;filter:blur(7px);color:#fff;text-shadow:0 0 22px #3ff0ff;translate:0 .28em}45%{opacity:1;filter:blur();color:#fff;text-shadow:0 0 16px #3ff0ffcc;translate:0}to{opacity:1;filter:none;color:#bdfcff;text-shadow:0 0 10px #3ff0ff22;translate:0}}.prologue .recit p.tremble{animation:90ms linear 1.2s 18 secousse}@keyframes secousse{0%,to{transform:translate(0)}33%{transform:translate(1.5px,-1px)}66%{transform:translate(-1.5px,1px)}}.prologue .bas{border-top:1px solid #3ff0ff22;justify-content:flex-end;padding:.9rem clamp(1.6rem,3vw,3.2rem) 1.2rem;display:flex}.prologue .bas button{font:500 1rem var(--serif);letter-spacing:.08em;color:#bdfcff;cursor:pointer;background:0 0;border:1px solid #3ff0ff44;border-radius:5px;padding:.45rem 1rem}.prologue .bas button:hover{color:#3ff0ff;border-color:#3ff0ff}@media (prefers-reduced-motion:reduce){.prologue .m,.prologue .m.dit{filter:none;animation:none;translate:none}.prologue .m.dit{opacity:1}.prologue .recit p.tremble{animation:none}}@media (width<=760px){.prologue{grid-column:1;animation-name:monte;position:absolute;inset:45% 0 0}.prologue .tete{padding-top:1.1rem;padding-bottom:.7rem}.prologue .tete h2{font-size:1.4rem}.prologue .recit{padding-top:1rem}}@keyframes monte{0%{translate:0 100%}}.recit-crepusculaire{text-align:left;width:100%;color:var(--encre);cursor:pointer;background:linear-gradient(100deg,#9a2c0c1a,#8a5a1c08 70%);border:1px solid #9a2c0c55;border-radius:5px;gap:.35rem;margin:1.6rem 0 .4rem;padding:.95rem 1.15rem;transition:border-color .3s,box-shadow .3s,background .3s;display:grid}.recit-crepusculaire .titre{font:600 .86rem/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:#8a2408}.recit-crepusculaire .consigne{font:italic 1rem/1.2 var(--serif);opacity:.7}.recit-crepusculaire:hover,.recit-crepusculaire:focus-visible{border-color:#b8360e;outline:none;box-shadow:inset 0 0 22px #c8461222,0 0 0 1px #b8360e33}.bandeau,.pied{transition:opacity 1s}.film .bandeau,.film .pied{opacity:0;pointer-events:none}.film .grimoire{opacity:0;transition:translate 1s cubic-bezier(.6,0,.3,1),opacity 1s}.film .scene{pointer-events:none}.crepuscule{z-index:6;pointer-events:none;grid-area:1/1/auto/-1;position:relative}.nuit-encre{width:100%;height:100%;display:none;position:absolute;inset:0}.sous-titres{text-align:center;gap:.55rem;width:min(92vw,62rem);margin:0;display:grid;position:absolute;bottom:9vh;left:50%;translate:-50%}.sous-titres p{font:500 clamp(1.25rem, 2.05vw, 2rem)/1.38 var(--serif);color:#f6ead0;text-shadow:0 0 22px #ffb86a40,0 0 2px #000,0 2px 14px #000,0 0 44px #000d;margin:0;transition:opacity .7s,filter .7s;animation:1.1s cubic-bezier(.2,.7,.2,1) both allume}@keyframes allume{0%{opacity:0;filter:blur(8px);letter-spacing:.06em}}.sous-titres p.sort{opacity:0;filter:blur(6px)}.partie-2 .sous-titres p{color:#ffe8c8;text-shadow:0 0 26px #ff5a1488,0 0 2px #000,0 2px 14px #000,0 0 44px #000d}.sous-titres p.prophetie{color:#ffe3ac;text-shadow:0 0 30px #ffc46e99,0 0 10px #ffb04a55;font-style:italic;animation-duration:2.4s}.sous-titres p.prophetie.sort{transition-duration:1.6s}.sous-titres p.aube{font:italic clamp(1.1rem, 1.6vw, 1.5rem)/1.4 var(--serif);color:#f3e2c4;text-shadow:0 0 24px #ffc9a066,0 2px 12px #000;animation-duration:2.8s}.sous-titres p.aube.sort{transition-duration:1.8s}.sous-titres cite{font:normal .66rem/1 var(--serif);letter-spacing:.26em;text-transform:uppercase;color:#c9a14a99;margin-top:.45rem;display:block}.attente-recit{opacity:.6}.quitter-recit{pointer-events:auto;font:500 .76rem/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#e9dcc080;cursor:pointer;background:0 0;border:1px solid #ffffff1c;border-radius:5px;padding:.55rem .85rem;transition:color .3s,border-color .3s;position:absolute;top:1.4rem;right:1.6rem}.quitter-recit kbd{font:inherit;opacity:.55;margin-left:.5rem}.quitter-recit:hover,.quitter-recit:focus-visible{color:var(--or);border-color:var(--or);outline:none}@media (width<=760px){.sous-titres{bottom:7vh}.sous-titres p{font-size:1.12rem}.quitter-recit kbd{display:none}}@media (prefers-reduced-motion:reduce){.sous-titres p{animation:none}}