/* COSMIRA, direcția Elemente vii: fiecare artă e o substanță, iar culoarea ei poartă tot ecranul. */
@font-face{font-family:Fraunces;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-full-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Fraunces;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-ext-full-normal.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:Literata;font-weight:400;font-display:swap;src:url(fonts/literata-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Literata;font-weight:400;font-display:swap;src:url(fonts/literata-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:Literata;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/literata-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Literata;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/literata-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02AF}
@font-face{font-family:Literata;font-weight:500;font-display:swap;src:url(fonts/literata-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Literata;font-weight:500;font-display:swap;src:url(fonts/literata-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF}

/* Lumile. Fiecare are culori, formă și voce proprie în titlu. */
:root{--titlu:Fraunces,Georgia,serif;--text:Literata,Georgia,serif;--fond:#0A0A0A;--acc:#E6C98A;--panou:#141312;--pe-panou:#F4EEDF;--pe-fond:#F4EEDF;--stins:#B4AB97;--pe-acc:#0A0A0A;--raza:14px;--taiat:none;--tw:560;--ts:normal;--fv:"opsz" 144,"SOFT" 40,"WONK" 0;--intarziere:0s}
[data-lume]{--linie:color-mix(in srgb,var(--acc) 34%,transparent);color:var(--pe-fond)}
[data-lume=baza],[data-lume=azi]{--fond:#0A0A0A;--acc:#E6C98A;--panou:#141312;--pe-panou:#F4EEDF;--pe-fond:#F4EEDF;--stins:#B4AB97;--pe-acc:#0A0A0A}
[data-lume=caract]{--fond:#1A1204;--acc:#FFD978;--panou:#100B02;--pe-panou:#FBF0D4;--pe-fond:#FBF0D4;--stins:#C9B88D;--pe-acc:#1A1204;--tw:500;--fv:"opsz" 144,"SOFT" 100,"WONK" 1}
[data-lume=initiere]{--fond:#0B0B0F;--acc:#EFE9DC;--panou:#15151B;--pe-panou:#EFE9DC;--pe-fond:#EFE9DC;--stins:#A5A2A8;--pe-acc:#0B0B0F;--ts:italic;--tw:300}
[data-lume=tarot]{--fond:#2A0509;--acc:#FF3B30;--panou:#190305;--pe-panou:#FFE9E2;--pe-fond:#FFE9E2;--stins:#DBA79F;--pe-acc:#190305;--raza:0px;--taiat:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);--tw:700;--fv:"opsz" 144,"SOFT" 0,"WONK" 1}
[data-lume=rune]{--fond:#0D1412;--acc:#9FE8C8;--panou:#17211E;--pe-panou:#E6F7EF;--pe-fond:#E6F7EF;--stins:#9DBDB0;--pe-acc:#0D1412;--raza:0px;--taiat:polygon(9px 4px,38% 0,74% 3px,100% 11px,calc(100% - 5px) 72%,calc(100% - 13px) 100%,44% calc(100% - 4px),6px calc(100% - 2px),0 58%);--tw:800;--fv:"opsz" 9,"SOFT" 0,"WONK" 0}
[data-lume=vise]{--fond:#030A24;--acc:#6FB7FF;--panou:#07133C;--pe-panou:#E3F0FF;--pe-fond:#E3F0FF;--stins:#9DB8DC;--pe-acc:#030A24;--raza:30px;--tw:300;--ts:italic}
[data-lume=astrologie_occidentala]{--fond:#F2EBDD;--acc:#14110D;--panou:#FBF7EE;--pe-panou:#14110D;--pe-fond:#14110D;--stins:#5F5646;--pe-acc:#F2EBDD;--raza:0px;--tw:300;--fv:"opsz" 144,"SOFT" 0,"WONK" 0}
[data-lume=bazi]{--fond:#E9E1CF;--acc:#A3161B;--panou:#F6F0E2;--pe-panou:#1E1410;--pe-fond:#1E1410;--stins:#655646;--pe-acc:#F6F0E2;--raza:2px;--tw:800;--fv:"opsz" 72,"SOFT" 0,"WONK" 0}
[data-lume=astrologie_vedica]{--fond:#2A1203;--acc:#FFAE2B;--panou:#1A0B02;--pe-panou:#FFF0D6;--pe-fond:#FFF0D6;--stins:#D9B88A;--pe-acc:#1A0B02;--raza:22px 4px;--tw:600;--fv:"opsz" 144,"SOFT" 100,"WONK" 1}
[data-lume=numerologie]{--fond:#12082B;--acc:#B79CFF;--panou:#1C103C;--pe-panou:#EEE7FF;--pe-fond:#EEE7FF;--stins:#AEA2D2;--pe-acc:#12082B;--raza:6px;--tw:400;--fv:"opsz" 144,"SOFT" 0,"WONK" 1}
[data-lume=tattvic]{--fond:#1A0620;--acc:#F06AE0;--panou:#110315;--pe-panou:#FBE6F8;--pe-fond:#FBE6F8;--stins:#C9A2C4;--pe-acc:#110315;--raza:50px 12px;--tw:300;--fv:"opsz" 144,"SOFT" 100,"WONK" 0}
[data-lume=i_ching]{--fond:#10120C;--acc:#E3DDB0;--panou:#1A1C13;--pe-panou:#F2EFD6;--pe-fond:#F2EFD6;--stins:#ABA98A;--pe-acc:#10120C;--raza:0px;--tw:400;--fv:"opsz" 72,"SOFT" 0,"WONK" 0}
[data-lume=geomantie]{--fond:#1F1508;--acc:#E5B567;--panou:#150E05;--pe-panou:#F8EBD2;--pe-fond:#F8EBD2;--stins:#BFA67E;--pe-acc:#150E05;--raza:8px;--tw:600;--fv:"opsz" 144,"SOFT" 60,"WONK" 1}
[data-lume=chiromantie]{--fond:#230E14;--acc:#F5A3A8;--panou:#18090D;--pe-panou:#FBE8E8;--pe-fond:#FBE8E8;--stins:#C9A2A5;--pe-acc:#18090D;--raza:26px;--tw:400;--ts:italic}
[data-lume=fizionomie]{--fond:#101216;--acc:#D5DBE6;--panou:#1A1D23;--pe-panou:#EEF1F6;--pe-fond:#EEF1F6;--stins:#A0A7B3;--pe-acc:#101216;--raza:40px;--tw:200;--fv:"opsz" 144,"SOFT" 100,"WONK" 0}
[data-lume=feng_shui]{--fond:#05181C;--acc:#46D6D6;--panou:#0A2227;--pe-panou:#DFF8F8;--pe-fond:#DFF8F8;--stins:#8FBDBF;--pe-acc:#05181C;--raza:18px;--tw:500;--fv:"opsz" 144,"SOFT" 100,"WONK" 0}

/* Temelia */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;background:var(--fond);font-size:16px}
body{margin:0;min-height:100vh;min-height:100dvh;color:var(--pe-fond);background:var(--fond);font:400 16px/1.62 var(--text);padding-bottom:calc(68px + env(safe-area-inset-bottom));overflow-x:hidden}
body:after{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--fond);z-index:60;pointer-events:none}
#ambient{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.fond-vechi{position:fixed;inset:0;z-index:0;pointer-events:none}
main{position:relative;z-index:1;max-width:600px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 16px 28px}
h1,h2{font-family:var(--titlu);font-weight:var(--tw);font-style:var(--ts);font-variation-settings:var(--fv);color:var(--acc);text-wrap:balance}
h1{font-size:44px;line-height:.98;letter-spacing:-.015em;margin:.1em 0 .25em}
h2{font-size:1.65rem;line-height:1.12;margin:1.5em 0 .5em}
h3{font:500 1.12rem/1.3 var(--titlu);font-variation-settings:var(--fv);margin:1.1em 0 .15em;color:var(--acc)}
p{margin:.15em 0 .85em;max-width:62ch}
.mic{font-size:.88rem;line-height:1.5;color:var(--stins)}.centru{text-align:center;margin-inline:auto}
.subtitlu{font-style:italic;color:var(--stins);margin:0 0 1em;font-size:1.08rem}
.intro{margin:0;color:inherit}
button{font:inherit;cursor:pointer;color:inherit;transition:transform .12s ease-out}
button:active{transform:scale(.97)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;clip-path:none!important}
button:disabled{opacity:.55}
.buton,form button,.grup>button{font:600 1.08rem/1.15 var(--titlu);font-variation-settings:var(--fv);background:var(--acc);color:var(--pe-acc);border:0;border-radius:var(--raza);clip-path:var(--taiat);padding:.9em 1.5em;min-height:56px;flex:1 1 auto}
.grup>button.alt,button.alt{background:none;color:var(--acc);border:1px solid var(--acc);font:500 .98rem var(--titlu);border-radius:var(--raza);clip-path:none;padding:.72em 1.2em;min-height:46px;width:auto}
.grup{display:flex;gap:10px;flex-wrap:wrap;margin:1.1em 0}
.pericol{color:#FF8E8E!important;border-color:#FF8E8E!important}
label{display:block;font-size:.95rem;margin:1em 0 .3em;color:var(--stins)}
input,select,textarea{width:100%;font:400 1rem var(--text);background:var(--fond);color:inherit;border:1px solid var(--linie);border-radius:var(--raza);padding:.7em .85em;min-height:50px}
[data-lume=astrologie_occidentala] input,[data-lume=bazi] input{color-scheme:light}input,select,textarea{color-scheme:dark}
[data-lume=astrologie_occidentala] :is(input,select,textarea),[data-lume=bazi] :is(input,select,textarea){color-scheme:light}
input:focus,select:focus,textarea:focus{border-color:var(--acc);outline:0}
label.acord{display:flex;gap:.6em;align-items:flex-start;color:inherit}input[type=checkbox]{width:22px;min-height:22px;flex:none;margin:.2em 0 0;accent-color:var(--acc)}
.inapoi{background:none;border:0;color:inherit;font:400 1rem var(--text);padding:8px 8px 8px 0;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.eroare{color:inherit;font-size:.95rem;border-left:3px solid var(--acc);padding-left:10px}
.incarca{color:var(--stins);font-style:italic;padding:60px 0;text-align:center}

/* Bara de jos ia culoarea lumii */
nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--panou);color:var(--pe-panou);padding-bottom:env(safe-area-inset-bottom)}
nav button{flex:1;background:none;border:0;color:var(--stins);padding:8px 2px 7px;font:400 .72rem var(--text);display:grid;justify-items:center;gap:1px;min-height:60px}
nav svg{width:23px;height:23px}nav button[aria-current=page]{color:var(--acc);font-weight:500}
[data-lume=astrologie_occidentala] nav button,[data-lume=bazi] nav button{color:var(--stins)}

/* Meniul: lumi pe tot ecranul, în carusel vertical */
body.in-meniu{overflow:hidden;padding-bottom:0}
body.in-meniu main{position:static;padding:0;max-width:none}
body.in-meniu #ambient{z-index:2;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 70%);mask-image:linear-gradient(180deg,#000 50%,transparent 70%)}
.carusel{position:fixed;top:0;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;z-index:1;scrollbar-width:none;background:var(--fond)}
.carusel::-webkit-scrollbar{display:none}
.lume-card{position:relative;display:block;width:100%;height:calc(100% - 30px);scroll-snap-align:start;scroll-snap-stop:always;border:0;padding:0;margin:0;background:var(--fond);overflow:hidden;text-align:left;color:var(--pe-fond);transition:none;contain:paint}
.lume-card:active{transform:none}.lume-card:active .lc-text{transform:scale(.97)}
.lume-card:last-child{height:100%}
.lume-card img{position:absolute;inset:0 0 auto 0;width:100%;height:78%;object-fit:cover;object-position:center 22%;display:block}
.lc-ton{position:absolute;inset:0;background:var(--fond);-webkit-mask-image:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72) 58%,#000 74%);mask-image:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72) 58%,#000 74%)}
.lc-text{position:absolute;left:18px;right:44px;bottom:26px;display:block;transition:transform .12s ease-out;z-index:3}
.lc-text b{display:block;font-family:var(--titlu);font-weight:var(--tw);font-style:var(--ts);font-variation-settings:var(--fv);color:var(--acc);line-height:.94;letter-spacing:-.02em;margin-bottom:.16em;font-size:64px}
.lc-text i{display:block;font:italic 400 1.12rem/1.32 var(--text);color:var(--pe-fond);max-width:26ch}
.salut{position:fixed;left:18px;top:max(14px,calc(env(safe-area-inset-top) + 8px));z-index:4;margin:0;font:italic 400 1.05rem/1.2 var(--text);letter-spacing:0;color:#fff;text-shadow:0 1px 8px #000,0 0 2px #000;pointer-events:none}
/* Portretul: intrarea de pe primul ecran, sub salut. */
.portret-scurt{position:fixed;left:16px;right:auto;top:calc(max(14px,calc(env(safe-area-inset-top) + 8px)) + 1.95rem);z-index:5;width:auto;min-height:0;margin:0;padding:.42em .95em;border:1px solid rgba(232,200,130,.75);border-radius:999px;background:rgba(10,8,20,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8c882;font:italic 400 1rem/1.2 var(--text);letter-spacing:0;box-shadow:0 2px 14px rgba(0,0,0,.45)}

.sina{position:fixed;right:9px;top:50%;transform:translateY(-50%);z-index:4;display:grid;gap:6px;pointer-events:none}
.sina span{display:block;width:12px;height:12px;border-radius:50%;background:var(--culoare);border:1px solid rgba(255,255,255,.55);opacity:.45;transition:opacity .2s,transform .2s;transform:scale(.62)}
.sina span.acum{opacity:1;transform:scale(1)}

/* Capul paginii de artă: titlul stă direct în substanță */
.cap-lume{min-height:calc(40vh - 50px);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px}
.cap-lume h1{margin:0 0 .1em}
.foaie{background:var(--panou);color:var(--pe-panou);--pe-fond:var(--pe-panou);padding:18px 18px 8px;border-radius:var(--raza);clip-path:var(--taiat);margin:0 0 16px}
.foaie h3:first-child{margin-top:0}.foaie .subtitlu{margin-bottom:.6em}
.foaie .grup{margin-bottom:.8em}
.foaie input:not([type=checkbox]),.foaie select,.foaie textarea{background:var(--fond)}
.citire{min-height:1px}
.citire:not(:empty),.bloc-ext,.tot-text{background:var(--panou);color:var(--pe-panou);padding:18px;border-radius:var(--raza);margin:0 0 16px}
.citire p:last-child{margin-bottom:0}
.ce{display:block;background:none;border:0;min-height:44px;color:inherit;font:italic 1.05rem var(--text);text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px;width:auto;padding:8px 0;margin:0 0 10px}
.ascuns{display:none!important}

/* Verdictul, apoi filele */
.verdict{padding:6px 0 14px;text-align:center;position:relative}
.v-sus{font:italic 400 1.08rem/1.2 var(--text);margin:14px 0 0;max-width:none;color:inherit}
.v-nume{margin:.05em 0 .12em;line-height:.98;letter-spacing:-.02em;font-size:58px;text-wrap:balance}
.v-sub{font-style:italic;color:inherit;margin:0 auto .2em}
.file{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px 16px;padding:2px 16px 12px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.file::-webkit-scrollbar{display:none}
.fila{flex:0 0 min(86%,480px);scroll-snap-align:start;background:var(--panou);color:var(--pe-panou);border-radius:var(--raza);clip-path:var(--taiat);padding:18px;margin:0}
.fila:only-child{flex-basis:100%}
.fila h3{margin:0 0 .35em;font-size:1.4rem;line-height:1.14}
.fila p{margin:0}
.fila small{display:block;margin-top:12px;color:var(--stins);font-size:.8rem}
.trage-iar{display:block;margin:0 0 16px}

/* Cărți și pietre */
.trageri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.carte{position:relative;perspective:900px;background:none;border:0;padding:0;aspect-ratio:3/4.6;color:inherit;width:100%}
.carte:before{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(closest-side,var(--acc),transparent);opacity:0;pointer-events:none}
.carte.intoarsa:before{animation:aura 1.5s ease-out .35s}
@keyframes aura{0%{opacity:0}35%{opacity:.75}100%{opacity:.14}}
.carte-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}
.carte.intoarsa .carte-in{transform:rotateY(180deg)}
.fata,.spate{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:6px}
.spate{background:var(--panou)}.spate svg{width:72%;height:auto}
.fata{transform:rotateY(180deg);background:var(--panou);flex-direction:column;gap:5px;text-align:center;overflow:hidden}.fata svg{width:52%;height:auto;flex:none}.fata b{font:500 .7rem/1.15 var(--titlu)}
.fata.ilustrata,.spate.ilustrata{background:none;border:0;padding:0;overflow:visible}
.ilu{display:block;width:100%;height:100%;border-radius:9px}
.fata.ilustrata svg,.spate.ilustrata svg{width:100%;height:100%;flex:none}
.fata.ilustrata svg.piatra,.spate.ilustrata svg.piatra{height:auto;max-height:100%}
.mare .carte{max-width:min(54vw,230px);margin:0 auto;display:block}
.mare.pietre .carte{max-width:min(46vw,190px)}
.mare.trei,.mare.cinci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mare.trei .carte,.mare.cinci .carte{max-width:170px}
.mare.proaspat .carte{animation:imparte .55s cubic-bezier(.2,.8,.25,1) both}
.mare.proaspat .carte:nth-child(2){animation-delay:.12s}.mare.proaspat .carte:nth-child(3){animation-delay:.24s}
@keyframes imparte{from{transform:translateY(46px) rotate(-7deg) scale(.86);opacity:0}to{transform:none;opacity:1}}
.mare.gata .carte-in{transition:none}
.lupa{position:fixed;inset:0;z-index:50;background:var(--fond);display:flex;align-items:center;justify-content:center;padding:24px;animation:apare .25s ease-out;cursor:zoom-out;border:0;width:100%}
.lupa:active{transform:none}
.lupa .ilu{position:relative;width:min(84vw,calc((100vh - 80px)*.652));height:auto;animation:creste .5s cubic-bezier(.2,.9,.25,1.1)}.lupa .piatra{width:min(78vw,380px)}
.lupa:before{content:"";position:absolute;width:120vw;height:120vw;border-radius:50%;background:radial-gradient(closest-side,var(--acc),transparent);opacity:.35}
@keyframes apare{from{opacity:0}}@keyframes creste{from{transform:scale(.7) rotateY(35deg);opacity:0}}

/* Ritualurile */
.ritual{position:fixed;inset:0;z-index:40;overflow:hidden;background:color-mix(in srgb,var(--fond) 95%,transparent);cursor:pointer;touch-action:manipulation}
.r-scena{position:absolute;left:50%;top:44%;width:0;height:0;perspective:1100px}
.r-carte{position:absolute;width:128px;height:196px;left:-64px;top:-98px;transform-style:preserve-3d;will-change:transform,opacity}
.r-carte>span{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:block}
.r-carte>span.r-fata{transform:rotateY(180deg)}
.r-carte svg{display:block;width:100%;height:100%;border-radius:9px}
.r-flacara{position:absolute;left:-46vh;top:-46vh;width:92vh;height:92vh;border-radius:50%;background:radial-gradient(closest-side,var(--acc),transparent 72%);opacity:0;will-change:transform,opacity}
.r-sac{position:absolute;left:-66px;top:-260px;width:132px;height:150px;color:var(--acc);will-change:transform,opacity}
.r-piatra{position:absolute;width:112px;height:168px;left:-56px;top:-84px;opacity:0;will-change:transform,opacity}
.r-piatra svg{display:block;width:100%;height:auto}
.r-unda{position:absolute;left:-110px;top:-40px;width:220px;height:220px;border-radius:50%;border:2px solid var(--acc);opacity:0}
.r-crapaturi{position:absolute;left:-180px;top:-60px;width:360px;height:280px;color:var(--acc);opacity:0}
.r-monede{position:absolute;left:-118px;top:-210px;width:236px;height:74px;display:flex;justify-content:space-between;perspective:600px}
.r-moneda{position:relative;width:68px;height:68px;transform-style:preserve-3d;will-change:transform}
.r-moneda span{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--acc);display:block}
.r-moneda span:after{content:"";position:absolute;inset:25px;background:var(--fond)}
.r-moneda span:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1.5px solid var(--fond)}
.r-moneda span.dos{transform:rotateY(180deg);background:color-mix(in srgb,var(--acc) 62%,var(--fond))}
.r-hexa{position:absolute;left:-104px;top:-90px;width:208px;display:flex;flex-direction:column-reverse;gap:13px}
.r-linie{display:flex;justify-content:space-between;height:15px;gap:30px;position:relative}
.r-linie i{display:block;flex:1;background:var(--acc);transform:scaleX(0);transform-origin:left center;will-change:transform}
.r-linie i+i{transform-origin:right center}
.r-linie.misca:after{content:"";position:absolute;right:-20px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--acc);opacity:var(--o,0)}
.r-nume{position:absolute;left:-44vw;width:88vw;top:110px;text-align:center;margin:0;max-width:none;font:italic 400 1.2rem/1.25 var(--text);opacity:0}

.geo-anim{position:fixed;inset:0;z-index:40;background:var(--fond);transition:opacity .3s}.geo-anim.iese{opacity:0}.geo-anim canvas{position:absolute;inset:0}.geo-anim p{position:absolute;left:16px;right:16px;top:max(26px,env(safe-area-inset-top));margin:0;max-width:none;text-align:center;color:var(--acc);font:italic 400 1.15rem/1.3 var(--text)}.geo-anim .geo-sari{position:absolute;left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom));margin:auto;width:max-content}

/* Azi */
#astro{width:min(100vw,600px);margin:0 -16px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}#astro>svg{width:88%}
#roata{display:block;width:min(88vw,380px);margin:4px auto 0;overflow:visible}
.roata-mica{width:140px;margin:0}.roata-mica #astro{width:140px;margin:0}.roata-mica #roata{width:140px}
.azi-cap{margin-top:-32px;position:relative}.azi-cap h1{margin:0}.azi-cap .subtitlu{margin:.2em 0 1.1em}
details{border-bottom:1px solid var(--linie);background:var(--panou);color:var(--pe-panou)}
details:first-of-type{border-radius:var(--raza) var(--raza) 0 0}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:13px 14px;min-height:60px}summary::-webkit-details-marker{display:none}
summary svg.em{width:32px;height:32px;flex:none;color:var(--acc)}summary b{font:500 1.05rem/1.25 var(--titlu);color:var(--acc);display:block}summary i{font-size:.88rem;line-height:1.35;color:var(--stins);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}details[open] summary i{display:none}
.corp{padding:0 14px 14px}.corp h3:first-child{margin-top:0}
details.cond{border:0;margin:.4em 0;background:none;color:inherit}details.cond summary{min-height:44px;padding:6px 0;color:inherit;text-decoration:underline;text-decoration-color:var(--acc)}#txtc{white-space:pre-wrap;font-size:.92rem;line-height:1.55;max-height:340px;overflow:auto;padding-right:8px}
.bloc-ext{border:1px solid var(--acc);margin-top:8px}.bloc-ext h2{margin:0 0 8px;font-size:1.5rem}.bloc-ext ul{margin:0 0 12px;padding-left:18px;color:var(--stins);font-size:.96rem}.bloc-ext li{margin:3px 0}.bloc-ext .mic{margin:0}
.lacat{color:var(--stins);font-style:italic}.gl-t{margin-top:14px}.gl-t b{color:var(--acc)}.gl-t p{margin:2px 0 0}
.vis-j{padding:14px;margin:0 0 8px;background:var(--panou);color:var(--pe-panou);border-radius:var(--raza)}.vis-j small{color:var(--stins)}.vis-j p{margin:4px 0 10px}
.tat{text-align:left}.yantra{width:96px;height:96px;display:block;margin:6px 0}.tat-n{margin:6px 0 0}.tat-n b{color:var(--acc);font-family:var(--titlu)}.tat-off{margin:6px 0 10px}.tat-c{color:var(--acc);margin:8px 0}.tat .grup{margin-top:8px}.tat-l{list-style:none;padding:0;margin:0 0 10px}.tat-l li{padding:3px 0;color:var(--stins)}
.sugestii button{display:block;width:100%;text-align:left;background:var(--panou);color:inherit;border:0;border-bottom:1px solid var(--linie);padding:.75em .85em;min-height:46px;font:400 1rem var(--text);border-radius:0;clip-path:none}

/* Caracterizarea și Inițierea */
.arcane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arcana{position:relative;aspect-ratio:2/3;border:0;color:var(--pe-fond);display:flex;flex-direction:column;justify-content:flex-end;padding:0 12px 14px;text-align:left;background-size:cover;background-position:center;overflow:hidden;border-radius:var(--raza)}
.arcana:after{content:"";position:absolute;inset:0;background:var(--fond);-webkit-mask-image:linear-gradient(180deg,transparent 34%,#000 74%);mask-image:linear-gradient(180deg,transparent 34%,#000 74%)}
.arcana span,.arcana small{position:relative;z-index:1}.arcana span{font:600 1.15rem/1.12 var(--titlu);color:var(--acc)}.arcana small{font:400 .82rem/1.32 var(--text);margin-top:3px}
.arcana[aria-disabled=true]{cursor:default}
/* Cardurile cu descriere lungă cresc cu textul: poza își păstrează locul de sus, titlul nu mai urcă peste ea pe ecrane înguste. */
.meniu-p .arcana{aspect-ratio:auto;justify-content:flex-start;padding-top:64%;background-position:center top;background-size:100% auto;background-repeat:no-repeat;background-color:var(--fond)}
.meniu-p .arcana:after{inset:0 0 auto 0;height:0;padding-top:150%;-webkit-mask-image:linear-gradient(180deg,transparent 22%,#000 46%);mask-image:linear-gradient(180deg,transparent 22%,#000 46%)}
.meniu-p .arcana span{overflow-wrap:anywhere}
/* Ecran îngust (telefon cu Zoom afișaj): cardurile stau unul sub altul, cu poza întreagă sus. */
@media (max-width:360px){.arcane.meniu-p{grid-template-columns:minmax(0,1fr);gap:14px}
.meniu-p .arcana{padding:58% 16px 16px;background-position:center 22%}
.meniu-p .arcana:after{padding-top:150%;-webkit-mask-image:linear-gradient(180deg,transparent 26%,#000 40%);mask-image:linear-gradient(180deg,transparent 26%,#000 40%)}
.meniu-p .arcana small{font-size:.9rem;margin-top:5px}h1{font-size:34px}.meniu-p .arcana span{font-size:1.5rem}}
/* Text mărit din telefon (clasa o pune pagina la pornire): o coloană, cardul crește cu textul, poza rămâne sus. */
.text-mare .arcane{grid-template-columns:minmax(0,1fr)}
.text-mare .arcana{aspect-ratio:auto;min-height:0;padding-top:46%;background-position:center 18%}
.text-mare .arcana:after{-webkit-mask-image:linear-gradient(180deg,transparent 12%,#000 44%);mask-image:linear-gradient(180deg,transparent 12%,#000 44%)}
.text-mare .arcana span{overflow-wrap:anywhere}
.lectii{display:grid;gap:8px}
.lectie{display:flex;gap:14px;align-items:center;text-align:left;background:var(--fond);border:0;border-radius:var(--raza);overflow:hidden;padding:0 12px 0 0;color:var(--pe-fond);font:inherit;width:100%;min-height:84px}
.lectie img{width:84px;height:84px;object-fit:cover;flex:none;align-self:stretch}
.lectie b{display:block;font-family:var(--titlu);font-weight:var(--tw);font-style:var(--ts);font-variation-settings:var(--fv);font-size:1.45rem;line-height:1.05;color:var(--acc)}.lectie small{display:block;font-size:.85rem;line-height:1.35;margin-top:4px}
.panou{position:fixed;inset:0;z-index:35;background:var(--panou);color:var(--pe-panou);--pe-fond:var(--pe-panou);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(14px,env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));animation:apare .26s ease-out}.panou>div{max-width:600px;margin:0 auto}
.panou .bloc-ext,.panou .citire{background:var(--fond)}
.erou{display:block;width:calc(100% + 32px);max-width:none;margin:-8px -16px 0;height:44vh;object-fit:cover;object-position:center 22%;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.erou+h1{margin-top:-.7em;position:relative}

.pergament{background:var(--panou);color:var(--pe-panou);padding:24px 20px;margin:12px 0;line-height:1.72;white-space:pre-wrap;font-size:1.05rem}
.pergament:first-letter{font:600 3.4em/.82 var(--titlu);float:left;padding:.08em .1em 0 0;color:var(--acc)}
.sigiliu{display:block;width:130px;margin:6px 0;color:var(--acc)}
.calcule{padding:36px 8px 60px}.calcule svg{width:92px;height:92px;overflow:visible;animation:rotcalc 6s linear infinite}.calcule circle{fill:none;stroke:var(--acc);stroke-width:1;opacity:.55}.calcule .astru{fill:var(--acc);stroke:none;opacity:1}.calcule .doi{opacity:.65}.calcule p{font-style:italic;margin-top:20px;min-height:3em;animation:apare-calc .7s ease-out}@keyframes rotcalc{to{transform:rotate(360deg)}}@keyframes apare-calc{from{opacity:0;transform:translateY(6px)}}

/* Singurul loc pentru mișcare redusă în CSS. JS-ul citește aceeași preferință din Miscare.redusa(). */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.carte.intoarsa:before{opacity:.14}.lupa:active,button:active{transform:none}}