:root{
  --bg1:#0b1030;--bg2:#141a4a;--moon:#e0782a;--moon2:#f59a45;--gold:#d4a84a;--gold2:#f0d28a;
  --ink:#ece6d6;--muted:#b9b3c9;--card:rgba(20,26,74,.72);--line:rgba(212,168,74,.35);
  --serif:"Cinzel",Georgia,serif;--serif2:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);line-height:1.6;
  background:radial-gradient(ellipse at 50% -10%,#232a6b 0%,var(--bg2) 35%,var(--bg1) 75%) fixed,var(--bg1);overflow-x:hidden}
main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 18px calc(24px + env(safe-area-inset-bottom))}
/* Stars */
.stars{pointer-events:none}
.stars div{position:absolute;inset:0;background-repeat:repeat}
.s1{background-image:radial-gradient(1px 1px at 20px 30px,#fff8,transparent),radial-gradient(1px 1px at 140px 80px,#f3d58a,transparent),radial-gradient(1.5px 1.5px at 90px 160px,#fff,transparent),radial-gradient(1px 1px at 200px 220px,#f3d58acc,transparent),radial-gradient(1px 1px at 260px 40px,#fff9,transparent);background-size:300px 260px;animation:tw 4s ease-in-out infinite}
.s2{background-image:radial-gradient(1.5px 1.5px at 60px 100px,#f3d58a,transparent),radial-gradient(1px 1px at 180px 20px,#fff,transparent),radial-gradient(2px 2px at 330px 190px,#f3d58aaa,transparent),radial-gradient(1px 1px at 240px 300px,#fff8,transparent);background-size:420px 360px;animation:tw 6s ease-in-out infinite 1.5s}
.s3{background-image:radial-gradient(2px 2px at 100px 50px,#fff,transparent),radial-gradient(1.5px 1.5px at 400px 260px,#f3d58a,transparent),radial-gradient(1px 1px at 520px 120px,#fff,transparent);background-size:600px 480px;animation:tw 8s ease-in-out infinite 3s}
@keyframes tw{0%,100%{opacity:.35}50%{opacity:1}}
/* Hero */
.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(28px + env(safe-area-inset-top)) 0 40px}
.moon{position:relative;width:min(58vw,260px);aspect-ratio:1;margin-bottom:18px}
.moon-glow{position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(245,154,69,.55) 0%,rgba(224,120,42,.2) 38%,transparent 68%);animation:pulse 5s ease-in-out infinite}
.moon-body{position:absolute;inset:0;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 38% 34%,#ffb866 0%,var(--moon2) 22%,var(--moon) 58%,#b0561a 100%);
  box-shadow:0 0 60px rgba(245,154,69,.65),0 0 140px rgba(224,120,42,.35),inset -18px -22px 50px rgba(120,45,10,.45)}
.moon-body i{position:absolute;border-radius:50%;background:rgba(170,80,20,.35);box-shadow:inset 3px 3px 6px rgba(90,35,5,.35)}
.moon-body i:nth-child(1){width:22%;height:22%;left:22%;top:26%}
.moon-body i:nth-child(2){width:30%;height:30%;left:52%;top:46%}
.moon-body i:nth-child(3){width:12%;height:12%;left:34%;top:66%}
.moon-body i:nth-child(4){width:9%;height:9%;left:64%;top:20%}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.07);opacity:1}}
.eyebrow{margin:0;font-family:var(--serif);letter-spacing:.28em;font-size:.72rem;color:var(--gold);text-transform:uppercase}
h1{margin:.15em 0 .25em;font-family:var(--serif);font-weight:700;letter-spacing:.08em;line-height:1.05;
  font-size:clamp(2.3rem,10vw,4.6rem);background:linear-gradient(180deg,#f7e2a6,#c9973a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(212,168,74,.18)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:560px}
.unit{background:linear-gradient(180deg,rgba(28,34,90,.8),rgba(14,18,56,.8));border:1px solid var(--line);border-radius:16px;padding:12px 4px 10px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.unit span{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(1.9rem,9vw,3.4rem);line-height:1;color:var(--gold2);font-variant-numeric:tabular-nums}
.unit small{display:block;margin-top:6px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.arrived{padding:10px 26px;max-width:100%;box-sizing:border-box}
.arrived-title{margin:0;font-family:var(--serif);font-size:clamp(1.35rem,6vw,2.6rem);line-height:1.2;text-wrap:balance;color:var(--gold2);text-shadow:0 0 24px rgba(245,154,69,.6);animation:pulse 3s ease-in-out infinite}
.arrived-sub{margin:.4em 0 0;color:var(--muted)}
.when{margin-top:16px}
.when p{margin:.1em 0}
.when-local{font-family:var(--serif2);font-size:1.3rem;color:var(--ink)}
.when-cdt{font-size:.85rem;color:var(--gold);letter-spacing:.04em}
.intro{max-width:540px;margin:18px auto 0;font-family:var(--serif2);font-style:italic;font-size:1.28rem;line-height:1.45;color:#e8dfc8}
.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;justify-content:center}
.btn{appearance:none;border:1px solid var(--gold);background:linear-gradient(180deg,#e2b85a,#b8862f);color:#1a1433;font-family:var(--serif);font-weight:700;letter-spacing:.08em;font-size:.95rem;
  min-height:48px;padding:12px 22px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.ghost{background:transparent;color:var(--gold2)}
.btn:focus-visible,.card:focus-visible,.close:focus-visible,summary:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
.toast{min-height:1.4em;margin:10px 0 0;font-size:.85rem;color:var(--gold2)}
/* Lanes */
.lanes{padding:20px 0 30px}
.lanes h2{text-align:center;font-family:var(--serif);color:var(--gold);letter-spacing:.08em;font-size:clamp(1.4rem,5.5vw,2.1rem);margin:0}
.lanes-sub{text-align:center;color:var(--muted);margin:.3em 0 18px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:620px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{position:relative;display:flex;flex-direction:column;text-align:left;width:100%;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;
  background:var(--card);color:var(--ink);font:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.4);border-color:var(--gold)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#141a4a}
.card .cbody{padding:14px 16px 16px;display:flex;gap:12px;align-items:center}
.card .cicon{font-size:1.6rem;line-height:1;flex:none}
.card .ctitle{display:block;font-family:var(--serif);font-weight:700;letter-spacing:.05em;font-size:1.05rem;color:var(--gold2);line-height:1.25}
.card .csub{display:block;font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.card .carrow{margin-left:auto;color:var(--gold);font-size:1.3rem}
.card.featured{border:1.5px solid var(--gold);box-shadow:0 0 0 1px rgba(212,168,74,.25),0 0 34px rgba(224,120,42,.28);background:linear-gradient(180deg,rgba(60,38,40,.55),rgba(20,26,74,.85))}
.card.featured .ctitle{font-size:1.22rem;background:linear-gradient(180deg,#fbe8b0,#d9a445);-webkit-background-clip:text;background-clip:text;color:transparent}
.card .badge{position:absolute;top:10px;left:10px;background:rgba(11,16,48,.85);border:1px solid var(--gold);color:var(--gold2);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;border-radius:999px;font-weight:600}
@media(min-width:620px){.grid .featured{grid-column:span 1}}
/* Sheet */
.sheet{padding:0;border:none;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--ink)}
.sheet::backdrop{background:rgba(5,7,24,.72);backdrop-filter:blur(3px)}
.sheet-inner{position:absolute;left:0;right:0;bottom:0;max-height:92svh;display:flex;flex-direction:column;background:linear-gradient(180deg,#171d52,#0d1236);border-top:1px solid var(--gold);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.5);animation:up .32s cubic-bezier(.2,.8,.2,1)}
@media(min-width:760px){.sheet-inner{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(720px,92vw);max-height:90vh;border:1px solid var(--gold);border-radius:22px;animation:fade .25s ease}}
@keyframes up{from{transform:translateY(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sheet-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(28px + env(safe-area-inset-bottom));border-radius:inherit}
.close{position:absolute;top:10px;right:10px;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:rgba(11,16,48,.85);color:var(--gold2);font-size:1.15rem;cursor:pointer}
.sheet-hero{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:22px 22px 0 0}
.sheet-content{padding:18px 20px 0}
.sheet-content h3{margin:0;font-family:var(--serif);color:var(--gold2);letter-spacing:.05em;font-size:1.45rem;line-height:1.2}
.sheet-content .ssub{margin:.2em 0 .9em;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
.sheet-content .stext{font-size:1.06rem;line-height:1.7;margin:0 0 8px}
.section-h{font-family:var(--serif);color:var(--gold);letter-spacing:.08em;font-size:1.05rem;margin:26px 0 10px;display:flex;align-items:center;gap:10px}
.section-h::after{content:"";flex:1;height:1px;background:var(--line)}
details{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;background:rgba(11,16,48,.5);overflow:hidden}
summary{list-style:none;cursor:pointer;padding:14px 44px 14px 16px;position:relative;font-weight:600;line-height:1.4;min-height:48px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gold2);font-size:1.4rem;font-weight:400;transition:transform .2s}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{margin:0;padding:0 16px 16px;color:#ddd6c4;line-height:1.65}
/* Oracle */
.oracle{margin-top:6px;text-align:center;border:1px solid var(--line);border-radius:18px;padding:18px 16px 20px;background:radial-gradient(circle at 50% 30%,rgba(224,120,42,.14),transparent 70%),rgba(11,16,48,.5)}
.oracle-prompt{margin:0 0 14px;font-family:var(--serif2);font-style:italic;font-size:1.2rem;color:#e8dfc8}
.flip{perspective:1000px;width:100%;max-width:420px;margin:0 auto 14px;min-height:220px}
.flip-inner{position:relative;width:100%;min-height:220px;transition:transform .8s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.flip.flipped .flip-inner{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px}
.face.front{background:radial-gradient(circle,#2a2466,#11163f)}
.face.back{background:radial-gradient(circle at 50% 20%,#3a2a4a,#141a4a);transform:rotateY(180deg)}
.sym{width:110px;height:110px;color:var(--gold);filter:drop-shadow(0 0 8px rgba(245,154,69,.6))}
.flip:not(.flipped) .sym{animation:spinslow 18s linear infinite}
@keyframes spinslow{to{transform:rotate(360deg)}}
.flip.glow .sym{animation:burst 1s ease}
@keyframes burst{0%{filter:drop-shadow(0 0 6px #f59a45)}50%{filter:drop-shadow(0 0 30px #ffcf7a);transform:scale(1.15)}100%{filter:drop-shadow(0 0 6px #f59a45)}}
.face.back .sym-sm{width:44px;height:44px;color:var(--gold);opacity:.8;margin-bottom:10px}
.answer{margin:0;font-family:var(--serif2);font-size:1.3rem;line-height:1.4;color:#f5ead0}
.oracle .btn{min-width:180px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .stars div{opacity:.7}
}
footer{text-align:center;color:#8c86a3;font-size:.78rem;padding:20px 0 10px}
.flip{position:relative;z-index:0;pointer-events:none}
.flip-inner,.face{pointer-events:none}
.oracle .btn{position:relative;z-index:2}
/* prevent horizontal overflow (moon glow) from widening the mobile layout viewport */
html,body,.hero{overflow-x:hidden}
@supports (overflow:clip){html,body,.hero{overflow-x:clip}}
.sheet{position:fixed;inset:0;width:auto;height:auto}
[hidden]{display:none!important}
.card img,.sheet-hero{height:auto}
.card .badge{position:static;display:inline-block;margin:0 0 6px;padding:3px 9px;font-size:.62rem;background:rgba(224,120,42,.18)}

/* =================== v2: surreal sacred geometry =================== */
.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bg .stars{position:absolute;inset:-20px;will-change:transform}
.nebula{position:absolute;inset:0}
.neb{position:absolute;width:120vmax;height:120vmax;border-radius:50%;will-change:transform;opacity:.55}
.n1{left:-50vmax;top:-40vmax;background:radial-gradient(circle,rgba(92,60,170,.45) 0%,rgba(60,40,140,.18) 40%,transparent 68%);animation:drift1 70s ease-in-out infinite alternate}
.n2{right:-55vmax;bottom:-50vmax;background:radial-gradient(circle,rgba(40,50,150,.5) 0%,rgba(120,50,140,.2) 42%,transparent 70%);animation:drift2 90s ease-in-out infinite alternate}
@keyframes drift1{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(18vmax,14vmax,0) scale(1.15)}}
@keyframes drift2{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-16vmax,-12vmax,0) scale(.95)}}
.geo-par{position:absolute;left:50%;top:var(--gy,34vh);width:0;height:0;will-change:transform}
.geo-breathe{position:absolute;left:0;top:0;color:#d4a84a;animation:breathe 14s ease-in-out infinite,hue 40s ease-in-out infinite alternate}
.geo{position:absolute;will-change:transform}
.geo svg{display:block;width:100%;height:100%}
.fol{width:112vmax;height:112vmax;left:-56vmax;top:-56vmax;animation:spin 120s linear infinite}
.met{width:78vmax;height:78vmax;left:-39vmax;top:-39vmax;opacity:.75;animation:spin 170s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.17}50%{opacity:.34}}
@keyframes hue{from{filter:hue-rotate(0deg)}to{filter:hue-rotate(-16deg) saturate(1.25)}}
@media (min-width:900px){.fol{width:96vmax;height:96vmax;left:-48vmax;top:-48vmax}.met{width:66vmax;height:66vmax;left:-33vmax;top:-33vmax}}

/* Moon stage: phase ring + progress arc */
.moon-stage{position:relative;width:min(84vw,350px);aspect-ratio:1;margin:0 auto 10px}
.moon-stage .moon{position:absolute;inset:18%;width:auto;margin:0}
.stage-svg,.phase-ring{position:absolute;inset:0}
.stage-svg{width:100%;height:100%;overflow:visible}
.arc-track{fill:none;stroke:rgba(212,168,74,.22);stroke-width:1}
.arc-prog{fill:none;stroke:#e8c46a;stroke-width:1.8;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(240,200,110,.8));transition:stroke-dashoffset 1s linear}
.phase-ring{animation:spin 150s linear infinite;will-change:transform}
.phase-ring svg{width:100%;height:100%;overflow:visible}
.ph-dark{fill:#1a1f52;stroke:rgba(212,168,74,.7);stroke-width:.7}
.ph-lit{fill:#e8a456}
.phase-ring .ph-full .ph-lit{fill:#f59a45;filter:drop-shadow(0 0 3px #f59a45)}
.moon-pattern{position:absolute;inset:0;border-radius:50%;mix-blend-mode:soft-light;opacity:.9;animation:spin 90s linear infinite reverse;will-change:transform}
.moon-pattern svg{width:100%;height:100%;display:block}
.moon-pattern .rip{animation:ripple 7s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes ripple{0%,100%{transform:scale(.94);opacity:.35}50%{transform:scale(1.04);opacity:.8}}
.cycle{margin-top:6px!important;font-size:.78rem;color:#c9bfa4;letter-spacing:.04em}

/* Chromatic glow on headings */
h1{filter:drop-shadow(-1.5px 0 0 rgba(255,96,70,.38)) drop-shadow(1.5px 0 0 rgba(90,170,255,.38)) drop-shadow(0 0 18px rgba(240,190,90,.35))}
.lanes h2,.sheet-content h3,.arrived-title{text-shadow:-1px 0 rgba(255,96,70,.35),1px 0 rgba(90,170,255,.35),0 0 18px rgba(240,190,90,.35)}
.card.featured .ctitle{filter:drop-shadow(-1px 0 0 rgba(255,96,70,.35)) drop-shadow(1px 0 0 rgba(90,170,255,.35))}

/* Lane symbols */
.card .cicon{width:46px;height:46px;flex:none;color:#e2bd6a;filter:drop-shadow(0 0 5px rgba(240,190,90,.35))}
.card .cicon svg{width:100%;height:100%;display:block}
.card.featured .cicon{width:52px;height:52px;color:#f0d28a}
.sym-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:-52px auto 10px;position:relative;z-index:2}
.sym-hero .sym-disc{width:104px;height:104px;border-radius:50%;padding:14px;background:radial-gradient(circle,#232a6b,#0d1236 72%);border:1px solid var(--gold);color:#f0d28a;box-shadow:0 0 30px rgba(224,120,42,.35);}
.sym-hero .sym-disc svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 6px rgba(240,190,90,.55))}
.sym-hero .sym-cap{margin:8px 0 0;font-family:var(--serif2);font-style:italic;font-size:1.05rem;color:#e2bd6a;max-width:30ch}
.sheet-content h3{text-align:center}
.sheet-content .ssub{text-align:center}
@media (prefers-reduced-motion: reduce){
  .fol,.met,.phase-ring,.moon-pattern,.neb,.geo-breathe{animation:none!important}
  .geo-breathe{opacity:.26}
}

/* =================== v3: motion =================== */
.stars .tw{position:absolute;border-radius:50%;background:#fff;opacity:var(--lo,.2);animation:tw2 4s ease-in-out infinite;will-change:opacity}
@keyframes tw2{0%,100%{opacity:var(--lo,.2)}50%{opacity:1}}
.stars .sparkle{position:absolute;margin:-10px 0 0 -10px;opacity:.35;animation:sparkle 4.5s ease-in-out infinite;will-change:transform,opacity}
.stars .sparkle::before,.stars .sparkle::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff6d8 45%,#fff 50%,#fff6d8 55%,transparent);border-radius:2px}
.stars .sparkle::before{width:100%;height:1.5px;transform:translate(-50%,-50%)}
.stars .sparkle::after{width:1.5px;height:100%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,#fff6d8 45%,#fff 50%,#fff6d8 55%,transparent)}
@keyframes sparkle{0%,100%{opacity:.25;transform:scale(.55) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
.nerves{position:absolute;inset:0}
.nerves svg{width:100%;height:100%;display:block}
.nv{stroke:#d4a84a;stroke-width:.8;opacity:.22;transition:opacity .6s ease}
.nv.orange{stroke:#e0782a}
.nv.bloom{animation:bloom 1.5s ease-in-out}
@keyframes bloom{0%,100%{opacity:.22}40%{opacity:.75;stroke-width:1.4}}
.spk,.spk-glow{stroke-dasharray:3 200;stroke-dashoffset:3;animation:spark 4s linear infinite}
.spk{stroke:#fff1c4;stroke-width:1.6}
.spk-glow{stroke:#f5a04a;stroke-width:5;opacity:.35}
@keyframes spark{0%{stroke-dashoffset:3}70%,100%{stroke-dashoffset:-100}}
.node .dot{fill:#e8c46a;opacity:.4}
.node .halo{fill:#ffd88a;opacity:0}
.node.flash .dot{animation:ndot .75s ease-out}
.node.flash .halo{animation:nhalo .75s ease-out}
@keyframes ndot{0%{opacity:.4}25%{opacity:1}100%{opacity:.4}}
@keyframes nhalo{0%{opacity:0}25%{opacity:.45}100%{opacity:0}}
.shoot-wrap{position:absolute;width:0;height:0;opacity:0}
.shoot-wrap.go{opacity:1}
.shoot{position:absolute;left:0;top:0;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,240,200,.3) 40%,#fff);opacity:0;transform:translateX(-140px)}
.shoot-wrap.go .shoot{animation:shoot 1.1s ease-out forwards}
@keyframes shoot{0%{opacity:0;transform:translateX(-140px)}15%{opacity:1}100%{opacity:0;transform:translateX(420px)}}
/* Growing moon */
.moon-stage .moon{transform-origin:50% 50%}
.moon-stage .moon.grow-anim{transition:transform 1s linear}
.shock{position:absolute;inset:18%;border-radius:50%;border:2px solid #ffd88a;opacity:0;pointer-events:none;box-shadow:0 0 30px rgba(245,154,69,.8),inset 0 0 30px rgba(245,154,69,.6)}
.burst .shock{animation:shock 1.8s ease-out forwards}
.burst .shock.s2{animation-delay:.35s}
@keyframes shock{0%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.burst .moon-glow{animation:glowburst 2.2s ease-out forwards,pulse 5s ease-in-out 2.2s infinite}
@keyframes glowburst{0%{transform:scale(1);opacity:1}25%{transform:scale(1.6);opacity:1}100%{transform:scale(1.1);opacity:.95}}
@media (prefers-reduced-motion: reduce){.moon-stage .moon.grow-anim{transition:none}.shoot-wrap{display:none}}

/* =================== v3: profile, zodiac =================== */
.reading-as{appearance:none;border:1px solid var(--line);background:rgba(11,16,48,.6);color:var(--gold2);font:500 .82rem var(--sans);letter-spacing:.03em;border-radius:999px;padding:9px 16px;min-height:40px;margin:0 0 10px;cursor:pointer;backdrop-filter:blur(4px);max-width:92vw}
.reading-as .ra-k{color:var(--muted);font-weight:400}
.reading-as .ra-e{color:var(--gold)}
.zodiac-ring{position:absolute;inset:0;animation:spin 260s linear infinite reverse;will-change:transform}
.zodiac-ring svg{width:100%;height:100%;overflow:visible}
.zr-line{fill:none;stroke:rgba(212,168,74,.25);stroke-width:.5;stroke-dasharray:1 3}
.zg-bg{fill:rgba(11,16,48,.75);stroke:rgba(212,168,74,.55);stroke-width:.5}
.zg text{fill:#d9b35e;font-family:"Noto Sans Symbols","Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif}
.zg.on .zg-bg{fill:rgba(224,120,42,.35);stroke:#ffd88a;stroke-width:.9}
.zg.on text{fill:#fff1c4}
.zg.on{filter:drop-shadow(0 0 3px #f5a04a) drop-shadow(0 0 6px rgba(245,160,74,.7))}
.sky-line{margin-top:6px!important;font-family:var(--serif);font-size:.86rem;letter-spacing:.06em;color:var(--gold2)}
.sign-card{width:100%;max-width:560px;margin:18px auto 0;text-align:left;border:1px solid var(--gold);border-radius:20px;padding:18px 18px 16px;
  background:radial-gradient(circle at 85% 0%,rgba(224,120,42,.2),transparent 55%),linear-gradient(180deg,rgba(28,34,90,.88),rgba(13,18,54,.92));box-shadow:0 0 30px rgba(224,120,42,.18)}
.sc-eyebrow{margin:0;font-family:var(--serif);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sign-card h2{margin:.25em 0 .1em;font-family:var(--serif);color:var(--gold2);font-size:1.6rem;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  text-shadow:-1px 0 rgba(255,96,70,.3),1px 0 rgba(90,170,255,.3),0 0 16px rgba(240,190,90,.3)}
.sign-card h2 small{font-family:var(--sans);font-size:.78rem;color:var(--muted);letter-spacing:.04em;font-weight:400}
.sc-glyph{font-family:"Noto Sans Symbols","Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif;font-size:1.9rem;color:#ffd88a}
.sc-sky{margin:.1em 0;font-size:.84rem;color:var(--gold)}
.sc-theme{margin:.3em 0 .8em;font-family:var(--serif2);font-style:italic;font-size:1.1rem;color:#e8dfc8;line-height:1.4}
.sc-parts{display:grid;gap:10px}
@media(min-width:620px){.sc-parts{grid-template-columns:repeat(3,1fr)}}
.sc-part{background:rgba(11,16,48,.55);border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.sc-part h3{margin:0 0 4px;font-family:var(--serif);font-size:.9rem;color:var(--gold2);letter-spacing:.05em}
.sc-part p{margin:0;font-size:.95rem;line-height:1.55;color:#ddd6c4}
.sc-move{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(224,120,42,.16);border:1px solid rgba(224,120,42,.45);font-size:.98rem;line-height:1.5}
.sc-move strong{color:var(--gold2);font-family:var(--serif);letter-spacing:.03em}
/* Onboarding */
.onb{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,7,24,.78);backdrop-filter:blur(6px)}
.onb[hidden]{display:none!important}
body.onb-open{overflow:hidden}
.onb-card{width:100%;max-width:480px;max-height:calc(100svh - 32px);overflow-y:auto;border:1px solid var(--gold);border-radius:22px;padding:20px 18px 14px;text-align:center;
  background:radial-gradient(circle at 50% 0%,rgba(224,120,42,.22),transparent 60%),linear-gradient(180deg,#171d52,#0d1236);box-shadow:0 20px 60px rgba(0,0,0,.55);animation:fade .3s ease}
.onb-card h2{margin:.3em 0 .3em;font-family:var(--serif);color:var(--gold2);font-size:1.45rem;letter-spacing:.04em}
.onb-sub{margin:0 0 14px;color:var(--muted);font-size:.95rem}
.onb-dots{display:flex;gap:8px;justify-content:center}
.onb-dots i{width:8px;height:8px;border-radius:50%;background:rgba(212,168,74,.3)}
.onb-dots i.on{background:var(--gold2);box-shadow:0 0 8px var(--gold)}
.onb-moon{width:84px;height:84px;margin:14px auto 4px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffb866,#e0782a 60%,#b0561a);box-shadow:0 0 40px rgba(245,154,69,.6)}
.onb-go{margin:6px auto 4px;min-width:180px}
.onb-opts{display:grid;gap:10px;margin:14px 0 6px}
.onb-opts.two{grid-template-columns:1fr 1fr}
.onb-opts.three{grid-template-columns:repeat(3,1fr)}
.onb-opt,.onb-sign{appearance:none;border:1px solid var(--line);background:rgba(11,16,48,.6);color:var(--ink);border-radius:14px;cursor:pointer;font:600 1rem var(--sans);min-height:56px;padding:10px}
.onb-opt.sel,.onb-sign.sel{border-color:var(--gold);background:rgba(224,120,42,.18);color:var(--gold2)}
.onb-signs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 6px}
@media(min-width:520px){.onb-signs{grid-template-columns:repeat(4,1fr)}}
.onb-sign{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;min-height:84px}
.onb-sign .g{font-family:"Noto Sans Symbols","Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif;font-size:1.6rem;line-height:1.1;color:#e8c46a}
.onb-sign .n{font-size:.86rem;font-weight:600}
.onb-sign .d{font-size:.66rem;color:var(--muted);font-weight:400;white-space:nowrap}
.onb-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.onb-link{appearance:none;background:none;border:none;color:var(--muted);font:500 .9rem var(--sans);padding:12px 8px;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.onb-opt:focus-visible,.onb-sign:focus-visible,.onb-link:focus-visible,.reading-as:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
.badge.for-you{background:rgba(212,168,74,.18)}
@media (hover:hover){.onb-opt:hover,.onb-sign:hover{border-color:var(--gold);background:rgba(224,120,42,.18);color:var(--gold2)}}
.onb-opts.ages{grid-template-columns:repeat(3,1fr)}
.onb-card h2:first-of-type{margin-top:.5em}
.age-card{margin:14px 0 4px;padding:12px 14px;border-radius:14px;border:1px solid rgba(212,168,74,.55);background:linear-gradient(180deg,rgba(212,168,74,.12),rgba(224,120,42,.08))}
.age-card .ac-k{margin:0 0 4px;font-family:var(--serif);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.age-card p{margin:0;line-height:1.6}
.lane-move{margin-top:16px}
.oracle-actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.save-btn{min-width:180px}
.save-btn:disabled{opacity:.6;cursor:progress}
.sc-open{margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:.08em;color:#ffd88a;text-shadow:0 0 14px rgba(245,154,69,.55)}
.sc-open span{font-family:"Noto Sans Symbols","Noto Sans Symbols 2","Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif}
.sc-actions{display:flex;justify-content:center;margin-top:12px}

/* =================== v3: Harvest Journal =================== */
.journal-entry{text-align:center;margin:26px 0 6px}
.journal-entry-sub{margin:8px 0 0;color:var(--muted);font-size:.85rem}
.journal-link-row{margin:4px 0 6px}
.journal-link{appearance:none;background:none;border:1px dashed rgba(212,168,74,.6);color:var(--gold2);font:500 .95rem var(--sans);border-radius:12px;padding:10px 14px;min-height:44px;cursor:pointer}
.journal{position:fixed;inset:0;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background:radial-gradient(ellipse at 50% 0%,rgba(60,40,30,.55),transparent 60%),rgba(5,7,24,.95);padding:calc(14px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))}
.journal[hidden]{display:none!important}
body.journal-open{overflow:hidden}
.j-close{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:rgba(11,16,48,.85);color:var(--gold2);font-size:1.15rem;cursor:pointer}
/* Cover */
.jcover-wrap{min-height:calc(100svh - 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;perspective:1600px}
.jcover{position:relative;width:min(78vw,340px);aspect-ratio:3/4;border-radius:6px 16px 16px 6px;transform-origin:left center;transition:transform .9s cubic-bezier(.4,.1,.2,1),opacity .9s ease;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06),transparent 40%),repeating-linear-gradient(35deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px),linear-gradient(135deg,#4a2a1a,#2b160d 55%,#1c0e08);
  box-shadow:inset 10px 0 18px rgba(0,0,0,.55),inset -2px 0 0 rgba(255,220,160,.08),0 24px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center}
.jcover::before{content:"";position:absolute;left:0;top:0;bottom:0;width:18px;border-radius:6px 0 0 6px;background:linear-gradient(90deg,#140905,#3a2012)}
.jc-stitch{position:absolute;inset:14px 14px 14px 30px;border:1.5px dashed rgba(212,168,74,.55);border-radius:10px}
.jc-moon{width:46%;filter:drop-shadow(0 0 10px rgba(226,189,106,.55))}
.jc-title{margin:18px 0 4px;font-family:var(--serif);font-weight:700;letter-spacing:.14em;font-size:1.25rem;background:linear-gradient(180deg,#fbe8b0,#b8862f);-webkit-background-clip:text;background-clip:text;color:transparent}
.jc-brand{margin:0 0 4px;font-family:var(--serif);font-size:.66rem;letter-spacing:.26em;color:#c9a55a;text-transform:uppercase;opacity:.9}
.jc-sub{margin:0;font-family:var(--serif);font-size:.72rem;letter-spacing:.2em;color:#c9a55a;text-transform:uppercase}
.jcover.opening{transform:rotateY(-115deg);opacity:0}
.jbook.reveal{animation:fade .6s ease}
/* Book */
.jbook{max-width:980px;margin:0 auto;padding-top:44px}
.j-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;margin-right:50px}
.j-tabs::-webkit-scrollbar{display:none}
.j-tab{flex:none;appearance:none;border:1px solid rgba(212,168,74,.45);background:rgba(43,22,13,.75);color:#e8d3a0;font:600 .82rem var(--sans);border-radius:999px;padding:9px 13px;min-height:40px;cursor:pointer;white-space:nowrap}
.j-tab.on{background:linear-gradient(180deg,#e2b85a,#b8862f);color:#2b160d;border-color:#e2b85a}
.parchment{position:relative;color:#3e2a0c;border-radius:6px;padding:22px 18px 18px;
  background:radial-gradient(ellipse at 50% 40%,#f7eed6 0%,#efe0bb 65%,#d9bf8a 100%);
  box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 60px rgba(150,110,40,.35),inset 0 0 0 1px rgba(150,110,40,.35)}
.parchment::after{content:"";position:absolute;inset:8px;border:1px solid rgba(150,110,40,.35);border-radius:4px;pointer-events:none}
.parchment.turn{animation:pageturn .45s ease}
@keyframes pageturn{from{opacity:0;transform:translateX(18px) rotateY(-6deg)}to{opacity:1;transform:none}}
.p-title{margin:0 0 10px;font-family:var(--serif);font-weight:700;letter-spacing:.06em;font-size:1.35rem;color:#4a300c;text-align:center}
.p-q{display:block;margin:16px 0 4px;font-family:var(--serif);font-weight:700;font-size:.95rem;color:#7a5518;letter-spacing:.02em}
textarea.lined{display:block;width:100%;min-height:110px;resize:vertical;border:none;outline:none;padding:4px 6px 0;border-radius:4px;
  font:600 1.55rem/34px "Caveat","Segoe Print","Bradley Hand",cursive;color:#1f2a55;
  background:repeating-linear-gradient(180deg,transparent 0 33px,rgba(90,110,160,.35) 33px 34px);background-attachment:local}
textarea.lined.tall{min-height:340px}
textarea.lined:focus,.b-line:focus{box-shadow:0 0 0 2px rgba(184,134,47,.5)}
.p-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.j-btn{appearance:none;border:1px solid rgba(150,110,40,.6);background:rgba(255,248,230,.6);color:#4a300c;font:600 .88rem var(--sans);border-radius:999px;padding:10px 15px;min-height:44px;cursor:pointer}
.j-btn:disabled{opacity:.4;cursor:default}
.j-btn.gold{background:linear-gradient(180deg,#e2b85a,#b8862f);color:#2b160d;border-color:#b8862f}
.j-btn.danger{color:#8b2a12;border-color:rgba(139,42,18,.5)}
.j-btn.danger.solid{background:#8b2a12;color:#fff4e0;border-color:#8b2a12}
.j-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 2px}
.j-nav .j-btn{background:rgba(43,22,13,.75);color:#e8d3a0;border-color:rgba(212,168,74,.45)}
.j-pno{color:#c9b99a;font-size:.85rem}
.j-foot{margin:10px auto 0;padding:14px 12px;border-radius:14px;border:1px solid rgba(212,168,74,.35);background:rgba(11,16,48,.7);text-align:center}
.j-note{margin:0 0 10px;color:#e8dfc8;font-size:.9rem;line-height:1.5}
.j-foot-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.j-foot .j-btn{background:rgba(43,22,13,.8);color:#f0d28a;border-color:rgba(212,168,74,.5)}
.j-foot .j-btn.danger{color:#ffb39a;border-color:rgba(255,140,110,.5)}
/* Moon board */
.b-open{margin:0 0 6px;text-align:center;font-family:"Caveat",cursive;font-weight:600;font-size:1.5rem;color:#6b4a14;line-height:1.25}
.spread{display:grid;gap:14px}
@media(min-width:760px){.spread{grid-template-columns:1fr 1fr;gap:0}.spread .side.callIn{border-right:2px solid rgba(150,110,40,.35);padding-right:18px;box-shadow:inset -14px 0 18px -14px rgba(120,80,20,.35)}.spread .side.release{padding-left:18px}}
.side{padding:6px 2px}
.s-title{margin:6px 0 0;font-family:var(--serif);font-weight:700;font-size:1.12rem;letter-spacing:.05em;text-align:center}
.side.callIn .s-title{color:#8a5a10}
.side.release .s-title{color:#7a2e14}
.s-sub{margin:2px 0 8px;text-align:center;font-size:.8rem;color:#7a6440;font-style:italic}
.b-list{list-style:none;margin:0;padding:0;counter-reset:b}
.b-list li{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(90,110,160,.35);counter-increment:b}
.b-list li:not(.b-empty)::before{content:counter(b) ".";font:600 1.35rem "Caveat",cursive;color:#8a6420;min-width:1.4em}
.b-line{flex:1;min-width:0;border:none;background:transparent;resize:none;overflow:hidden;display:block;font:600 1.5rem/1.3 "Caveat","Segoe Print",cursive;color:#1f2a55;padding:8px 2px;outline:none;border-radius:4px}
.side.release .b-line{color:#4a1f14}
.b-rm{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(150,110,40,.4);background:transparent;color:#8a6420;cursor:pointer}
.b-empty{font-family:"Caveat",cursive;font-size:1.3rem;color:#9a8460;padding:8px 2px}
.j-btn.add{margin-top:8px}
.ideas{margin-top:10px}
.ideas-k{margin:0 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8a6420;font-weight:600}
.idea{appearance:none;display:inline-block;margin:0 6px 6px 0;border:1px dashed rgba(150,110,40,.6);background:rgba(255,248,230,.55);color:#5a3d12;border-radius:10px;padding:7px 10px;font:500 .82rem var(--sans);cursor:pointer;text-align:left;min-height:36px}
.ritual-btn{font-size:1rem}
.archive{margin-top:16px;background:rgba(255,248,230,.5);border:1px solid rgba(150,110,40,.4);border-radius:10px}
.archive summary{color:#5a3d12;font-weight:600}
.archive summary::after{color:#8a6420}
.archive ul{margin:0;padding:0 16px 8px 34px;font:600 1.3rem "Caveat",cursive;color:#4a1f14}
.archive .j-btn{margin:0 12px 12px}
/* Ritual */
.ritual{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(ellipse at 50% 30%,#1c2466 0%,#0b1030 60%,#05071a 100%);padding:60px 18px 30px}
.r-stage{width:100%;max-width:560px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.r-dots{display:flex;gap:8px}
.r-dots i{width:8px;height:8px;border-radius:50%;background:rgba(212,168,74,.3)}
.r-dots i.on{background:var(--gold2);box-shadow:0 0 8px var(--gold)}
.r-text{margin:0;font-family:var(--serif);font-size:1.35rem;line-height:1.45;color:#f5ead0}
.r-text.big{font-size:1.5rem;color:var(--gold2)}
.r-cue{margin:0;font-family:var(--serif2);font-style:italic;font-size:1.4rem;color:#ffd88a;min-height:1.6em}
.r-moon{position:relative;width:min(52vw,210px);aspect-ratio:1;margin:10px 0}
.r-glow{position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,rgba(245,154,69,.6) 0%,rgba(224,120,42,.2) 40%,transparent 68%)}
.r-body{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffb866,#f59a45 25%,#e0782a 60%,#b0561a);box-shadow:0 0 50px rgba(245,154,69,.6)}
.r-moon.breathing .r-glow{animation:breath 8s ease-in-out 3}
.r-moon.breathing .r-body{animation:breathb 8s ease-in-out 3}
@keyframes breath{0%,100%{transform:scale(.85);opacity:.6}50%{transform:scale(1.35);opacity:1}}
@keyframes breathb{0%,100%{transform:scale(.94)}50%{transform:scale(1.06)}}
.r-moon.full .r-glow{animation:pulse 5s ease-in-out infinite}
.r-lists{display:grid;gap:14px;width:100%}
@media(min-width:620px){.r-lists{grid-template-columns:1fr 1fr}}
.r-list{border-radius:14px;padding:12px 14px;text-align:left;background:rgba(243,232,205,.95);color:#3e2a0c}
.r-list-k{margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:.95rem;letter-spacing:.04em}
.r-list ul{margin:0;padding-left:20px;font:600 1.45rem/1.35 "Caveat",cursive}
.r-list li.muted{list-style:none;margin-left:-20px;color:#8a7650;font-size:1.25rem}
.r-list.callin{border:1px solid #d4a84a}
.r-list.callin.glowing{box-shadow:0 0 0 2px rgba(240,200,110,.7),0 0 30px rgba(240,190,90,.65);animation:goldglow 3s ease-in-out infinite}
.r-list.callin.glowing ul{color:#6b4a0c;text-shadow:0 0 10px rgba(255,210,120,.7)}
@keyframes goldglow{0%,100%{box-shadow:0 0 0 2px rgba(240,200,110,.6),0 0 22px rgba(240,190,90,.5)}50%{box-shadow:0 0 0 2px rgba(255,220,140,.9),0 0 42px rgba(245,190,90,.85)}}
.r-list.release{border:1px solid rgba(139,42,18,.5)}
.r-list.release li.burning{animation:charaway 2.4s ease-in forwards}
@keyframes charaway{0%{color:#3e2a0c;filter:none;opacity:1}30%{color:#b8420f;text-shadow:0 0 8px rgba(255,120,30,.9)}65%{color:#2a1a10;filter:blur(.6px);opacity:.7}100%{color:#2a1a10;filter:blur(3px);opacity:0;transform:translateY(-6px) scale(.98)}}
.r-list.release.fade-away{transition:opacity .9s ease;opacity:.15}
.r-canvas{position:fixed;inset:0;z-index:70;pointer-events:none}
.r-keep{border:1px solid rgba(212,168,74,.45);border-radius:14px;padding:12px 14px;text-align:left;color:#e8dfc8;width:100%}
.r-keep legend{font-family:var(--serif);color:var(--gold2);padding:0 6px}
.r-keep label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.r-keep input{width:20px;height:20px;accent-color:#d4a84a}
.r-next{min-width:160px}
/* Confirm */
.confirm{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,7,24,.8)}
.confirm[hidden]{display:none!important}
.confirm-card{max-width:420px;width:100%;border-radius:18px;padding:20px 18px;background:#f3e8cd;color:#3e2a0c;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.confirm-card h2{margin:0 0 8px;font-family:var(--serif);font-size:1.3rem}
.confirm-card p{margin:0 0 16px;line-height:1.5}
.confirm-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (prefers-reduced-motion: reduce){.jcover{transition:none}.r-list.release li.burning{animation:none}}
.parchment.board .b-open{padding:0 44px}

/* Title treatment: sacred-geometry ornaments + fairy-dust canvas (title.js) */
.title-wrap{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
.title-wrap h1{margin-top:.02em;margin-bottom:.02em}
.title-orn{display:block;width:min(88vw,420px);height:auto;margin-top:6px;overflow:visible;filter:drop-shadow(0 0 3px rgba(240,190,90,.45));animation:ornGlow 6s ease-in-out infinite}
.title-orn.under{width:min(70vw,330px);margin:2px 0 .45em}
@keyframes ornGlow{0%,100%{opacity:.78}50%{opacity:1}}
.title-fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none}
@media (prefers-reduced-motion: reduce){.title-orn{animation:none;opacity:.9}}