@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";:root{--parch: #f3e3b2;--parch-l: #f9efce;--parch-d: #e7d192;--ink: #2c1a0e;--ink-l: #4a2f1a;--gold: #b8860b;--gold-b: #f0c040;--crim: #7a1c1c;--night: #1a1a2e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:EB Garamond,Georgia,serif;background:var(--night);color:var(--ink);min-height:100vh}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,#1a0a2e,#0a0a1a 60%,#000),radial-gradient(1px 1px at 10% 20%,rgba(255,240,200,.9),transparent),radial-gradient(1px 1px at 30% 55%,rgba(255,240,200,.7),transparent),radial-gradient(1px 1px at 50% 12%,rgba(255,240,200,.8),transparent),radial-gradient(1px 1px at 72% 38%,rgba(255,240,200,.6),transparent),radial-gradient(1px 1px at 88% 22%,rgba(255,240,200,.7),transparent),radial-gradient(1px 1px at 18% 72%,rgba(255,240,200,.5),transparent),radial-gradient(1px 1px at 44% 82%,rgba(255,240,200,.8),transparent),radial-gradient(1px 1px at 63% 60%,rgba(255,240,200,.5),transparent),radial-gradient(1px 1px at 92% 78%,rgba(255,240,200,.6),transparent),radial-gradient(2px 2px at 57% 32%,rgba(255,240,200,.35),transparent),radial-gradient(1px 1px at 78% 90%,rgba(255,240,200,.4),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,240,200,.6),transparent);background-size:100% 100%,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px,280px 280px;animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.page{position:relative;z-index:1;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem}.card{background:linear-gradient(160deg,var(--parch-l),var(--parch) 35%,#eddba2 65%,var(--parch-d));border:2px solid var(--gold);border-radius:4px;box-shadow:0 0 0 1px #b8860b40,0 0 50px #000000d9,inset 0 0 0 6px var(--parch),inset 0 0 0 7px #b8860b59,inset 0 0 80px #b48c3c1f;max-width:960px;width:100%;height:calc(100vh - 8rem);position:relative;overflow:hidden}.card__scroll{height:100%;overflow-y:auto;scrollbar-width:none}.card__scroll::-webkit-scrollbar{display:none}.card:before{display:none}.card__inner{padding:1.5rem 3rem 3rem;position:relative;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 8rem)}.card__inner>header{margin-top:auto}.card__inner>.question,.card__inner>div:last-child{margin-bottom:auto}.card__corners{position:absolute;inset:0;z-index:2;pointer-events:none}.corner{position:absolute;width:42px;height:42px;opacity:.65}.corner--tl{top:8px;left:8px}.corner--tr{top:8px;right:8px;transform:scaleX(-1)}.corner--bl{bottom:8px;left:8px;transform:scaleY(-1)}.corner--br{bottom:8px;right:8px;transform:scale(-1)}.hdr{text-align:center;margin-bottom:1rem}.hdr__moon{font-size:1.7rem;display:block;margin-bottom:.3rem;filter:drop-shadow(0 0 8px rgba(255,210,0,.5))}.hdr__title{font-family:Cinzel Decorative,cursive;font-size:clamp(1.3rem,3.2vw,2rem);color:var(--ink);line-height:1.2;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(255,255,255,.4)}.hdr__sub{font-family:Cinzel,serif;font-size:.7rem;color:var(--gold);letter-spacing:.25em;text-transform:uppercase;margin-top:.3rem;display:block}.divider{text-align:center;margin:1.2rem 0;color:var(--gold);font-size:.95rem;letter-spacing:.5em;opacity:.8}.nav{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.5rem}.nav__btn{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .85rem;border:1px solid rgba(184,134,11,.3);border-radius:2px;background:transparent;color:var(--ink-l);cursor:pointer;transition:all .2s}.nav__btn--active,.nav__btn:hover{background:linear-gradient(135deg,#b8860b33,#b8860b14);border-color:var(--gold);color:var(--ink)}.progress{margin-bottom:1.5rem}.progress__label{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;color:var(--ink-l);text-transform:uppercase;text-align:center;margin-bottom:.35rem;opacity:.7}.progress__track{height:3px;background:#2c1a0e1f;border-radius:2px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-b));transition:width .6s ease;box-shadow:0 0 7px #d4a01766}.progress__dots{display:flex;justify-content:space-between;margin-top:.4rem}.progress__dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--gold);background:transparent;transition:all .4s}.progress__dot--active{background:var(--gold);box-shadow:0 0 5px #d4a01780}.progress__dot--done{background:var(--gold);opacity:.45}.question{animation:fadeIn .45s ease;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question__step{font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;text-align:center;margin-bottom:.45rem;opacity:.8}.question__title{font-family:Cinzel,serif;font-size:clamp(.9rem,2vw,1.15rem);color:var(--ink);text-align:center;line-height:1.4;margin-bottom:.35rem}.question__intro{font-style:italic;color:var(--ink-l);font-size:1.1rem;text-align:center;margin-bottom:1.5rem;opacity:.85;line-height:1.5}.options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.option{background:linear-gradient(135deg,#f9efce8c,#e7d19159);border:1px solid rgba(184,134,11,.38);border-radius:3px;padding:1rem 1.2rem;cursor:pointer;text-align:left;transition:all .22s}.option:hover{border-color:var(--gold);box-shadow:0 2px 10px #b8860b38;transform:translateY(-1px);background:linear-gradient(135deg,#f9efcecc,#e7d19199)}.option__symbol{font-size:1.35rem;display:block;margin-bottom:.22rem}.option__label{font-family:Cinzel,serif;font-size:.76rem;font-weight:600;color:var(--ink);letter-spacing:.05em;display:block;margin-bottom:.12rem}.option__desc{font-size:.76rem;color:var(--ink-l);font-style:italic;line-height:1.35}.result{animation:fadeIn .55s ease;width:100%}.result__header{text-align:center;margin-bottom:1rem}.result__eyebrow{font-family:Cinzel,serif;font-size:.58rem;letter-spacing:.35em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:.35rem}.result__name{font-family:Cinzel Decorative,cursive;font-size:clamp(1.5rem,4vw,2.3rem);color:var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.5);line-height:1.1;margin-bottom:.2rem}.result__cat{font-family:Cinzel,serif;font-size:.65rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;opacity:.8}.result__sigil{font-size:4rem;display:block;text-align:center;margin:.7rem 0;filter:drop-shadow(0 0 10px rgba(184,134,11,.35));animation:sigilGlow 3s ease-in-out infinite alternate}@keyframes sigilGlow{0%{filter:drop-shadow(0 0 7px rgba(184,134,11,.3));transform:scale(1)}to{filter:drop-shadow(0 0 18px rgba(255,210,0,.5));transform:scale(1.05)}}.result__path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.22rem;margin-bottom:.9rem;font-family:Cinzel,serif;font-size:.62rem;color:var(--ink-l);letter-spacing:.1em;opacity:.65}.result__path-sep{color:var(--gold);opacity:.55}.result__keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-bottom:.9rem}.keyword{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--crim);border:1px solid rgba(122,28,28,.28);padding:.16rem .52rem;border-radius:20px;background:#7a1c1c0d}.result__quote{font-size:1.1rem;font-style:italic;color:var(--ink-l);text-align:center;margin-bottom:.9rem;padding:.65rem .85rem;border-left:2px solid var(--gold);border-right:2px solid var(--gold);background:#b8860b0d;line-height:1.5}.result__text{font-size:.97rem;line-height:1.82;color:var(--ink);margin-bottom:.9rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.multi-label{font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;text-align:center;margin-bottom:.6rem;opacity:.8}.animal-tabs{display:flex;gap:.35rem;justify-content:center;margin-bottom:.9rem;flex-wrap:wrap}.animal-tab{font-family:Cinzel,serif;font-size:.68rem;letter-spacing:.08em;padding:.32rem .8rem;border:1px solid rgba(184,134,11,.38);border-radius:2px;background:transparent;color:var(--ink-l);cursor:pointer;transition:all .2s}.animal-tab--active{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 0 7px #b8860b59}.btn{display:block;width:100%;font-family:Cinzel,serif;letter-spacing:.2em;text-transform:uppercase;border-radius:2px;cursor:pointer;transition:all .3s}.btn--primary{margin-top:1rem;padding:.75rem 2rem;font-size:.85rem;color:#f5ead0;background:linear-gradient(135deg,#4a2f1a,#2c1a0e);border:1px solid var(--gold);box-shadow:0 2px 10px #00000047}.btn--primary:hover{background:linear-gradient(135deg,#6b4423,#4a2f1a);box-shadow:0 4px 18px #b8860b47;transform:translateY(-1px)}.btn--secondary{margin-top:.55rem;padding:.6rem 2rem;font-size:.78rem;color:var(--ink-l);background:transparent;border:1px solid rgba(184,134,11,.28)}.btn--secondary:hover{border-color:var(--gold);color:var(--ink)}.browse-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.2rem}.browse-tab{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.1em;padding:.4rem .9rem;border:1px solid rgba(184,134,11,.28);border-radius:2px;background:transparent;color:var(--ink-l);cursor:pointer;transition:all .2s}.browse-tab--active{background:linear-gradient(135deg,#4a2f1a,#2c1a0e);color:#f5ead0;border-color:var(--gold)}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;max-height:none;overflow-y:auto;padding-right:3px}.browse-grid::-webkit-scrollbar{width:3px}.browse-grid::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.browse-item{padding:.8rem 1rem;border:1px solid rgba(184,134,11,.22);border-radius:3px;cursor:pointer;transition:all .2s;background:#f9efce47}.browse-item:hover{border-color:var(--gold);background:#f9efce99;transform:translateY(-1px);box-shadow:0 2px 7px #b8860b2e}.browse-item__name{font-family:Cinzel,serif;font-size:.9rem;color:var(--ink);font-weight:600;display:block;margin-bottom:.25rem}.browse-item__keys{font-size:.85rem;color:var(--ink-l);font-style:italic;line-height:1.4}.modal-overlay{position:fixed;inset:0;z-index:200;background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}.modal-card{background:linear-gradient(160deg,var(--parch-l),var(--parch) 35%,#eddba2 65%,var(--parch-d));border:2px solid var(--gold);border-radius:4px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 0 60px #000000eb,0 0 25px #b8860b2e;animation:fadeIn .3s ease}.modal-card::-webkit-scrollbar{width:3px}.modal-card::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.modal-card__inner{padding:1.7rem 2rem}.modal-card__close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--ink-l);opacity:.55;transition:opacity .2s}.modal-card__close:hover{opacity:1}.modal-card__sigil{font-size:3.3rem;display:block;text-align:center;margin-bottom:.35rem}.modal-card__name{font-family:Cinzel Decorative,cursive;font-size:1.4rem;color:var(--ink);text-align:center;margin-bottom:.12rem}.modal-card__cat{font-family:Cinzel,serif;font-size:.58rem;color:var(--gold);letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-bottom:.75rem}.modal-card__text{font-size:.95rem;line-height:1.82;color:var(--ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto}@media(max-width:480px){.card__inner{padding:1.2rem 1rem}.options{grid-template-columns:1fr}}