:root{--bg:#15121e;--bg2:#211b29;--paper:#eee1cc;--cream:#f8ebd0;--gold:#deb77b;--gold2:#98754f;--muted:#b9ab9d;--border:#d4ae7545;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--bg);font-family:var(--sans);color:var(--paper);overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:not-allowed}::selection{background:#b18b63;color:#15121e}img{display:block;max-width:100%}#app{position:relative;z-index:1;min-height:calc(100dvh - 180px)}
.cosmos{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 64% 19%,#4729358c 0%,transparent 36%),linear-gradient(167deg,#201820 0%,#17141d 48%,#10121d 100%)}.cosmos-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 17% 75%,#61403529 0%,transparent 38%),radial-gradient(ellipse at 80% 82%,#28384a48 0%,transparent 42%)}.cosmos-stars{position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle,#eed6a1a3 1px,transparent 1.8px),radial-gradient(circle,#fff7d6a1 .7px,transparent 1px);background-size:91px 111px,127px 101px;background-position:17px 26px,59px 35px;animation:starDrift 80s linear infinite}.orbit{border:1px solid #c1a67c11;position:absolute;width:710px;height:710px;border-radius:50%;right:-230px;top:-330px}.orbit-two{width:470px;height:470px;right:-110px;top:-218px}@keyframes starDrift{to{transform:translateY(-111px)}}
.site-shell{max-width:1440px;margin:0 auto;min-height:100dvh;position:relative;padding:0 clamp(18px,5vw,86px) 110px}.site-header{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0ac6c29;position:relative;z-index:5}.brand{display:flex;align-items:center;text-align:left;gap:11px;border:0;color:var(--paper);background:transparent;padding:8px 0}.brand-symbol{font-size:28px;color:var(--gold);font-weight:400;line-height:1}.brand-words{display:flex;flex-direction:column;gap:4px}.brand-words strong{font-size:13px;line-height:1.05;letter-spacing:.14em}.brand-words i{font-style:normal;color:var(--gold)}.brand-words small{font-size:8px;font-weight:700;color:#a48e73;letter-spacing:.18em}.header-right{display:flex;align-items:center;gap:19px}.credits{display:flex;align-items:center;gap:6px;color:var(--gold);border:1px solid #c9a56a55;border-radius:100px;padding:8px 12px;font-size:12px;white-space:nowrap}.credits strong{font-size:13px}.credits-label{color:#e6d3b8}.parent-brand{text-decoration:none;letter-spacing:.14em;font-size:10px;font-weight:800;color:#c2af93}.parent-brand span{font-size:15px;color:var(--gold)}
.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:800;color:var(--gold);line-height:1.7}.button{appearance:none;border:1px solid transparent;min-height:54px;padding:0 23px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.4;text-align:center;transition:transform .2s,background .2s,border-color .2s;max-width:100%;text-decoration:none}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:#e8c68d;color:#201a21;border-color:#e8c68d;box-shadow:0 11px 27px #0003}.button.primary:hover{background:#f4d69e}.button.secondary{background:#201b27b0;color:var(--paper);border-color:#b89d795c}.button.secondary:hover{border-color:#e4be86}.button.disabled{background:#35303c;color:#a8998b;border-color:#685644;width:100%;font-size:10px}.button span{font-size:17px;font-weight:400}.text-link{border:0;color:#dbc292;background:transparent;text-decoration:underline;text-underline-offset:6px;font-size:12px;padding:12px 0}
.hero{min-height:610px;padding:clamp(30px,7vw,85px) 0 65px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:5vw}.hero-copy{position:relative;z-index:2}.star-icon{font-size:15px;margin-right:4px}.hero h1{font-family:var(--serif);font-size:clamp(50px,5.35vw,80px);font-weight:500;line-height:1.09;letter-spacing:-.045em;margin:17px 0 21px}.hero h1 em{font-weight:500;color:#dcb780}.hero h1 span{font-size:.72em;letter-spacing:-.04em}.hero-copy>p{font-size:15px;line-height:1.75;color:#c7b9ac;max-width:455px;margin:0 0 29px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-foot{margin-top:30px;display:flex;flex-wrap:wrap;gap:13px;color:#ae9881;font-size:9px;letter-spacing:.12em;font-weight:700}.hero-visual{height:560px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center}.hero-ring{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e1ad6f26 3%,#d98f5b18 37%,transparent 68%);border:1px solid #cba56b2e;animation:softPulse 8s ease-in-out infinite}.hero-ring:before,.hero-ring:after{content:'';inset:9%;position:absolute;border-radius:50%;border:1px solid #cba56b28}.hero-ring:after{inset:23%;border-color:#cba56b28}.hero-card{position:absolute;left:50%;top:50%;width:min(52%,267px);aspect-ratio:2/3;border:3px solid #b99d6e;border-radius:10px;padding:4px;background:#1b1720;box-shadow:0 30px 55px #000a,0 0 24px #c7a66c1b;overflow:hidden}.hero-card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.hero-left{transform:translate(-100%,-44%) rotate(-17deg);z-index:1;animation:cardHoverLeft 9s ease-in-out infinite}.hero-center{transform:translate(-50%,-49%) rotate(0);z-index:3;animation:cardHoverCenter 7s ease-in-out infinite}.hero-right{transform:translate(0%,-44%) rotate(17deg);z-index:2;animation:cardHoverRight 8s ease-in-out infinite}.hero-sparkle{position:absolute;color:var(--gold);font-size:27px;animation:softPulse 4s infinite}.sparkle-a{left:8%;top:17%}.sparkle-b{right:12%;bottom:19%}@keyframes softPulse{50%{opacity:.55;transform:scale(1.05)}}@keyframes cardHoverLeft{50%{transform:translate(-100%,-47%) rotate(-18deg)}}@keyframes cardHoverCenter{50%{transform:translate(-50%,-52%) rotate(1deg)}}@keyframes cardHoverRight{50%{transform:translate(0%,-48%) rotate(18deg)}}
.features{border-top:1px solid var(--border);padding:40px 0 46px}.section-topline{text-align:center;font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{padding:26px 22px;border:1px solid #cfa26c2a;background:#271e27a8}.feature-symbol{font-family:var(--serif);font-size:31px;color:var(--gold)}.feature-grid h3{font-family:var(--serif);font-weight:500;font-size:23px;margin:11px 0}.feature-grid p{font-size:12px;color:#bcaea2;line-height:1.7;margin:0}.brand-footer{padding:22px 0 5px;border-top:1px solid #cfa26c20;font-size:10px;letter-spacing:.17em;color:#9f907f;display:flex;justify-content:space-between;gap:15px}.brand-footer>a{font-weight:800;color:var(--gold);text-decoration:none}.socials{display:flex;gap:21px}.socials a{color:#bea78a;text-decoration:none}
.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,980px);padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:#17131df5;backdrop-filter:blur(18px);border:1px solid #cba97433;border-bottom:0;border-radius:16px 16px 0 0;display:flex;justify-content:space-evenly;box-shadow:0 -15px 50px #0004}.bottom-nav button{background:transparent;border:0;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:#918477;font-size:10px;min-width:64px;padding:2px 9px}.bottom-nav button.active{color:#e2bd84}.nav-icon{font-size:23px;line-height:1.1}.bottom-nav button.active .nav-icon{filter:drop-shadow(0 0 7px #e2bd8455)}
/* Immersive swipe-deck */
.ritual{text-align:center;min-height:calc(100dvh - 210px);max-width:1000px;margin:0 auto;padding:28px 0 42px;display:flex;flex-direction:column;align-items:center}.ritual-title{z-index:3;position:relative}.ritual-title h2{font:500 clamp(40px,5vw,64px)/1.12 var(--serif);letter-spacing:-.035em;margin:12px 0 10px}.ritual-title h2 em{color:var(--gold);font-weight:500}.ritual-title>p{font-size:13px;color:#cabaaa;max-width:400px;margin:0 auto;line-height:1.6}.ritual-stage{height:clamp(305px,44vh,480px);width:min(100%,910px);margin:13px auto 0;position:relative;isolation:isolate;flex:none}.stage-aura{position:absolute;left:50%;top:49%;width:clamp(260px,63vw,540px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#9d6a4d35,transparent 68%);box-shadow:0 0 75px #b68c4723;pointer-events:none;animation:auraBreath 9s ease-in-out infinite}.stage-orbit{position:absolute;left:50%;top:49%;width:min(87%,560px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #cfad7f28;pointer-events:none}.stage-orbit:before{content:'';position:absolute;inset:13%;border-radius:50%;border:1px solid #cfad7f17}.stage-decor{position:absolute;color:#dbbd8b;opacity:.5;pointer-events:none;font-size:32px;z-index:0}.decor-one{top:12%;left:13%}.decor-two{right:16%;bottom:15%}.stage-shadow{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:min(82%,600px);height:55px;z-index:0;background:radial-gradient(ellipse,#07070ab3,transparent 75%);pointer-events:none}.deck-track{position:relative;z-index:4;inset:0;width:100%;height:100%;perspective:1000px;touch-action:pan-y;user-select:none;cursor:grab;outline-offset:-8px}.deck-track.dragging{cursor:grabbing}.arc-card{width:clamp(124px,24vw,198px);height:auto;aspect-ratio:2/3;position:absolute;top:46%;left:50%;padding:0;background:none;border:none;border-radius:10px;transform-style:preserve-3d;will-change:transform,opacity;transition:filter .18s linear}.arc-card:not(.centered){filter:brightness(.75)}.arc-card.centered{filter:brightness(1.16) drop-shadow(0 9px 20px #c6a26a4f)}.card-back-border{position:absolute;inset:0;border:3px solid #d3ae75;border-radius:10px;background:#201d29;box-shadow:0 24px 40px #000a, inset 0 0 0 3px #231923,inset 0 0 0 7px #84613f;display:block;padding:11px}.card-back-inner{position:relative;inset:0;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;border:1px solid #c4a071;border-radius:5px;background:repeating-linear-gradient(35deg,#d4b17308 0px,#d4b17308 1px,transparent 1px,transparent 13px),radial-gradient(ellipse,#5a3e50 0%,#201b2c 70%)}.back-corner{position:absolute;color:#d5b780;font-size:12px}.top-left{top:10px;left:10px}.top-right{top:10px;right:10px}.bottom-left{bottom:10px;left:10px}.bottom-right{bottom:10px;right:10px}.back-moon{font:38px var(--serif);color:#e4c98d;opacity:.85}.back-seal{color:#edca8e;font-size:45px;text-shadow:0 0 20px #e0ad7871;margin:5px 0 1px}.back-label{font:700 9px/1.5 var(--serif);letter-spacing:.15em;color:#c9ac7c;text-align:center}.ritual-bottom{position:relative;z-index:5;width:100%;margin-top:0;display:flex;align-items:center;flex-direction:column}.drag-hint{display:flex;align-items:center;gap:19px;font-size:10px;letter-spacing:.24em;color:#d1b48b;margin-bottom:18px}.drag-hint span{font-size:18px}.reveal-btn{min-width:244px}.ritual-credits{margin-top:16px;display:flex;gap:24px;color:#ab9884;font-size:10px;letter-spacing:.09em;flex-wrap:wrap;justify-content:center}
@keyframes auraBreath{50%{opacity:.58;filter:blur(6px)}}
.reveal-overlay[hidden]{display:none!important}.overlay-active{overflow:hidden}
/* Reading */
.reading{padding:35px 0 46px;max-width:1060px;margin:auto}.reading-topline{font-size:10px;letter-spacing:.21em;color:var(--gold);text-align:center;margin-bottom:25px}.reading-layout{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:clamp(30px,5vw,75px);align-items:center;justify-content:center}.living-card{width:100%;position:relative;aspect-ratio:2/3;border:3px solid #c8a771;box-shadow:0 25px 55px #0009,0 0 60px #c8a77120;overflow:hidden;border-radius:9px;background:#211924;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s;isolation:isolate}.living-card>img{width:100%;height:100%;object-fit:cover}.card-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.card-atmosphere i{position:absolute;inset:0}.atmo-fog{background:radial-gradient(ellipse at 30% 64%,#fff3c51d,transparent 60%);animation:atmoMove var(--fog-time,8s) ease-in-out infinite alternate}.atmo-stars{background-image:radial-gradient(circle,#ffedb4aa 1px,transparent 2px);background-size:39px 57px;opacity:.12;animation:atmoStar var(--stars-time,12s) linear infinite}.atmo-shine{background:linear-gradient(108deg,transparent 30%,#fff6bf18 49%,transparent 60%);transform:translateX(-115%);animation:atmoSweep var(--shine-time,8s) ease-in-out infinite}.category-music .atmo-fog{background:radial-gradient(circle at 36% 48%,#ec4d8640,transparent 60%),radial-gradient(circle at 80% 25%,#25b6e838,transparent 50%);animation-duration:6s}.category-history .atmo-fog{background:linear-gradient(120deg,transparent,#edc77f28,transparent);animation-duration:13s}.category-culture .atmo-fog{background:radial-gradient(circle at 38% 52%,#e6a75c22,transparent 60%)}.effect-asado .atmo-fog,.effect-tortafrita .atmo-fog,.effect-choripan .atmo-fog{background:radial-gradient(ellipse at 50% 48%,#fff9d04d,transparent 60%);animation-duration:5s}.effect-cerati .atmo-stars,.effect-charly .atmo-stars{opacity:.3;animation-duration:5s}.effect-pogo .atmo-fog,.effect-renga .atmo-fog{background:radial-gradient(circle,#ff343447,transparent 64%);animation-duration:3s}.effect-aplanadora .atmo-fog{background:radial-gradient(ellipse at 50% 60%,#65aed129,transparent 59%);animation-duration:7s}.effect-cancha .atmo-stars{opacity:.31;animation-duration:4s}.gold-card{border-color:#f5d887;box-shadow:0 0 18px #ffeea4a9,0 0 60px #c8954d60,0 30px 60px #0009}.gold-atmosphere:after{content:'';position:absolute;inset:-40%;background:conic-gradient(transparent 0deg,#f8e5a63f 60deg,transparent 110deg,transparent 200deg,#fae6a04e 252deg,transparent 300deg);animation:goldSpin 10s linear infinite}.reading-content h2{font:500 clamp(41px,5vw,61px)/1.1 var(--serif);margin:8px 0 14px;letter-spacing:-.03em}.reading-words{font-size:11px;color:#c6aa88;font-weight:800;letter-spacing:.14em}.reading-content blockquote{margin:26px 0 16px;border-left:2px solid var(--gold);padding:3px 0 3px 21px;font:500 clamp(23px,2.8vw,31px)/1.36 var(--serif)}.reading-advice{font-size:13px;line-height:1.7;color:#c3b4a5;margin:24px 0}.reading-advice strong{display:block;color:var(--gold);letter-spacing:.13em;font-size:10px;margin-bottom:6px}.gold-note{font-size:10px;letter-spacing:.12em;font-weight:800;color:#f3da8f;margin-bottom:15px}.weekly-reading{background:linear-gradient(139deg,#3a2937aa,#241f2bdf);border:1px solid #d7af7d57;border-radius:8px;padding:19px 20px;margin:20px 0}.weekly-kicker{color:var(--gold);font-size:10px;letter-spacing:.15em;font-weight:800}.weekly-reading h3{font:500 22px var(--serif);margin:10px 0 3px}.weekly-reading p{font-size:14px;line-height:1.6;margin:0 0 8px}.weekly-reading span{font-size:11px;color:#ab9b8e}.reading-actions{display:flex;gap:9px;flex-wrap:wrap}.reading-actions .button{flex:1}.reading-content>.text-link{margin-top:10px}
@keyframes atmoMove{to{transform:translate(8%,-6%) scale(1.08)}}@keyframes atmoStar{to{background-position:40px -55px}}@keyframes atmoSweep{0%,38%{transform:translateX(-110%)}69%,100%{transform:translateX(110%)}}@keyframes goldSpin{to{transform:rotate(360deg)}}
/* Collection & profile */
.section-heading{padding:37px 0 10px}.section-heading h2{font:500 clamp(39px,5.5vw,65px) var(--serif);letter-spacing:-.04em;margin:6px 0 12px}.punctuation{color:var(--gold)}.section-heading p{color:#bbada0;font-size:14px;line-height:1.7;max-width:690px;margin:0}.collection-progress{display:flex;align-items:center;gap:21px;background:#24202aaf;border:1px solid #d4ae7536;padding:20px 24px;margin:25px 0 24px;border-radius:10px;flex-wrap:wrap}.collection-progress>div:first-child{display:flex;flex-direction:column;gap:4px}.collection-progress span{font-size:10px;color:#a99a8b;letter-spacing:.12em}.collection-progress strong{font:500 37px var(--serif)}.collection-progress strong small{font-size:19px;color:#978b7d}.progress-track{height:7px;border-radius:30px;background:#4a3c43;flex:1;min-width:110px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#9d694b,#f1cb90);border-radius:30px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding:4px 1px 15px;scrollbar-width:none}.filter-chip{white-space:nowrap;background:#25202b;border:1px solid #b79b7752;color:#cfbda6;padding:10px 15px;font-size:11px;border-radius:100px}.filter-chip.current{background:#e2c28c;color:#271c21;border-color:#e2c28c;font-weight:800}.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 13px}.collection-card{padding:0;background:#211c27;border:1px solid #917b5d67;border-radius:8px;color:var(--paper);overflow:hidden;text-align:left;transition:transform .2s,border .2s;min-width:0}.collection-card.discovered:hover{transform:translateY(-5px);border-color:var(--gold)}.collection-thumb{aspect-ratio:2/3;position:relative;background:#1b1720;overflow:hidden}.collection-thumb img{width:100%;height:100%;object-fit:cover}.collection-card.locked img{filter:blur(8px) grayscale(.9) brightness(.13);transform:scale(1.05)}.collection-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d0ac77;font:40px var(--serif)}.collection-lock small{font:800 8px var(--sans);color:#c9b79d;letter-spacing:.13em;margin-top:8px}.gold-badge{position:absolute;top:7px;right:7px;font-size:8px;background:#eed69b;color:#23141b;border-radius:2px;padding:5px;font-weight:800}.collection-info{min-height:61px;padding:11px 10px 10px}.collection-info strong{display:block;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collection-info span{display:block;font-size:10px;color:#aa9886;margin-top:6px}.collection-footnote{font-size:12px;color:#a79786;line-height:1.7;margin:27px 0 0}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 24px}.profile-stats>div{background:#26202b;border:1px solid #c5a07545;padding:19px;border-radius:7px}.profile-stats span{font-size:10px;color:#c9ad8e;letter-spacing:.11em;line-height:1.5}.profile-stats strong{display:block;font:500 38px var(--serif);margin-top:10px}.profile-stats strong small{font-size:18px;color:#958a7f}.purchase-panel{background:linear-gradient(110deg,#35232d,#1e1a24);border:1px solid #caa97667;border-radius:10px;padding:27px;margin-bottom:32px;max-width:680px}.purchase-panel h3{font:500 34px var(--serif);margin:10px 0 0}.purchase-price{font:500 38px var(--serif);color:var(--gold);margin:12px 0}.purchase-price span{font:700 12px var(--sans);letter-spacing:.12em}.purchase-panel p{color:#c3b4a4;line-height:1.65;font-size:13px}.profile-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-bottom h3{font:500 25px var(--serif);margin:0 0 12px}.profile-bottom p{font-size:13px;color:#c0ae9d;line-height:1.7}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:8px;background:#28222eb5;color:#eee2d1;border:1px solid #b2957440;border-radius:5px}.history-item img{width:37px;height:55px;object-fit:cover}.history-item span{flex:1;font-weight:700;font-size:12px}.history-item small{display:block;color:#b2a296;margin-top:5px;font-size:10px;font-weight:400}.history-item b{color:var(--gold)}.settings-box{padding:4px 0}.warning-link{color:#c99b91;text-align:left}.profile-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.profile-social a{color:var(--gold);font-size:11px;text-decoration:none;font-weight:700}
#toast{position:fixed;z-index:150;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%,20px);padding:13px 19px;background:#eed5aa;color:#241c22;border-radius:6px;box-shadow:0 15px 40px #0008;font-size:12px;max-width:calc(100vw - 35px);text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.site-shell{padding-left:26px;padding-right:26px}.hero{grid-template-columns:1fr 1fr;gap:18px}.hero h1{font-size:clamp(43px,5.7vw,64px)}.hero-visual{height:440px}.hero-card{width:55%}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-layout{gap:25px;grid-template-columns:minmax(0,340px) minmax(0,1fr)}}
@media(max-width:700px){.site-shell{padding:0 19px calc(95px + env(safe-area-inset-bottom))}.site-header{height:74px}.brand-symbol{font-size:24px}.brand-words strong{font-size:11px}.brand-words small{font-size:7px}.header-right{gap:9px}.parent-brand{display:none}.credits{padding:8px 10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:40px 0 30px;min-height:0}.hero-copy{text-align:left}.hero h1{font-size:clamp(44px,11vw,65px);margin:14px 0 18px}.hero h1 span{font-size:.72em}.hero-copy>p{font-size:14px;margin-bottom:23px}.hero-actions .button{min-height:51px}.hero-visual{height:380px;width:100%;max-width:450px;margin:14px auto 0}.hero-card{width:46%;max-width:200px}.hero-foot{font-size:9px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{padding:20px}.brand-footer{flex-direction:column;gap:10px}.ritual{min-height:calc(100dvh - 176px);padding-top:22px}.ritual-title h2{font-size:clamp(38px,9vw,56px)}.ritual-title>p{max-width:310px;font-size:12px}.ritual-stage{height:clamp(310px,45dvh,420px);margin-top:1px}.arc-card{width:clamp(120px,31vw,156px)}.ritual-bottom{margin-top:-10px}.drag-hint{font-size:9px;margin-bottom:14px}.ritual-credits{font-size:9px}.reading{padding-top:28px}.reading-layout{grid-template-columns:1fr;gap:22px}.living-card{width:min(100%,315px);margin:auto}.reading-content h2{font-size:43px}.reading-content blockquote{font-size:25px;margin:20px 0 12px}.weekly-reading{padding:17px}.reading-actions .button{min-width:150px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-bottom{grid-template-columns:1fr}.collection-progress{gap:12px}.section-heading{padding-top:30px}.section-heading h2{font-size:46px}}
@media(max-width:380px){.site-shell{padding-left:13px;padding-right:13px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{height:333px}.ritual-title h2{font-size:37px}.ritual-stage{height:300px}.arc-card{width:118px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav button{min-width:55px}.ritual-credits{gap:7px;flex-direction:column}.reading-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.living-card{transform:none!important}.hero-card.hero-left{transform:translate(-100%,-44%) rotate(-17deg)}.hero-card.hero-center{transform:translate(-50%,-49%)}.hero-card.hero-right{transform:translate(0%,-44%) rotate(17deg)}.reveal-overlay.run .reveal-flip{transform:scale(1)!important}}

/* Card-specific ambient treatment. Each illustration has deterministic timing/location. */
.card-atmosphere .atmo-fog{background-position:var(--light-x,40%) var(--light-y,50%)}
.effect-mate .atmo-fog,.effect-sobremesa .atmo-fog{background:radial-gradient(ellipse at 52% 44%,#eecb9852,transparent 55%);animation-duration:9s}
.effect-alfajores .atmo-fog,.effect-gilda .atmo-fog{background:radial-gradient(circle at 44% 58%,#ffbe8977,transparent 60%)}
.effect-peña .atmo-fog,.effect-pena .atmo-fog{background:linear-gradient(160deg,#638cad26,transparent 44%,#ecbf6a18)}
.effect-moreno .atmo-fog,.effect-mariquita .atmo-fog{background:radial-gradient(ellipse at 75% 34%,#f7da9569,transparent 62%)}
.effect-barassi .atmo-shine,.effect-betular .atmo-shine{animation-duration:11s}
.effect-potro .atmo-fog,.effect-laone .atmo-fog{background:radial-gradient(ellipse at 22% 38%,#e3477745,transparent 50%),radial-gradient(ellipse at 85% 60%,#41acff3c,transparent 50%)}
.effect-guemes .atmo-fog,.effect-azurduy .atmo-fog{background:linear-gradient(160deg,transparent,#dc814544,transparent)}
.effect-wandayzaira .atmo-stars,.effect-diego .atmo-stars{opacity:.28}
.effect-fuseneco .atmo-fog,.effect-carpincho .atmo-fog{background:radial-gradient(circle at 60% 40%,#83ae9866,transparent 61%)}


/* =====================================================================
   ORÁCULO ARGENTO 5.1 · Ajustes mobile, revelación y acciones
   Se mantienen intactos los artes de todas las cartas.
   ===================================================================== */
html, body { overflow-x: clip; max-width: 100%; }
.site-shell, #app { min-width: 0; }
/* Las trece cartas del carrusel se desplazan fuera de su escenario;
   recortarlas impide ensanchar el viewport y descentrar el modal fijo. */
.ritual-stage { overflow: hidden; overflow: clip; width: 100%; max-width: 100%; }
.ritual { width: 100%; min-width: 0; }
.ritual-title { max-width: 100%; }

/* Entrada de la lectura tras dar vuelta la carta. */
.reading { animation: readingFadeV51 .72s ease-out both; }
.reading .living-card { animation: readingCardV51 .72s cubic-bezier(.2,.7,.25,1) both; }
@keyframes readingFadeV51 { from { opacity: .2; } to { opacity: 1; } }
@keyframes readingCardV51 { from { opacity: .55; filter: brightness(1.25); } to { opacity: 1; filter: brightness(1); } }
/* Compartir y otra tirada comparten un mismo renglón. */
.reading-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 9px; align-items: stretch; }
.reading-actions .button {
  min-width: 0;
  width: 100%;
  min-height: 52px;
  height: 52px;
  padding: 0 10px;
  gap: 5px;
  white-space: nowrap;
  font-size: 10px;
  letter-spacing: .055em;
  flex: none;
}
.reading-actions .button .action-label { font-size: inherit; font-weight: 800; white-space: nowrap; }
.reading-actions .button .action-arrow { font-size: 16px; line-height: 1; flex: none; }
@media (max-width: 700px) {
  .site-shell { overflow-x: clip; }
  .hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 0 32px;
    gap: 0;
  }
  .hero-copy { width: 100%; max-width: 520px; margin: 0 auto; text-align: center; }
  .hero-copy > p { margin-left: auto; margin-right: auto; max-width: 360px; text-align: center; }
  .hero .eyebrow { text-align: center; }
  .hero h1 { margin: 12px auto 17px; font-size: clamp(41px, 10.3vw, 58px); text-align: center; }
  .hero-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 9px; }
  .hero-actions .button { justify-content: center; }
  .hero-foot { display: flex; justify-content: center; text-align: center; margin: 22px auto 0; gap: 10px; }
  .hero-visual { height: clamp(240px, 75vw, 315px); max-width: 420px; margin: 6px auto 0; }
  .hero-card { width: min(45%, 168px); }
  .ritual-title, .ritual-title > p { text-align: center; margin-left: auto; margin-right: auto; }
  .reading-actions { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .reading-actions .button { min-width: 0; font-size: 9px; letter-spacing: .035em; padding: 0 7px; }
}
@media (max-width: 380px) {
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: min(100%, 280px); }
  .hero-foot { flex-direction: row; flex-wrap: wrap; }
  .reading-actions { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 7px; }
  .reading-actions .button { font-size: 8.5px; padding: 0 5px; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-overlay.run .reveal-flip { animation: none !important; transform: scale(1) !important; }
  .reveal-overlay.flash .reveal-burst, .reveal-overlay.flash::after { animation: none !important; }
  .reading, .reading .living-card { animation: none !important; }
}
/* Single explicit grid cell prevents intrinsic effect sizes expanding the reveal canvas. */
.reveal-overlay { grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); }

/* =====================================================================
   ORÁCULO ARGENTO V5.2 · Microinteracciones y rendimiento móvil
   ===================================================================== */
/* Flechas gemelas SVG: la derecha es el espejo exacto de la izquierda. */
.drag-hint {
  display: grid;
  grid-template-columns: 22px auto 22px;
  align-items: center;
  justify-content: center;
  column-gap: 12px;
  line-height: 1;
  min-height: 24px;
  white-space: nowrap;
  margin-inline: auto;
}
.drag-hint-label { display: block; font: 700 10px/1.2 var(--sans); letter-spacing: .20em; }
.drag-arrow-holder { display: grid; place-items: center; width: 22px; height: 22px; }
.drag-arrow-holder.right .drag-arrow { transform: scaleX(-1); }
.drag-arrow { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 700px) { .drag-hint-label { font-size: 9px; } .drag-hint { column-gap: 10px; } }

/* Misma familia tipográfica que el contador de tiradas del header. */
.collection-progress strong,
.profile-stats strong {
  font-family: var(--sans);
  font-size: 35px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums lining-nums;
}
.collection-progress strong small,
.profile-stats strong small {
  font-family: var(--sans);
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.025em;
}


/* =====================================================================
   ORÁCULO ARGENTO V5.5 — la misma animación sencilla con un breve suspenso.
   Las 51 ilustraciones, mazo infinito y colección permanecen intactos.
   ===================================================================== */
.hero .hero-headline {
  font-family:var(--sans);font-weight:700;font-style:normal;
  font-size:clamp(39px,4.25vw,64px);letter-spacing:-.055em;
  line-height:1.14;color:#f4e7d7;margin:16px 0 24px;
  text-wrap:balance;
}
.hero .hero-headline .hero-accent {font:inherit;color:#dfb580;}
@media (max-width:700px){
  .hero .hero-headline {
    font-size:clamp(29px,8.8vw,42px);line-height:1.16;
    margin:14px auto 20px;text-align:center;
    letter-spacing:-.045em;
  }
}
/* Shared numerical UI face — leave typography printed on the cards untouched. */
.credits, .credits strong, .ritual-credits, .hero-foot,
.collection-progress strong, .collection-progress strong small,
.profile-stats strong, .profile-stats strong small,
.collection-progress > span, .collection-info span,
.purchase-price, .purchase-price span, .gold-note, .history-item small {
  font-family:var(--sans)!important;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:'lnum' 1,'tnum' 1;
}
/* The image reveal is now two flat faces crossfading. This removes every
   mobile-specific 3D edge case (mirroring, dropped frames, off-center pivots). */
.reveal-overlay {
  position:fixed;inset:0;width:100%;height:100dvh;max-width:100vw;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);
  place-items:center;overflow:hidden;isolation:isolate;
  perspective:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  background:#130f1c;opacity:1;visibility:visible;
  transition:opacity .24s ease,visibility .24s ease;
}
.reveal-overlay.exit{opacity:0;visibility:hidden;pointer-events:none;}
.reveal-overlay .reveal-flip,
.reveal-overlay .reveal-aura,
.reveal-overlay .reveal-burst {
  grid-area:1/1;justify-self:center;align-self:center;
}
.reveal-overlay .reveal-flip {
  position:relative;width:min(68vw,280px,calc(68dvh * 2 / 3));
  aspect-ratio:2/3;margin:0;transform:scale(.86);opacity:0;
  transform-origin:center center;transform-style:flat;
  backface-visibility:visible;-webkit-backface-visibility:visible;
  filter:none;will-change:transform,opacity;
}
.reveal-overlay.run .reveal-flip {
  animation:simpleRevealV55 2.2s cubic-bezier(.22,.75,.25,1) both;
}
.reveal-overlay .reveal-back,
.reveal-overlay .reveal-front {
  position:absolute;inset:0;transform:none!important;
  backface-visibility:visible;-webkit-backface-visibility:visible;
  border:3px solid #d6b27c;border-radius:10px;
  overflow:hidden;box-shadow:0 20px 48px #0008;
}
.reveal-overlay .reveal-back{
  background:radial-gradient(ellipse,#604057,#1a1724);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;color:var(--gold);font-family:var(--serif);
}
.reveal-overlay .reveal-back strong{font-size:clamp(70px,19vw,96px);line-height:1;}
.reveal-overlay .reveal-back span{font-size:35px;line-height:1;}
.reveal-overlay .reveal-front{opacity:0;}
.reveal-overlay .reveal-front img{width:100%;height:100%;object-fit:cover;display:block;}
.reveal-overlay.run .reveal-back{animation:hideBackV55 2.2s linear both;}
.reveal-overlay.run .reveal-front{animation:showFrontV55 2.2s linear both;}
.reveal-overlay .reveal-aura{
  position:relative;pointer-events:none;width:min(92vw,440px);
  aspect-ratio:1;opacity:.20;transform:none;filter:none;
  background:radial-gradient(circle,#dfb07730,transparent 64%);
}
.reveal-overlay .reveal-burst{display:none!important;}
.reveal-overlay.flash::after{display:none!important;}
.reveal-overlay.gold .reveal-front{box-shadow:0 0 32px #f2ca8180,0 20px 48px #0008;}
/* A soft, controlled pause builds anticipation while keeping the approved flat transition. */
.reveal-overlay.run .reveal-aura{animation:revealAuraV55 2.2s ease-in-out both;}
@keyframes simpleRevealV55{
  0%{opacity:0;transform:scale(.90)}
  15%{opacity:1;transform:scale(.985)}
  34%{opacity:1;transform:scale(.99)}
  51%{opacity:1;transform:scale(1.018)}
  80%{opacity:1;transform:scale(1.025)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes hideBackV55{
  0%,49%{opacity:1}
  78%,100%{opacity:0}
}
@keyframes showFrontV55{
  0%,49%{opacity:0}
  78%,100%{opacity:1}
}
@keyframes revealAuraV55{
  0%{opacity:.13;transform:scale(.86)}
  35%{opacity:.22;transform:scale(1)}
  57%{opacity:.35;transform:scale(1.08)}
  100%{opacity:.20;transform:scale(1)}
}
/* Make only the leading numeral match all other interface counters. */
.purchase-panel h3 .purchase-quantity{
  font-family:var(--sans);font-size:.91em;font-weight:700;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:'lnum' 1,'tnum' 1;
  letter-spacing:-.035em;
}
body.overlay-active #app,
body.overlay-active .site-header,
body.overlay-active .bottom-nav,
body.overlay-active .cosmos{visibility:hidden;}
body.overlay-active .reveal-overlay{visibility:visible;}
@media(max-width:700px){
  .reveal-overlay .reveal-flip{width:min(68vw,280px,calc(68dvh * 2 / 3));}
}
@media(prefers-reduced-motion:reduce){
  .reveal-overlay.run .reveal-flip{animation:none!important;transform:scale(1)!important;opacity:1!important;}
  .reveal-overlay.run .reveal-front{animation:none!important;opacity:1!important;}
  .reveal-overlay.run .reveal-aura{animation:none!important;}
  .reveal-overlay.run .reveal-back{animation:none!important;opacity:0!important;}
}


/* ORÁCULO ARGENTO V5.6 · primeras animaciones ambientales, sin tocar la revelación V5.5 */
/* La animación de revelación previa (simpleRevealV55) se conserva idéntica. */
.header-right .credits{white-space:nowrap}
.header-right .credits strong{font-size:16px;line-height:1}
.site-shell .credits-label{text-transform:uppercase;font-size:9px;letter-spacing:.09em}
.support-panel{
  margin:23px 0 28px;padding:23px 24px 22px;
  border:1px solid #caa97758;border-radius:12px;
  background:radial-gradient(circle at 92% 2%,#d8a96b16,transparent 52%),linear-gradient(125deg,#312631,#221e2b);
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
}
.support-overline{font:800 9px/1.5 var(--sans);letter-spacing:.2em;color:#d6b98c}
.support-panel h3{margin:0;font:600 clamp(24px,3vw,31px)/1.2 var(--serif);letter-spacing:-.02em;color:#f2dfc5}
.support-panel p{font-size:13px;line-height:1.6;color:#cabbad;margin:0;max-width:440px}
.support-panel small{font-size:10px;color:#aea094;line-height:1.5}
.support-button{background:#e4c291;color:#201a23;text-decoration:none;display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:42px;max-width:100%;font:800 10px/1.4 var(--sans);letter-spacing:.08em;padding:12px 16px;border-radius:4px;transition:background .2s, transform .2s}
.support-button:hover{background:#f4d9af;transform:translateY(-2px)}
.support-link-pending{font:800 10px/1.5 var(--sans);letter-spacing:.09em;color:#e4c291;border:1px solid #bd9f7655;border-radius:4px;padding:11px 13px;background:#eac99408}
.support-mini{min-height:auto;padding:0;border:0;background:transparent!important;font-size:10px!important;color:#d8b787!important;letter-spacing:.08em!important}
.brand-footer .socials{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.brand-footer .socials .support-link-pending{font-size:9px;padding:4px 6px}
.motion-setting{display:flex;align-items:flex-start;gap:12px;background:#2c2531;border:1px solid #b49b7854;padding:15px 14px;border-radius:8px;margin:14px 0 19px;font-size:12px;font-weight:700;color:#eadcc9}
.motion-setting input{accent-color:#d9b782;width:18px;height:18px;flex:none;margin:1px 0 0}
.motion-setting span small{display:block;color:#b5a594;font-size:11px;font-weight:400;line-height:1.6;margin-top:4px}
.profile-stats strong,.profile-stats strong small{font-family:var(--sans)!important;font-variant-numeric:tabular-nums}
/* Todas las cartas son imágenes planas. Estos efectos viven ENCIMA de la ilustración. */
.card-atmosphere{mix-blend-mode:screen;contain:layout paint;transform:translateZ(0)}
.card-atmosphere .vfx-lights,.card-atmosphere .vfx-motes{position:absolute;inset:0;pointer-events:none;display:block}
.vfx-lights{opacity:0;transition:opacity .5s}
.vfx-mote{position:absolute;left:var(--mx);bottom:8%;width:var(--size);height:var(--size);background:#ffe5a3;border-radius:50%;opacity:0;animation:vfxFloat var(--dur,6s) linear var(--delay,0s) infinite;will-change:transform,opacity}
@keyframes vfxFloat{0%{transform:translate3d(-8px,25px,0);opacity:0}18%{opacity:.78}65%{opacity:.58}100%{transform:translate3d(14px,-290px,0);opacity:0}}
.preset-embers .vfx-mote{background:#ffaf51;box-shadow:0 0 6px #ff683899}
.preset-embers .vfx-lights{opacity:.5;background:radial-gradient(ellipse 50% 18% at 50% 91%,#ff5f155a,transparent 90%);animation:vfxFireGlow 4.5s ease-in-out infinite alternate}
@keyframes vfxFireGlow{to{opacity:.2;transform:scaleX(.92)}}
.preset-cosmic .vfx-mote{background:#b8eeff;box-shadow:0 0 8px #b3dfffbb;animation-name:vfxTwinkle;animation-duration:var(--dur)}
@keyframes vfxTwinkle{0%,100%{transform:translate3d(0,0,0) scale(.7);opacity:0}35%{transform:translate3d(5px,-10px,0) scale(1);opacity:.8}65%{transform:translate3d(-5px,-23px,0) scale(.6);opacity:.12}}
.preset-cosmic .vfx-lights{opacity:.24;background:radial-gradient(circle at 35% 28%,#40a5ff55,transparent 38%),radial-gradient(circle at 75% 60%,#ffad6b44,transparent 40%);animation:vfxBreath 8s ease-in-out infinite alternate}
@keyframes vfxBreath{to{opacity:.12;transform:scale(1.035)}}
.preset-stage .vfx-mote{background:#ffb4a2;animation-name:vfxTwinkle}
.preset-stage .vfx-lights{opacity:.25;background:linear-gradient(120deg,transparent 25%,#7fd6ff55 48%,transparent 55%);transform:translate3d(-90%,0,0);animation:vfxSpotlight 10s ease-in-out infinite}
@keyframes vfxSpotlight{0%,30%{transform:translate3d(-90%,0,0)}72%,100%{transform:translate3d(90%,0,0)}}
.preset-steam .vfx-mote{background:#fff4d5;animation-duration:calc(var(--dur)*1.45);opacity:.4;box-shadow:0 0 4px #f2e0c880}
.preset-steam .vfx-lights{opacity:.16;background:radial-gradient(ellipse 33% 70% at 58% 51%,#fff5dc77,transparent);animation:vfxBreath 9s ease-in-out infinite alternate}
.preset-parchment .vfx-mote{background:#fbe0a0;animation-name:vfxTwinkle;box-shadow:0 0 5px #f5d8ad5e}
.preset-parchment .vfx-lights{opacity:.18;background:linear-gradient(112deg,transparent 20%,#e9c78580 42%,transparent 58%);transform:translate3d(-95%,0,0);animation:vfxSpotlight 13s ease-in-out infinite}
.preset-comic .vfx-mote{background:#a4d6ff;animation-name:vfxTwinkle}
.preset-comic .vfx-lights{opacity:.18;background:radial-gradient(circle at 50% 40%,#fcba6b4a,transparent 62%);animation:vfxBreath 8s ease-in-out infinite alternate}
.gold-card{border-color:#f1d181;box-shadow:0 0 0 1px #fff0b15c,0 0 27px #e7bc708c,0 22px 50px #0009}
/* Respeta la preferencia del usuario y del sistema; no detiene el mazo táctil. */
.motion-off .card-atmosphere *,.motion-off .card-atmosphere::after,.motion-off .gold-atmosphere:after,.motion-off .living-card,.motion-off .living-card *{animation:none!important;transition:none!important}
.motion-off .card-atmosphere .vfx-mote{opacity:0!important}
.motion-off .card-atmosphere .vfx-lights{opacity:.09!important}
@media(max-width:700px){
 .support-panel{padding:18px 17px 20px;align-items:stretch}
 .support-panel h3{font-size:25px}
 .support-panel .support-button{width:100%}
 .card-atmosphere .vfx-mote:nth-child(n+5){display:none}
 .reading-content .support-panel{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
 .card-atmosphere *, .card-atmosphere::after{animation:none!important;transition:none!important}
 .card-atmosphere .vfx-mote{display:none!important}
}


/* =====================================================================
   ORÁCULO ARGENTO V5.7 — 3 PILOT CARDS / HEARTHSTONE-INSPIRED LIFE
   All elements are lightweight DOM overlays, never modifications to art.
   Mobile and desktop use the same choreography. The original reveal
   transition is deliberately unchanged.
   ===================================================================== */
.pilot-vfx{
 position:absolute;inset:0;display:block;overflow:hidden;
 pointer-events:none;isolation:isolate;
}
.pilot-vfx > span{position:absolute;pointer-events:none;display:block;}
/* Concert — two individually breathing beams follow existing stage lighting. */
.pilot-concert .pilot-cone{
 top:12%;height:47%;width:58%;opacity:.12;
 transform-origin:50% 0%;
 background:linear-gradient(180deg,rgba(202,232,255,.4),rgba(78,183,243,.20) 40%,rgba(25,164,241,0));
 clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);
 will-change:transform,opacity;
}
.pilot-concert .cone-left{left:-8%;animation:concertConeLeft 6.5s ease-in-out infinite alternate}
.pilot-concert .cone-right{right:-8%;animation:concertConeRight 7.7s ease-in-out infinite alternate}
.pilot-concert .pilot-concert-glow{
 inset:3% 3% 40%;
 background:radial-gradient(ellipse 36% 40% at 17% 32%,#b8efff39,transparent 95%),radial-gradient(ellipse 32% 40% at 82% 33%,#c0e5ff30,transparent 95%);
 opacity:.24;animation:concertBreath 7s ease-in-out infinite alternate;
}
.pilot-concert .pilot-spot{
 top:17%;width:10%;height:5%;border-radius:50%;
 background:radial-gradient(circle,#fbf9e6b0,rgba(190,237,255,.14) 35%,transparent 76%);
 animation:concertSpot 5.6s ease-in-out infinite;
}
.pilot-concert .spot-left{left:19%}.pilot-concert .spot-right{right:19%;animation-delay:-2.9s}
.pilot-concert .pilot-crowd-light{
 top:42%;left:3%;width:94%;height:24%;
 background:radial-gradient(ellipse 46% 46% at 50% 78%,#fc243a36,transparent 100%);
 opacity:.2;animation:concertCrowd 4s ease-in-out infinite alternate;
}
.pilot-sparkle{
 left:var(--px);top:var(--py);width:3px;height:3px;border-radius:50%;
 background:#e6f5ff;box-shadow:0 0 4px 1px #bde9ff94;
 opacity:0;animation:pilotBlink 5.4s ease-in-out var(--delay) infinite;
}
@keyframes concertConeLeft{from{transform:rotate(-8deg);opacity:.10}to{transform:rotate(11deg);opacity:.24}}
@keyframes concertConeRight{from{transform:rotate(12deg);opacity:.24}to{transform:rotate(-12deg);opacity:.09}}
@keyframes concertBreath{to{opacity:.42}}
@keyframes concertSpot{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:.8;transform:scale(1.18)}}
@keyframes concertCrowd{to{opacity:.56}}
@keyframes pilotBlink{0%,28%,100%{opacity:0;transform:scale(.65)}34%,41%{opacity:.9;transform:scale(1.4)}48%{opacity:.12;transform:scale(.8)}}
/* Cerati — airy nebula and two fine orbits around the existing halo. */
.pilot-cerati .pilot-cosmos-breath{
 inset:4% 3% 36%;
 background:radial-gradient(circle at 52% 30%,#5dc8ff16,transparent 53%);
 opacity:.3;animation:ceratiBreath 7s ease-in-out infinite alternate;
}
.pilot-cerati .pilot-orbit{
 left:15%;top:20%;width:71%;height:27%;border-radius:50%;
 border:1px solid rgba(160,219,254,.33);
 transform:rotate(-14deg);will-change:opacity,transform;
}
.pilot-cerati .pilot-orbit-a{animation:ceratiOrbitA 11s ease-in-out infinite alternate}
.pilot-cerati .pilot-orbit-b{
 left:22%;top:24%;width:59%;height:18%;border-color:rgba(255,196,146,.22);
 transform:rotate(18deg);animation:ceratiOrbitB 13s ease-in-out infinite alternate;
}
.pilot-cerati .pilot-nebula{top:12%;width:32%;height:50%;opacity:.18;will-change:transform,opacity}
.pilot-cerati .nebula-left{left:-5%;background:radial-gradient(ellipse,#2ad0ff66,transparent 70%);animation:ceratiNebula 7.8s ease-in-out infinite alternate}
.pilot-cerati .nebula-right{right:-7%;background:radial-gradient(ellipse,#ff62aa44,transparent 70%);animation:ceratiNebula 9.6s ease-in-out -4s infinite alternate-reverse}
.pilot-cerati .pilot-star{
 left:var(--px);top:var(--py);width:var(--s);height:var(--s);
 background:#fff2cd;box-shadow:0 0 5px #f8e5bb91;
 border-radius:50%;opacity:0;animation:ceratiStar 4.8s ease-in-out var(--delay) infinite;
}
@keyframes ceratiBreath{to{transform:scale(1.08);opacity:.65}}
@keyframes ceratiOrbitA{from{transform:rotate(-19deg) scale(.98);opacity:.22}to{transform:rotate(-7deg) scale(1.02);opacity:.6}}
@keyframes ceratiOrbitB{from{transform:rotate(13deg);opacity:.35}to{transform:rotate(26deg);opacity:.1}}
@keyframes ceratiNebula{to{transform:translate3d(13px,-9px,0) scale(1.07);opacity:.37}}
@keyframes ceratiStar{0%,25%,100%{opacity:0;transform:scale(.5)}37%{opacity:.9;transform:scale(1.35)}58%{opacity:.22;transform:scale(.85)}}
/* Asado — three illustrated smoke ribbons and small rising embers, restricted
   to the grill photo (top half), never obscuring the prediction text. */
.pilot-asado .pilot-coal-glow{
 top:31%;left:5%;width:91%;height:24%;
 background:radial-gradient(ellipse at 40% 80%,rgba(255,95,27,.22),transparent 66%);
 animation:coalPulse 5s ease-in-out infinite alternate;opacity:.3;
}
.pilot-asado .pilot-smoke{
 top:8%;height:35%;width:12%;opacity:0;
 transform-origin:50% 100%;will-change:opacity,transform;
 animation:asadoSmoke var(--smoke-time,6.6s) ease-in-out var(--smoke-delay,0s) infinite;
}
.pilot-asado .pilot-smoke svg{display:block;width:100%;height:100%;overflow:visible}
.pilot-asado .pilot-smoke path{fill:none;stroke:#fff8e3;stroke-width:4.8;stroke-linecap:round;opacity:.44}
.pilot-asado .smoke-one{left:15%;--smoke-time:6.7s;--smoke-delay:-1.3s}
.pilot-asado .smoke-two{left:28%;--smoke-time:7.5s;--smoke-delay:-3.6s}
.pilot-asado .smoke-three{left:40%;--smoke-time:8.2s;--smoke-delay:-5.1s}
.pilot-asado .pilot-ember{
 left:var(--px);top:var(--py);height:3px;width:3px;
 border-radius:50%;background:#ffb65f;box-shadow:0 0 5px #ff843daf;
 opacity:0;animation:asadoEmber var(--dur) ease-out var(--delay) infinite;
}
@keyframes coalPulse{to{opacity:.66;transform:scale(1.035)}}
@keyframes asadoSmoke{
 0%{opacity:0;transform:translate3d(0,11px,0) scale(.9)}
 23%{opacity:.33}
 72%{opacity:.19}
 100%{opacity:0;transform:translate3d(13px,-18px,0) scale(1.16)}
}
@keyframes asadoEmber{
 0%{opacity:0;transform:translate3d(0,0,0) scale(.7)}
 16%{opacity:.8}70%{opacity:.46}
 100%{opacity:0;transform:translate3d(10px,-42px,0) scale(.4)}
}
/* Existing category effects remain available on all other cards. */
@media(max-width:700px){
 .pilot-asado .pilot-ember:nth-last-child(-n+2){display:none}
 .pilot-cerati .pilot-star:nth-last-child(-n+2){display:none}
 .pilot-concert .pilot-sparkle:last-child{display:none}
}
.motion-off .pilot-vfx,.motion-off .pilot-vfx *{
 animation-play-state:paused!important;
}
.motion-off .pilot-vfx{display:none!important}
@media(prefers-reduced-motion:reduce){.pilot-vfx{display:none!important}}

/* V5.8 — Header minimalist: only ARGENPIX external link. */
.header-right{gap:0}
.parent-brand{display:inline-flex;align-items:center;gap:5px;padding:10px 0;white-space:nowrap;line-height:1.2;transition:color .2s ease}
.parent-brand:hover,.parent-brand:focus-visible{color:var(--paper)}
.parent-brand:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:3px}
@media(max-width:700px){
  .site-header{gap:12px}
  .brand{min-width:0;flex:0 1 auto}
  .parent-brand{display:inline-flex!important;flex:none;font-size:9px;letter-spacing:.09em;gap:3px}
  .parent-brand span{font-size:13px}
  .brand-words strong{letter-spacing:.1em}
}
@media(max-width:355px){
  .site-header{gap:7px}
  .brand{gap:6px}
  .brand-symbol{font-size:20px}
  .brand-words small{letter-spacing:.08em;font-size:6px}
  .parent-brand{font-size:8px}
}
/* V5.8 — Eight new bespoke living-card atmospheres. No image edits, no reveal changes. */
.pilot-pogo .v58-stageglow{inset:9% 6% 38%;background:radial-gradient(ellipse at center,#fc2f3b44,transparent 65%);animation:v58Breath 5s ease-in-out infinite alternate}
.pilot-pogo .v58-spot{top:5%;width:22%;height:62%;background:linear-gradient(to bottom,#fff5ba88,transparent 95%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:.18}
.pilot-pogo .v58-l{left:5%;transform-origin:top center;animation:v58SwingL 7s ease-in-out infinite alternate}
.pilot-pogo .v58-r{right:4%;transform-origin:top center;animation:v58SwingR 8s ease-in-out infinite alternate}
.pilot-pogo .v58-crowd{inset:43% 0 35%;background:radial-gradient(ellipse at center,#e3202b52,transparent 75%);animation:v58Breath 3.9s ease-in-out infinite alternate}
.pilot-fernet .v58-glass-glimmer{left:29%;top:23%;width:27%;height:34%;border-radius:45%;background:linear-gradient(92deg,transparent,#fff0c244,transparent);opacity:.12;animation:v58Breath 6s ease-in-out infinite alternate}
.pilot-fernet .v58-bubble{left:var(--x);top:var(--y);width:3px;height:3px;border:1px solid #fce8ba96;border-radius:50%;opacity:0;animation:v58Bubble 6.3s ease-out var(--delay) infinite;will-change:transform,opacity}
.pilot-tortafrita .v58-storm-light{inset:5% 8% 54%;background:radial-gradient(ellipse at 65% 55%,#ffe6ae59,transparent 70%);opacity:.16;animation:v58Breath 6.5s ease-in-out infinite alternate}
.pilot-tortafrita .v58-lightning{inset:13% 18% 61% 63%;background:linear-gradient(180deg,#ffffff77,transparent);clip-path:polygon(50% 0,35% 54%,70% 45%,40% 100%,47% 57%,21% 65%);animation:v58Lightning 11s ease-in-out infinite}
.pilot-tortafrita .v58-steam{left:var(--x);top:27%;width:17px;height:21%;border-left:2px solid #fff7d155;border-radius:45%;opacity:0;animation:v58Aroma 8s ease-in-out var(--delay) infinite}
.pilot-cancha .v58-floodlights{inset:9% 4% 41%;background:radial-gradient(ellipse at 27% 24%,#fff9c36b,transparent 25%),radial-gradient(ellipse at 75% 26%,#fff9c36b,transparent 25%);opacity:.22;animation:v58Breath 7s ease-in-out infinite alternate}
.pilot-cancha .v58-cheer{inset:33% 0 36%;background:radial-gradient(ellipse at 50% 85%,#fceaa944,transparent 63%);animation:v58Breath 5s ease-in-out infinite alternate}
.pilot-cancha .v58-confetti{left:var(--x);top:19%;width:4px;height:9px;background:#fff5dbba;opacity:0;animation:v58Confetti 8s linear var(--delay) infinite}
.pilot-gilda .v58-heart-light{inset:18% 25% 38%;background:radial-gradient(circle at 50% 60%,#ffd27b6b,transparent 62%);opacity:.23;animation:v58Breath 8s ease-in-out infinite alternate}
.pilot-gilda .v58-petal{left:var(--x);top:15%;width:7px;height:10px;background:#ffd9c8aa;border-radius:70% 10% 65% 20%;opacity:0;animation:v58Petal 10s ease-in-out var(--delay) infinite}
.pilot-sanmartin .v58-mountain-light{inset:7% 3% 40%;background:linear-gradient(160deg,#fff6cd36,transparent 43%);opacity:.25;animation:v58Breath 8s ease-in-out infinite alternate}
.pilot-sanmartin .v58-dust{left:var(--x);bottom:39%;width:17px;height:7px;border-radius:50%;background:#eccc9b83;filter:blur(3px);opacity:0;animation:v58Dust 9s ease-in-out var(--delay) infinite}
.pilot-sobremesa .v58-cafe-light{inset:4% 5% 47%;background:radial-gradient(ellipse at 55% 48%,#ffcc7b50,transparent 58%);opacity:.24;animation:v58Breath 8s ease-in-out infinite alternate}
.pilot-sobremesa .v58-aroma{left:var(--x);top:20%;width:15px;height:28%;border-left:2px solid #fff9df70;border-radius:50%;opacity:0;animation:v58Aroma 9s ease-in-out var(--delay) infinite}
.pilot-truco .v58-truco-glow{inset:25% 11% 36%;background:radial-gradient(ellipse at 50% 60%,#ffcc6840,transparent 68%);opacity:.22;animation:v58Breath 6s ease-in-out infinite alternate}
.pilot-truco .v58-card-glint{left:19%;top:29%;width:65%;height:24%;background:linear-gradient(114deg,transparent 39%,#fff1bc42 50%,transparent 62%);opacity:0;animation:v58Sweep 9s ease-in-out infinite}
.pilot-truco .v58-gleam{left:var(--x);top:var(--y);width:4px;height:4px;background:#fff9dc;border-radius:50%;box-shadow:0 0 9px 2px #f4ce7f88;opacity:0;animation:pilotBlink 7s ease-in-out var(--delay) infinite}
@keyframes v58Breath{from{opacity:.12;transform:scale(.96)}to{opacity:.45;transform:scale(1.025)}}
@keyframes v58SwingL{from{transform:rotate(-10deg);opacity:.12}to{transform:rotate(13deg);opacity:.26}}
@keyframes v58SwingR{from{transform:rotate(12deg);opacity:.12}to{transform:rotate(-13deg);opacity:.28}}
@keyframes v58Bubble{0%{opacity:0;transform:translateY(10px) scale(.65)}28%{opacity:.62}85%{opacity:.19}100%{opacity:0;transform:translateY(-48px) scale(1.25)}}
@keyframes v58Lightning{0%,8%,9%,10%,75%,76%,77%,100%{opacity:0}8.5%,9.5%,75.5%{opacity:.44}}
@keyframes v58Aroma{0%{opacity:0;transform:translate3d(0,12px,0) scale(.7)}30%{opacity:.25}85%{opacity:.1}100%{opacity:0;transform:translate3d(9px,-25px,0) scale(1.4)}}
@keyframes v58Confetti{0%{opacity:0;transform:translate3d(0,-8px,0) rotate(0)}15%{opacity:.48}85%{opacity:.2}100%{opacity:0;transform:translate3d(22px,135px,0) rotate(270deg)}}
@keyframes v58Petal{0%{opacity:0;transform:translate3d(0,-9px,0) rotate(-20deg)}15%{opacity:.65}80%{opacity:.35}100%{opacity:0;transform:translate3d(28px,88px,0) rotate(190deg)}}
@keyframes v58Dust{0%{opacity:0;transform:translate3d(0,0,0) scale(.7)}25%{opacity:.28}75%{opacity:.16}100%{opacity:0;transform:translate3d(33px,-17px,0) scale(2.2)}}
@keyframes v58Sweep{0%,25%{transform:translateX(-95%);opacity:0}40%{opacity:.38}55%,100%{transform:translateX(95%);opacity:0}}
@media(max-width:700px){
 .pilot-cancha .v58-confetti:last-child,.pilot-fernet .v58-bubble:last-child,.pilot-gilda .v58-petal:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){.pilot-vfx,.pilot-vfx *{animation:none!important}}


/* V5.9 · Memes y TV — 8 bespoke overlays. Only transform/opacity animations;
   no 3D reveal changes and no edits to the source artwork. */
.pilot-comandante .v59-gold-aura{inset:7% 7% 34%;background:radial-gradient(ellipse at 50% 43%,#f1cb6440,transparent 65%);opacity:.17;animation:v59Pulse 8s ease-in-out infinite alternate}
.pilot-comandante .v59-throne-light{left:25%;top:27%;width:58%;height:23%;background:linear-gradient(105deg,transparent 15%,#ffebad2c 46%,transparent 70%);opacity:0;animation:v59Sweep 11s ease-in-out infinite}
.pilot-comandante .v59-lux-star,.pilot-betular-v59 .v59-kitchen-spark,.pilot-barassi-v59 .v59-tv-spark,.pilot-wandayzaira .v59-secret-spark,.pilot-pena-v59 .v59-studio-light,.pilot-atiendo-v59 .v59-microphone-star{
 left:var(--x);top:var(--y);width:5px;height:5px;border-radius:50%;background:#ffefb7;opacity:0;
 box-shadow:0 0 6px 1px #ffebad70;animation:v59Spark 7s ease-in-out var(--d) infinite;
}
.pilot-pepe .v59-stadium-flash{inset:9% 0 48%;background:radial-gradient(ellipse at 28% 9%,#e0f4ff72,transparent 29%),radial-gradient(ellipse at 78% 12%,#f5fbff56,transparent 27%);opacity:.13;animation:v59Pulse 7s ease-in-out infinite alternate}
.pilot-pepe .v59-paper{left:var(--x);top:9%;width:4px;height:7px;border-radius:1px;background:#fff9e8;opacity:0;animation:v59Paper 8.5s linear var(--d) infinite;will-change:transform,opacity}
.pilot-pepe .v59-paper.blue{background:#71c5e7}
/* Betular: the opening between the dark door and the kitchen is the source of light. */
.pilot-betular-v59 .v59-door-light{left:58%;top:7%;width:13%;height:52%;background:linear-gradient(90deg,#ffdd9a0a,#fff0b342,#ffd99608);opacity:.18;animation:v59Door 6s ease-in-out infinite alternate;transform-origin:left center}
.pilot-betular-v59 .v59-door-sheen{left:54%;top:8%;width:4%;height:49%;background:linear-gradient(180deg,transparent,#fff0b653,transparent);opacity:.17;animation:v59Pulse 8s ease-in-out infinite alternate}
.pilot-betular-v59 .v59-kitchen-spark{background:#fff6dc}
/* Barassi: small glint on the phone, soft studio lighting, no moving faces. */
.pilot-barassi-v59 .v59-tv-glow{inset:10% 6% 42%;background:radial-gradient(ellipse at 74% 28%,#75b7ff47,transparent 55%);opacity:.15;animation:v59Pulse 6.2s ease-in-out infinite alternate}
.pilot-barassi-v59 .v59-phone-light{left:58%;top:18%;width:6%;height:24%;background:linear-gradient(115deg,transparent,#fff8cc6a,transparent);opacity:0;animation:v59Sweep 10s ease-in-out -3s infinite}
.pilot-barassi-v59 .v59-tv-spark{background:#f4f7ff;box-shadow:0 0 6px #b9dbff80}
/* Wanda + Zaira: their shared glance gets one discreet magical beat. */
.pilot-wandayzaira .v59-secret-glow{inset:9% 28% 43%;background:radial-gradient(ellipse at 48% 49%,#ffd0c75a,transparent 65%);opacity:.1;animation:v59Pulse 9s ease-in-out infinite alternate}
.pilot-wandayzaira .v59-secret-spark{width:3px;height:3px;background:#fff2dc;animation-duration:8s}
/* No me quemés: passing blue lights confined to the upper illustration. */
.pilot-nomequemes .v59-street-reflection{inset:16% 4% 42%;background:radial-gradient(ellipse at 82% 58%,#78b9ff88,transparent 46%);opacity:.08;animation:v59Traffic 8s ease-in-out infinite}
.pilot-nomequemes .v59-street-blue{right:5%;top:39%;height:13%;width:33%;background:linear-gradient(90deg,transparent,#9bc6ff66,transparent);opacity:.08;animation:v59Traffic 8s ease-in-out -2s infinite}
.pilot-nomequemes .v59-glasses-twinkle{left:42%;top:19%;width:22%;height:5%;background:linear-gradient(110deg,transparent,#fff5df55,transparent);opacity:0;animation:v59Sweep 12s ease-in-out -4s infinite}
/* Fernando Peña: TV studio lighting only; no muzzle-flash or violent embellishments. */
.pilot-pena-v59 .v59-tv-studio{inset:9% 5% 45%;background:radial-gradient(ellipse at 18% 5%,#fff2c350,transparent 37%);opacity:.11;animation:v59Pulse 8s ease-in-out infinite alternate}
.pilot-pena-v59 .v59-curtain-glow{right:8%;top:14%;width:25%;height:39%;background:linear-gradient(100deg,transparent,#ff96733b,transparent);opacity:.12;animation:v59Pulse 9s ease-in-out -2s infinite alternate}
.pilot-pena-v59 .v59-studio-light{background:#fff4df;animation-duration:9s}
/* Atiendo boludos: quiet microphone sparkle and a restrained bright accent. */
.pilot-atiendo-v59 .v59-neon-sign{inset:43% 10% 29%;background:radial-gradient(ellipse at 45% 50%,#f08cba25,transparent 63%);opacity:.08;animation:v59Pulse 8s ease-in-out infinite alternate}
.pilot-atiendo-v59 .v59-microphone-star{background:#fff3d1;animation-duration:8s}
@keyframes v59Pulse{from{opacity:.09;transform:scale(.98)}to{opacity:.31;transform:scale(1.02)}}
@keyframes v59Spark{0%,27%,57%,100%{opacity:0;transform:scale(.45)}35%{opacity:.8;transform:scale(1.45)}45%{opacity:.13;transform:scale(.85)}}
@keyframes v59Sweep{0%,27%{opacity:0;transform:translateX(-30%)}45%{opacity:.35}58%,100%{opacity:0;transform:translateX(30%)}}
@keyframes v59Paper{0%{opacity:0;transform:translate3d(0,-6px,0) rotate(-10deg)}18%{opacity:.63}75%{opacity:.30}100%{opacity:0;transform:translate3d(var(--dx),135px,0) rotate(200deg)}}
@keyframes v59Door{to{opacity:.4;transform:scaleX(1.08)}}
@keyframes v59Traffic{0%,37%,50%,100%{opacity:.05}40%,46%{opacity:.30}}
/* Keep the atmospheric overlays lightweight on narrower phones. */
@media(max-width:700px){
 .pilot-pepe .v59-paper:nth-last-child(-n+2){display:none}
 .pilot-comandante .v59-lux-star:last-child,.pilot-wandayzaira .v59-secret-spark:last-child{display:none}
}
/* Existing motion-off and prefers-reduced-motion rules cover every descendant. */


/* V6.0 · Artwork normalization. All 51 full illustrations centered and uncropped.
   Derived 2:3 assets/display pictures are only UI media; high-res originals are untouched. */
.hero-card img,.living-card>img,.collection-thumb img,.history-item img,
.reveal-front img{
  display:block;object-fit:contain!important;object-position:50% 50%!important;
  background:#17131d;
}
.living-card,.collection-thumb,.hero-card,.reveal-front{aspect-ratio:2/3;}
.living-card{max-width:100%;height:auto;}
.living-card>img{position:relative;z-index:0;}
.card-atmosphere{z-index:1;}
.collection-thumb img{width:100%;height:100%;}
/* V6.0 · No accidental crop on image thumbnails or enlarged history cards. */
.collection-card .collection-thumb img{transform:none!important;}
.collection-card.locked .collection-thumb img{filter:blur(7px) grayscale(.9) brightness(.19);}
/* V6.0 · Unique atmospheric effect recipes for the remaining 32 cards. */
.signature-vfx{position:absolute;inset:0 0 34%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;z-index:5;contain:paint;}
.signature-vfx .sig-halo{position:absolute;inset:3%;background:radial-gradient(ellipse at var(--sig-x) var(--sig-y),var(--sig-primary),transparent 52%);opacity:.17;animation:sigBreathe var(--sig-time) ease-in-out infinite alternate;}
.signature-vfx .sig-glint{position:absolute;left:12%;top:8%;height:76%;width:80%;opacity:.12;transform:translate3d(-10%,0,0);background:linear-gradient(112deg,transparent 36%,var(--sig-accent) 50%,transparent 64%);mask-image:linear-gradient(to bottom,#000,transparent 88%);animation:sigGlint calc(var(--sig-time)*1.3) ease-in-out infinite alternate;}
.signature-vfx .sig-particle{position:absolute;left:var(--sx);top:var(--sy);width:4px;height:4px;border-radius:50%;background:var(--sig-accent);box-shadow:0 0 8px var(--sig-primary);opacity:0;animation:sigFloat var(--sig-time) ease-in-out var(--delay) infinite;will-change:transform,opacity;}
.signature-vfx.particles-ember .sig-particle{width:3px;height:5px;border-radius:60% 60% 30% 30%;}
.signature-vfx.particles-steam .sig-particle{width:15px;height:36px;border:1.5px solid var(--sig-accent);border-bottom:0;border-right:0;border-radius:50%;background:transparent;box-shadow:none;}
.signature-vfx.particles-petal .sig-particle{width:7px;height:11px;border-radius:70% 0 65% 20%;transform:rotate(20deg);box-shadow:none;}
.signature-vfx.particles-confetti .sig-particle{width:4px;height:8px;border-radius:1px;box-shadow:none;}
.signature-vfx.particles-dust .sig-particle{width:3px;height:3px;box-shadow:0 0 4px var(--sig-accent);}
.signature-vfx.particles-star .sig-particle,.signature-vfx.particles-spark .sig-particle{width:5px;height:5px;clip-path:polygon(50% 0,62% 39%,100% 50%,62% 61%,50% 100%,38% 61%,0 50%,38% 39%);}
.signature-vfx.sig-lightning .sig-glint,.signature-vfx.sig-steel .sig-glint{opacity:.21;transform:rotate(9deg);}
.signature-vfx.sig-ink .sig-halo,.signature-vfx.sig-parchment .sig-halo,.signature-vfx.sig-chalk .sig-halo{opacity:.1;}
.signature-vfx.sig-city .sig-glint,.signature-vfx.sig-sun .sig-glint{opacity:.20;}
.signature-vfx.sig-shadow .sig-glint{opacity:.045;}
.signature-vfx.sig-stage .sig-halo,.signature-vfx.sig-cosmos .sig-halo{opacity:.25;}
.signature-vfx.sig-smoke .sig-halo,.signature-vfx.sig-steam .sig-halo{opacity:.13;}
.signature-vfx.sig-honey .sig-glint{opacity:.14;}
@keyframes sigBreathe{from{opacity:.07;transform:scale(.96)}to{opacity:.24;transform:scale(1.04)}}
@keyframes sigGlint{from{opacity:0;transform:translate3d(-12%,0,0)}55%{opacity:.17}to{opacity:0;transform:translate3d(13%,0,0)}}
@keyframes sigFloat{0%,100%{opacity:0;transform:translate3d(0,8px,0) scale(.7)}20%{opacity:.65}65%{opacity:.3}80%{opacity:0;transform:translate3d(8px,var(--dist),0) scale(1.15)}}
/* User may disable ambient motion. Preserve the approved reveal unchanged. */
.motion-off .signature-vfx,.motion-off .signature-vfx *{display:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.signature-vfx,.signature-vfx *{display:none!important;animation:none!important;}}
@media(max-width:700px){.signature-vfx .sig-particle{box-shadow:none;} .signature-vfx .sig-halo{opacity:.11}}


/* V6.1 · Card-first reading: original aspect ratio, no artificial top/bottom bars.
   Original artwork scales with its native proportions, never cropped or zoomed.
   No changes to the approved reveal, hero, or collection grid. */
.reading-layout .living-card{
  width:100%;
  max-width:390px;
  height:auto;
  aspect-ratio:auto!important;
  margin-inline:auto;
}
.reading-layout .living-card>img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
@media(max-width:700px){
  .reading-layout{gap:20px;}
  .reading-layout .living-card{width:100%;max-width:410px;}
  .reading-topline{margin-bottom:18px;}
}

/* V6.2 · Compartir sin alterar el hero, la tirada ni la lectura aprobadas. */
body.share-open{overflow:hidden;}
.share-backdrop{position:fixed;z-index:10010;inset:0;background:rgba(11,9,16,.88);display:grid;place-items:center;padding:clamp(8px,2vw,30px);overflow-y:auto;overscroll-behavior:contain;backdrop-filter:blur(9px);}
.share-panel{width:min(100%,860px);max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;position:relative;background:linear-gradient(160deg,#302330,#171622 82%);color:#f8ebd0;border:1px solid #b18b63;border-radius:16px;box-shadow:0 34px 100px #000a;padding:clamp(16px,3vw,30px);scrollbar-width:thin;outline:0;}
.share-panel-header{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin-bottom:19px;}
.share-kicker,.share-control-label{font:800 10px var(--sans);letter-spacing:.18em;color:#e5be87;}
.share-panel h2{font:500 clamp(27px,3.8vw,37px)/1.12 var(--serif);margin:9px 0 8px;letter-spacing:-.02em;}
.share-panel-header p{margin:0;color:#c9b7a6;font-size:12px;line-height:1.55;}
.share-close{border:1px solid #a98a715c;border-radius:50%;background:#251e2b;color:#ecd7bb;font:400 29px/1 var(--sans);flex:0 0 38px;height:38px;display:grid;place-items:center;}
.share-panel-grid{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,37px);}
.share-preview-wrap{background:#100e19;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #9c784e66;border-radius:9px;padding:12px;min-width:0;}
.share-preview-wrap img{width:auto;max-width:100%;height:auto;max-height:min(60dvh,560px);object-fit:contain;transition:opacity .2s;box-shadow:0 8px 30px #0009;}
.share-preview-wrap img:not([src]){width:190px;height:300px;background:#242030;}
.share-preview-caption{font:600 10px/1.5 var(--sans);letter-spacing:.025em;color:#c5b49f;text-align:center;}
.share-controls{display:flex;flex-direction:column;gap:11px;min-width:0;}
.share-format-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.share-format-switch button{border:1px solid #8a716c8a;border-radius:6px;background:#211c29;color:#e3d3c2;min-height:58px;font:700 14px var(--sans);}
.share-format-switch button small{display:block;font:600 11px var(--sans);margin-top:4px;opacity:.7;}
.share-format-switch button.active{background:#e6c391;color:#201826;border-color:#e6c391;}
.share-hint,.share-note{font-size:12px;line-height:1.55;color:#bfafa4;margin:0 0 5px;}
.share-controls .share-action{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;font:800 11px var(--sans);letter-spacing:.08em;}
.share-controls .share-action:disabled{opacity:.45;cursor:wait;}
.share-support-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 17px;margin:4px 0;}
.share-support-links button{color:#e7c596;background:none;border:0;padding:5px 0;font:700 11px var(--sans);text-align:left;text-decoration:underline;text-underline-offset:4px;}
.share-note{border-top:1px solid #c5a87e33;padding-top:10px;margin-top:0;font-size:11px;}
@media(max-width:700px){
 .share-backdrop{padding:6px;align-items:center;}
 .share-panel{padding:17px 16px;max-height:calc(100dvh - 12px);border-radius:12px;}
 .share-panel-grid{grid-template-columns:1fr;gap:13px;}
 .share-preview-wrap{padding:8px;}
 .share-preview-wrap img{max-height:33dvh;width:auto;}
 .share-panel-header{margin-bottom:12px;}
 .share-panel-header h2{font-size:27px;}
 .share-control-label{font-size:9px;}
 .share-hint{font-size:11px;}
 .share-format-switch button{min-height:48px;}
 .share-controls{gap:9px;}
 .share-panel .share-note{font-size:10px;}
}
@media(prefers-reduced-motion:reduce){.share-preview-wrap img{transition:none;}}

/* V6.3 · Colección / favoritos. No altera hero, tirada, reveal ni exportación. */
.collection-progress-note{font-size:12px;line-height:1.6;color:#cbb7a0;margin:-9px 0 21px}
.category-progress-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 29px}
.category-progress-card{width:100%;min-width:0;text-align:left;border:1px solid #d4ae7540;border-radius:10px;color:#eee1d1;background:linear-gradient(135deg,#332633ad,#201d27);padding:15px 15px 13px;transition:border-color .2s,background .2s}
.category-progress-card:hover,.category-progress-card.selected{border-color:#e7c48f;background:#3a2d34}
.category-progress-card:focus-visible{outline-offset:2px}
.category-progress-top{display:flex;justify-content:space-between;gap:6px;align-items:baseline;margin-bottom:16px}
.category-progress-top strong{font-size:12px;font-weight:700;line-height:1.4}
.category-progress-top small{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#edd19f;white-space:nowrap}
.category-mini-track{display:block;height:4px;width:100%;border-radius:10px;background:#50434a;overflow:hidden}
.category-mini-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a57554,#e9cb8b)}
.category-progress-percent{display:block;margin-top:10px;font-size:10px;color:#b7a494}
.collection-tools{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:13px;margin:20px 0 14px;padding-top:23px;border-top:1px solid #b694672e}
.collection-tools-title h3{font:500 29px/1.2 var(--serif);margin:0 0 4px}
.collection-tools-title p{font-size:12px;color:#b3a293;margin:0}
.collection-sort-label{display:flex;align-items:center;gap:10px;color:#d8bb95;font-size:11px;font-weight:700}
.collection-sort-label select{appearance:auto;background:#29212b;border:1px solid #b99c6d79;border-radius:6px;color:#f4e7d6;font:600 12px var(--sans);padding:10px 12px;max-width:230px}
.collection-view-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}
.collection-view-chip{display:inline-flex;align-items:center;gap:9px;background:#27212b;color:#e1cbb0;border:1px solid #aa886253;border-radius:6px;padding:10px 12px;font-size:11px;font-weight:700}
.collection-view-chip span{font:700 10px var(--sans);background:#12101980;border-radius:4px;padding:3px 6px;color:#dfbf8d;font-variant-numeric:tabular-nums}
.collection-view-chip.current{background:#e9c78f;border-color:#e9c78f;color:#221820}
.collection-view-chip.current span{background:#241b208f;color:#fff3dd}
.collection-results{margin:2px 0 14px;color:#a99b8e;font-size:11px;letter-spacing:.035em}
.collection-empty{min-height:235px;border:1px dashed #ad926b6b;border-radius:10px;background:#24202b9e;padding:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.collection-empty>span{font-size:36px;color:#d4b47c}.collection-empty h3{font:500 25px var(--serif);margin:8px 0}.collection-empty p{font-size:13px;line-height:1.6;max-width:350px;color:#c4b4a2;margin:0 0 18px}
.collection-empty .button{max-width:230px;width:100%}
.collection-card.golden-item{border-color:#e8c26f;box-shadow:0 0 0 1px #c2a46640,0 0 20px #e4be6320;background:#322927}
.collection-card.golden-item .collection-thumb:after{content:'';pointer-events:none;position:absolute;inset:0;border:2px solid #e8ca826b;border-radius:2px}
.favorite-badge{position:absolute;top:7px;left:7px;display:grid;place-items:center;min-width:24px;height:24px;border-radius:100%;background:#241820e8;border:1px solid #e9c892b8;color:#f1d9a8;font-size:14px}
.reading-secondary-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}
.reading-secondary-actions .text-link{margin-top:0}
.favorite-toggle,.profile-favorites-link{border:1px solid #bfa27370;background:#302431c2;color:#ebca95;border-radius:6px;padding:11px 13px;font:700 10px var(--sans);letter-spacing:.045em}
.favorite-toggle[aria-pressed="true"]{background:#493a2f;border-color:#efca84;color:#fff0cf}
.profile-favorites-link{margin:0 0 14px;display:inline-block}
.profile-stat-context{display:block;color:#bbaa9a;font-size:10px;margin-top:6px;font-family:var(--sans)}
@media(max-width:900px){.category-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.category-progress-grid{gap:8px}.category-progress-card{padding:12px 11px}.category-progress-top{margin-bottom:12px}.category-progress-top strong{font-size:11px}.category-progress-top small{font-size:11px}.collection-tools-title h3{font-size:25px}.collection-view-row{gap:6px}.collection-view-chip{padding:9px 10px;font-size:10px;gap:6px}.collection-sort-label{justify-content:space-between;width:100%}.collection-sort-label select{flex:0 1 205px}.reading-secondary-actions{justify-content:space-between;gap:10px}.favorite-toggle{font-size:9px;padding:10px 9px}}
@media(max-width:355px){.category-progress-grid{grid-template-columns:1fr 1fr}.category-progress-top{flex-direction:column;gap:3px}.collection-view-chip{font-size:9px;padding:9px 8px}.favorite-toggle{font-size:8px}}


/* V6.4 — Rendimiento sin rediseño. Suspender solo los efectos
   ambientales mientras el navegador está en segundo plano. */
.tab-sleep .cosmos-stars,
.tab-sleep .hero-ring,
.tab-sleep .hero-card,
.tab-sleep .hero-sparkle,
.tab-sleep .card-atmosphere *,
.tab-sleep .card-atmosphere::after,
.tab-sleep .pilot-vfx *,
.tab-sleep .signature-vfx *{animation-play-state:paused!important;}