: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)}}.scalde{font:600 .72rem var(--serif);letter-spacing:.22em;text-transform:uppercase;color:inherit;opacity:.78;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;align-items:center;gap:.7rem;margin:-1.4rem 0 2rem;padding:.5rem .95rem .5rem .75rem;display:inline-flex}.scalde:hover,.scalde.recite{opacity:1}.scalde .ondes{align-items:center;gap:2px;height:.9rem;display:inline-flex}.scalde .ondes i{background:currentColor;border-radius:1px;width:2px;height:35%}.scalde.recite .ondes i{animation:.9s ease-in-out infinite alternate onde}.scalde.recite .ondes i:nth-child(2){animation-delay:-.3s}.scalde.recite .ondes i:nth-child(3){animation-delay:-.6s}@keyframes onde{to{height:100%}}.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}}