/* No Preguntes · estilos principales */
:root{--bg:#07040c;--text:#f8f3ff;--muted:#cfc2e4;--gold:#d4af37;--gold2:#f4d56d;--purple:#8a2be2;--violet:#c026d3;--line:rgba(212,175,55,.25);--panel:rgba(11,7,18,.72);--shadow:0 4px 18px rgba(0,0,0,.32)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;background:#07040c;color:var(--text);font-family:Montserrat,system-ui,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.serif{font-family:Cinzel,Georgia,serif}.screen{display:none;position:relative;z-index:3;min-height:100vh;padding:30px 0 70px}.screen.active{display:block}.page{width:min(1280px,calc(100% - 36px));margin:0 auto}.label{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12px}.btn{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.04);color:#fff;min-height:56px;padding:15px 24px;font-weight:800;letter-spacing:.03em;transition:.22s transform,.22s box-shadow,.22s filter}.btn:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(138,43,226,.25)}.btn.primary{background:linear-gradient(135deg,#6120b9,#c026d3);border-color:rgba(244,213,109,.42)}.btn.gold{background:linear-gradient(135deg,#f4d56d,#b58922);color:#170b18}.panel{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:26px;box-shadow:0 4px 18px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
#bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(104,41,170,.25),transparent 28%),radial-gradient(circle at 50% 88%,rgba(212,175,55,.10),transparent 30%),#07040c}#bg:before,#bg:after{content:'';position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at bottom,transparent 0 90px,rgba(138,43,226,.12) 92px,transparent 94px);opacity:.65;animation:lines 16s ease-in-out infinite alternate}#bg:after{background:repeating-radial-gradient(ellipse at center,transparent 0 120px,rgba(212,175,55,.08) 122px,transparent 124px);transform:rotate(8deg);opacity:.45;animation-duration:22s}.star{position:absolute;background:#fff;border-radius:50%;opacity:.45;animation:twinkle var(--t) infinite ease-in-out}.shoot{position:absolute;width:210px;height:2px;background:linear-gradient(90deg,transparent,#fff 30%,rgba(212,175,55,.45),transparent);box-shadow:0 0 20px rgba(255,255,255,.55);border-radius:999px;opacity:0;animation:shoot 1.7s linear forwards}@keyframes lines{to{transform:translateY(-30px) scale(1.05)}}@keyframes twinkle{50%{opacity:1;filter:drop-shadow(0 0 6px #fff)}}@keyframes shoot{0%{opacity:0;transform:translate(0,0) rotate(-23deg)}10%{opacity:1}100%{opacity:0;transform:translate(430px,210px) rotate(-23deg)}}
.topbar{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:22px}.nav{display:flex;align-items:center;gap:30px}.nav.right{justify-content:flex-end}.nav a,.account{font-family:Cinzel,serif;font-weight:700;color:#d8d1df;font-size:14px;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.nav a.active{color:var(--gold)}.nav a.active:before,.nav a.active:after{content:'';margin:0}.account{border:1px solid var(--gold);border-radius:999px;padding:10px 18px;background:transparent}.mini-logo{width:154px;filter:drop-shadow(0 0 22px rgba(138,43,226,.35))}.hero{text-align:center;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-logo{width:min(380px,70vw);margin:0 auto 16px;filter:drop-shadow(0 0 26px rgba(138,43,226,.33))}.hero-title{font-size:clamp(36px,5vw,64px);letter-spacing:.18em;color:#f0d79a;text-shadow:0 0 30px rgba(212,175,55,.22);margin:10px 0 22px}.hero-title:before,.hero-title:after{display:none}.daily-stage{position:relative;display:grid;place-items:center;min-height:390px;width:min(620px,100%);margin:auto}.daily-stage:before{content:'';position:absolute;width:440px;height:130px;bottom:52px;border-radius:50%;background:radial-gradient(ellipse,rgba(138,43,226,.42),transparent 68%);filter:blur(18px)}.orbit{position:absolute;width:520px;max-width:92vw;height:180px;border:2px solid rgba(212,175,55,.62);border-top-color:transparent;border-bottom-color:rgba(138,43,226,.35);border-radius:50%;animation:orbit 12s linear infinite}.orbit:before,.orbit:after{display:none}@keyframes orbit{to{transform:rotate(360deg)}}.daily-wrap{position:relative;width:230px;animation:float 4.2s ease-in-out infinite}.daily-spin{position:relative;transform-style:preserve-3d;animation:spin 10s linear infinite}.daily-spin img{width:100%;border-radius:13px;box-shadow:0 28px 55px rgba(0,0,0,.55),0 0 30px rgba(212,175,55,.32);backface-visibility:hidden}.daily-spin .back{position:absolute;inset:0;transform:rotateY(180deg)}@keyframes float{50%{transform:translateY(-18px)}}@keyframes spin{to{transform:rotateY(360deg)}}.hero-actions,.reading-actions,.actions{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:24px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:min(980px,100%);margin:56px auto 0}.feature{display:flex;align-items:center;gap:15px;text-align:left;color:#dfd2e8}.feature .ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);font-size:24px;background:rgba(138,43,226,.12)}.feature b{font-family:Cinzel,serif;color:#e6d4a5;font-size:15px;line-height:1.35}.head{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:26px;text-align:center}.back{position:absolute;left:0}.backbtn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:22px}.form{width:min(920px,100%);margin:0 auto;padding:26px}.field{text-align:left;margin-bottom:18px}.field label{display:block;margin-bottom:8px}.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055);color:#fff;padding:15px 16px;outline:0}.field textarea{min-height:110px}.spreads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.spread{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px;text-align:center}.spread.on{border-color:var(--gold);background:rgba(212,175,55,.12)}.spread b{display:block;font-family:Cinzel,serif;color:var(--gold2);margin-bottom:5px}.spread span{font-size:13px;color:var(--muted)}.slots{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:10px 0 18px;min-height:102px}.slot{width:64px;height:100px;border:1px dashed rgba(212,175,55,.42);border-radius:13px;display:grid;place-items:center;color:rgba(212,175,55,.6);overflow:hidden}.slot img{width:100%;height:100%;object-fit:cover;border-radius:13px}.deck-stage{position:relative;min-height:500px;overflow:hidden}.deck-pile{display:none}.deck-stage.dealt .deck-pile{display:none}.pile-card{position:absolute;inset:0;background:url('../assets/card-back.webp') center/cover;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 42px rgba(0,0,0,.55)}.pile-card:nth-child(2){transform:rotate(6deg)}.pile-card:nth-child(3){transform:rotate(-6deg)}.spread-area{position:relative;min-height:480px;padding-top:4px}.draw-card{position:absolute;left:50%;top:0;width:66px;height:106px;border:0;background:transparent;padding:0;opacity:0;transform:translate(-50%,0) scale(.72);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .2s;z-index:1;will-change:transform}.draw-card.dealt{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1)}.draw-card img{width:100%;height:100%;object-fit:cover;border-radius:13px;border:1px solid rgba(212,175,55,.22);box-shadow:0 14px 28px rgba(0,0,0,.42);transition:transform .2s}.draw-card:hover{z-index:8;filter:brightness(1.25) drop-shadow(0 0 16px rgba(212,175,55,.5))}.draw-card:hover img{transform:scale(1.1)}.draw-card.picked{opacity:.24;pointer-events:none}.spread-area.locked .draw-card:not(.picked){opacity:.20;filter:grayscale(.35) brightness(.6);pointer-events:none}.spread-area.locked:before{content:'SELECCIÓN COMPLETA';position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:rgba(8,5,14,.88);color:var(--gold);font-family:Cinzel,serif;font-size:12px;letter-spacing:.14em}.fly{position:fixed;z-index:999;pointer-events:none;transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),transform .42s,opacity .42s}.fly img{width:100%;height:100%;border-radius:13px;object-fit:cover;box-shadow:0 20px 45px rgba(0,0,0,.5)}.reading-head{text-align:center;margin-bottom:22px}.reading-head h2{font-size:clamp(34px,5vw,58px);letter-spacing:.12em;color:#f0d79a}.fan{position:relative;height:clamp(235px,30vw,330px);max-width:940px;margin:0 auto 34px}.fan-card{position:absolute;left:50%;bottom:24px;width:clamp(96px,10vw,138px);transform:translateX(var(--x)) rotate(var(--r));z-index:var(--z);margin-left:0}.fan-card-inner{animation:readFloat 4.2s ease-in-out infinite;animation-delay:var(--d)}.fan-card img{width:100%;border-radius:14px;box-shadow:0 20px 42px rgba(0,0,0,.52)}.fan-card img.inv{transform:rotate(180deg)}.pos{position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:rgba(8,5,14,.9);border:1px solid var(--line);border-radius:999px;color:var(--gold);font-family:Cinzel,serif;font-size:11px;white-space:nowrap;padding:5px 10px}@keyframes readFloat{50%{transform:translateY(-18px)}}.reading-grid{display:flex;flex-direction:column;align-items:center;gap:0}.read-block{padding:22px;text-align:center}.read-block h3{font-size:24px;color:var(--gold2);margin-bottom:9px}.read-block p{line-height:1.75;color:#f2eafc}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.tag{border:1px solid rgba(138,43,226,.35);background:rgba(138,43,226,.14);padding:7px 10px;border-radius:999px;font-size:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#120a1e;border:1px solid var(--line);border-radius:999px;padding:12px 16px;z-index:99;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(-6px)}.diary-list{display:grid;gap:14px}.diary-item{padding:20px}.placeholder{width:min(900px,100%);padding:34px;margin:0 auto;text-align:center}.placeholder h2{font-size:42px;color:var(--gold2);margin-bottom:12px}.angel-wrap{width:min(1120px,100%);margin:0 auto;padding:30px}.angel-intro{max-width:760px;margin:10px auto 26px;color:var(--muted);line-height:1.7}.angel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:22px 0}.angel-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);padding:12px;color:#fff;transition:.22s transform,.22s filter,.22s border-color}.angel-card:hover{transform:translateY(-4px);filter:brightness(1.1);border-color:var(--gold)}.angel-card img{width:100%;border-radius:16px;display:block;box-shadow:0 16px 34px rgba(0,0,0,.42)}.angel-card b{display:block;font-family:Cinzel,serif;color:var(--gold2);margin-top:10px}.angel-card span{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:4px}.angel-result{display:none;margin-top:18px;padding:24px;text-align:center}.angel-result.show{display:block}.angel-result h3{font-size:32px;color:var(--gold2);margin-bottom:12px}.angel-result p{line-height:1.8;color:#f2eafc}.angel-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.pick-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px}.pick-actions .btn{min-width:220px}.center-cta{display:flex;justify-content:center;margin-top:4px}.center-cta .btn{min-width:min(320px,100%)}.pos-label{position:absolute;left:50%;top:-14px;transform:translateX(-50%);background:rgba(8,5,14,.9);border:1px solid var(--line);border-radius:999px;color:var(--gold);font-family:Cinzel,serif;font-size:11px;white-space:nowrap;padding:5px 10px}#oReadingBlocks .read-block{width:min(920px,100%);margin:0 auto 22px}#oReadingBlocks .read-block:last-child{margin-bottom:0}#oReadingBlocks img{margin-left:auto !important;margin-right:auto !important}.share-preview{max-width:min(92vw,420px);width:100%;border-radius:20px;display:block;box-shadow:0 18px 44px rgba(0,0,0,.6)}
@media(max-width:1050px){.topbar{grid-template-columns:1fr}.nav{justify-content:center;flex-wrap:wrap}.nav.right{justify-content:center}.mini-logo{display:none}.features{grid-template-columns:1fr 1fr}.spreads{grid-template-columns:1fr 1fr}.hero-title:before,.hero-title:after{display:none}.daily-stage{min-height:340px}.daily-wrap{width:200px}.orbit{width:430px}}@media(max-width:640px){.page{width:min(100% - 22px,1280px)}.screen{padding-top:22px}.nav{gap:14px}.nav a,.account{font-size:12px}.hero-logo{width:min(300px,86vw)}.hero-title{font-size:34px;letter-spacing:.12em}.features,.spreads{grid-template-columns:1fr}.hero-actions,.reading-actions,.actions,.angel-actions{display:grid;gap:12px}.pick-actions{display:grid;gap:12px}.btn{width:100%}.pick-actions .btn,.center-cta .btn{width:100%;min-width:0}.deck-stage{min-height:820px}.spread-area{min-height:800px}.draw-card{width:48px;height:76px}.fan{height:220px}.fan-card{width:min(86px,24vw)}.slot{width:60px;height:92px}.orbit{width:330px;height:130px;animation-duration:24s}.daily-wrap{width:172px}.angel-wrap{padding:22px}.angel-grid{grid-template-columns:repeat(2,1fr);gap:12px}#bg:before,#bg:after{animation-duration:30s;opacity:.34}.star{animation:none;opacity:.32}}

/* ─ DAILY CARD GLOW ─ */
.daily-glow-wrap{position:relative;width:min(195px,45vw);margin:0 auto 0;display:flex;align-items:center;justify-content:center}
.daily-card-static{width:100%;border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.7);display:block;cursor:pointer;position:relative;z-index:2}
.daily-border-svg{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);z-index:3;pointer-events:none;overflow:visible}
.border-trace{fill:none;stroke-width:3;stroke-linecap:round}
.border-trace-base{stroke:rgba(212,175,55,.2)}
.border-trace-glow{stroke:url(#traceGrad);filter:drop-shadow(0 0 6px rgba(212,175,55,.8)) drop-shadow(0 0 12px rgba(192,38,211,.4))}
@keyframes traceAnim{0%{stroke-dashoffset:var(--perim)}100%{stroke-dashoffset:0}}
/* ─ EYE LOGO ─ */
.eye-logo-wrap{margin:0 auto 14px}
.eye-logo-svg{width:min(360px,70vw);filter:drop-shadow(0 0 26px rgba(138,43,226,.4))}
/* ─ HERO TITLE (tagline) ─ */
.hero-title{font-size:clamp(11px,1.5vw,15px);letter-spacing:.4em;color:rgba(212,175,55,.6);margin-bottom:28px;font-family:'Cinzel',serif}
/* ─ FEATURES centered ─ */
.features{display:flex;justify-content:center;align-items:flex-start;gap:24px;flex-wrap:wrap;margin:44px auto 0;max-width:920px}
.feature{display:flex;flex-direction:column;align-items:center;gap:10px;width:clamp(120px,18vw,180px);text-align:center}
.feature .ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold);font-size:22px;background:rgba(124,58,237,.12)}
.feature b{font-family:'Cinzel',serif;color:#e6d4a5;font-size:12px;line-height:1.45;letter-spacing:.04em}
/* ─ GALAXY BACKGROUND ─ */
#moon-svg{display:none}
#galaxy-lines{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* ── COSMOS CANVAS ── */
#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#bg{z-index:0;background:#07040c}
.screen{position:relative;z-index:5}
#bottom-nav{z-index:20}
#toast{z-index:30}

/* ── ENHANCED SHOOTING STARS (CSS fallback) ── */
.shoot{position:absolute;width:280px;height:1.5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 25%,rgba(255,255,255,.92) 52%,rgba(212,175,55,.7) 68%,transparent 100%);box-shadow:0 0 6px 1px rgba(255,255,255,.5),0 0 18px 2px rgba(212,175,55,.3);border-radius:999px;opacity:0;animation:shoot 1.9s cubic-bezier(.2,.1,.8,1) forwards}
@keyframes shoot{0%{opacity:0;transform:translate(0,0) rotate(-21deg) scaleX(0)}6%{opacity:1;transform:translate(0,0) rotate(-21deg) scaleX(.15)}85%{opacity:.5}100%{opacity:0;transform:translate(500px,240px) rotate(-21deg) scaleX(1)}}

/* ── PANELS ── */
.panel{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(212,175,55,.22);backdrop-filter:blur(16px);box-shadow:0 4px 16px rgba(0,0,0,.28)}

/* ── BUTTONS ── */
.btn{transition:.25s transform,.25s box-shadow,.25s filter;letter-spacing:.06em}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:scale(.97) translateY(0)}
.btn.primary{box-shadow:0 4px 28px rgba(138,43,226,.32),inset 0 1px 0 rgba(255,255,255,.12)}
.btn.primary:hover{box-shadow:0 8px 44px rgba(138,43,226,.55),0 0 22px rgba(192,38,211,.28),inset 0 1px 0 rgba(255,255,255,.12)}
.btn.gold{box-shadow:0 2px 16px rgba(212,175,55,.12)}
.btn.gold:hover{box-shadow:0 6px 32px rgba(212,175,55,.32),0 0 14px rgba(212,175,55,.18)}

/* ── DECK ACTIONS CENTERED ── */
.deck-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px;padding:0 8px}
.deck-cta .btn{flex:0 1 200px;min-width:150px}
@media(max-width:640px){.deck-cta{display:grid;gap:12px;grid-template-columns:1fr}.deck-cta .btn{width:100%;flex:none}}

/* ── CARD HOVER GLOW ── */
.draw-card:hover img{transform:scale(1.1) translateY(-3px);filter:brightness(1.3) drop-shadow(0 0 20px rgba(212,175,55,.65)) drop-shadow(0 0 8px rgba(212,175,55,.5))}
.draw-card img{transition:.28s transform,.28s filter}
.angel-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 0 30px rgba(212,175,55,.18),0 12px 40px rgba(0,0,0,.5)}
.oracle-card-btn:hover{border-color:var(--gold);box-shadow:0 0 22px rgba(212,175,55,.15)}
.oracle-card-btn img{transition:.25s filter,.25s transform}
.oracle-card-btn:hover img{filter:brightness(1.15) drop-shadow(0 0 14px rgba(212,175,55,.35));transform:scale(1.04)}

/* ── DAILY CARD ── */
.daily-glow-wrap{transition:.4s filter}
.daily-glow-wrap:hover{filter:drop-shadow(0 0 36px rgba(138,43,226,.45)) drop-shadow(0 0 70px rgba(212,175,55,.15))}
.daily-card-static{transition:.38s transform,.38s filter;cursor:pointer}
.daily-card-static:hover{transform:scale(1.04) translateY(-6px);filter:brightness(1.12) drop-shadow(0 12px 30px rgba(0,0,0,.6))}

/* ── NAV LINKS ── */
.nav a{position:relative;transition:.22s color}
.nav a::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:.25s transform;transform-origin:center}
.nav a:hover{color:var(--gold2)}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}

/* ── FEATURES ── */
.feature .ico{transition:.3s transform,.3s box-shadow,.3s border-color}
.feature:hover .ico{transform:scale(1.12) translateY(-2px);box-shadow:0 0 24px rgba(212,175,55,.22);border-color:rgba(212,175,55,.5)}

/* ── SPREAD SELECTION ── */
.spread{transition:.22s border-color,.22s background,.22s box-shadow}
.spread.on{border-color:rgba(212,175,55,.6);background:rgba(212,175,55,.08);box-shadow:inset 0 0 20px rgba(212,175,55,.05),0 0 16px rgba(212,175,55,.08)}
.spread:hover:not(.on){border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.04)}

/* ── READ BLOCKS ── */
.read-block.panel{border-left:2px solid rgba(212,175,55,.25);transition:.25s border-color}
.read-block.panel:hover{border-left-color:rgba(212,175,55,.65)}

/* ── FAN CARD GLOW ON HOVER ── */
.fan-card:hover{z-index:60 !important}
.fan-card:hover img{filter:drop-shadow(0 0 18px rgba(212,175,55,.55)) brightness(1.1)}
.fan-card img{transition:.25s filter}

/* ── SCREEN TRANSITIONS ── */
.screen{animation:screenIn .45s cubic-bezier(.22,1,.36,1) both}
@keyframes screenIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* ─ ORACLE ─ */
.oracle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:14px;max-width:1040px;margin:0 auto}
.oracle-card-btn{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);padding:10px;cursor:pointer;transition:.22s;color:#fff;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.oracle-card-btn:hover{border-color:var(--gold);background:rgba(212,175,55,.07);transform:translateY(-3px)}
.oracle-card-btn img{width:100%;border-radius:12px;display:block;box-shadow:0 12px 28px rgba(0,0,0,.55);margin-bottom:8px;aspect-ratio:9/14;object-fit:contain;background:#07040c;image-rendering:auto}
.oracle-card-btn b{font-family:'Cinzel',serif;font-size:11px;color:var(--gold2);line-height:1.3;display:block;min-height:30px}
.oracle-card-btn.selected{border-color:var(--gold);background:rgba(212,175,55,.12);opacity:.55;cursor:not-allowed;transform:none}
.oracle-card-btn:disabled{pointer-events:none}

@media(max-width:600px){.atom-stage{height:min(240px,55vw)}.oracle-grid{grid-template-columns:repeat(3,1fr);gap:9px}.oracle-card-btn{padding:6px;border-radius:12px}.oracle-card-btn img{border-radius:9px;margin-bottom:5px}.oracle-card-btn b{font-size:8.5px;min-height:24px}.features{gap:14px}.feature{width:clamp(100px,22vw,140px)}}

/* No Preguntes · Paso 55 · mesa de selección */
#pick.screen{padding-top:28px}
.np55-pick-page{width:min(1180px,calc(100% - 28px))}
.np55-pick-head{margin:0 auto 24px;max-width:760px}
.np55-pick-head h2{margin-top:7px;color:var(--gold2);font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.025em}
.np55-pick-head p{max-width:560px;margin:12px auto 0;color:var(--muted);font-size:15px;line-height:1.6}
.np55-pick-shell{position:relative;width:100%;padding:30px clamp(18px,3vw,38px) 26px;overflow:hidden;background:linear-gradient(180deg,rgba(20,13,31,.76),rgba(8,6,14,.68));border-color:rgba(212,175,55,.24);box-shadow:none;backdrop-filter:blur(20px) saturate(1.08);-webkit-backdrop-filter:blur(20px) saturate(1.08)}
.np55-pick-shell::before{content:"";position:absolute;inset:auto 8% -34% 8%;height:58%;border-radius:50%;background:radial-gradient(ellipse,rgba(104,41,170,.20),transparent 68%);pointer-events:none}
.np55-pick-status{position:relative;z-index:2;width:min(480px,100%);margin:0 auto 22px;text-align:center}
.np55-pick-status .label{font-size:12px;letter-spacing:.18em}
.np55-progress{height:2px;margin-top:13px;background:rgba(212,175,55,.14);overflow:hidden}
.np55-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9c7725,var(--gold2));transition:width .35s ease}
.slots{position:relative;z-index:2;align-items:flex-start;gap:clamp(14px,2vw,24px);margin:0 auto 18px;min-height:176px}
.np55-slot-wrap{display:grid;justify-items:center;gap:9px;min-width:104px}
.np55-slot-wrap small{max-width:120px;color:rgba(244,213,109,.64);font-family:Cinzel,serif;font-size:10px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;text-align:center}
.slot{position:relative;width:94px;height:148px;border:1px solid rgba(212,175,55,.30);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));color:rgba(212,175,55,.44);font-family:Cinzel,serif;font-size:20px;overflow:hidden;transition:border-color .25s ease,transform .25s ease,background .25s ease}
.slot::before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.10);border-radius:12px;pointer-events:none}
.np55-slot-wrap.is-filled .slot{border-color:rgba(244,213,109,.64);background:rgba(212,175,55,.05);transform:translateY(-3px)}
.slot img{width:100%;height:100%;object-fit:cover;border-radius:16px;animation:np55SlotIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes np55SlotIn{from{opacity:.25;transform:scale(.88) rotate(-3deg)}to{opacity:1;transform:none}}
.np55-deck-help{position:relative;z-index:2;margin:4px auto 0;color:rgba(207,194,228,.72);font-size:13px;text-align:center}
.deck-stage{position:relative;z-index:2;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;min-height:248px;margin-top:4px;overflow:visible}
.np55-deck-window{position:relative;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.spread-area{position:relative;display:flex;align-items:flex-end;min-height:218px;height:218px;padding:42px 44% 48px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.spread-area::-webkit-scrollbar{display:none}
.draw-card{position:relative;left:auto;top:auto;flex:0 0 82px;width:82px;height:132px;margin-left:-29px;padding:0;border:1px solid rgba(212,175,55,.28);border-radius:15px;background:url('../assets/card-back.webp') center/cover no-repeat;box-shadow:0 13px 25px rgba(0,0,0,.27);opacity:0;transform:translateY(calc(26px + var(--lift))) rotate(var(--r)) scale(.92);transition:transform .42s cubic-bezier(.2,.8,.2,1) var(--delay),opacity .28s ease var(--delay),filter .18s ease,border-color .18s ease;scroll-snap-align:center;will-change:transform}
.draw-card:first-child{margin-left:0}
.draw-card.dealt{opacity:1;transform:translateY(var(--lift)) rotate(var(--r)) scale(1)}
.draw-card::after{content:"";position:absolute;inset:6px;border:1px solid rgba(244,213,109,.12);border-radius:10px;pointer-events:none}
.draw-card:hover,.draw-card:focus-visible{z-index:9;filter:brightness(1.18);border-color:rgba(244,213,109,.72);transform:translateY(calc(var(--lift) - 15px)) rotate(0deg) scale(1.06);outline:none}
.draw-card.picked{opacity:.08!important;filter:grayscale(.7);pointer-events:none}
.spread-area.locked .draw-card:not(.picked){opacity:.12;filter:grayscale(.55) brightness(.55);pointer-events:none}
.spread-area.locked::before{content:"Elección completa";position:sticky;left:50%;align-self:flex-start;z-index:12;transform:translateX(-50%);color:var(--gold2);font-family:Cinzel,serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.np55-deck-arrow{width:42px;height:42px;border:1px solid rgba(212,175,55,.28);border-radius:50%;background:rgba(7,4,12,.42);color:var(--gold2);font-family:Georgia,serif;font-size:28px;line-height:1;display:grid;place-items:center;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.np55-deck-arrow:hover{background:rgba(212,175,55,.10);border-color:rgba(244,213,109,.66);transform:scale(1.05)}
.deck-cta{position:relative;z-index:3;margin-top:4px;padding-top:22px;border-top:1px solid rgba(212,175,55,.12)}
.deck-cta .btn{flex-basis:230px;min-width:190px;box-shadow:none}
.deck-cta .btn.gold:disabled{cursor:not-allowed;filter:saturate(.45)}
.fly{transition:left .42s cubic-bezier(.2,.8,.2,1),top .42s cubic-bezier(.2,.8,.2,1),width .42s,height .42s,transform .42s,opacity .42s}

html[data-theme="light"] .np55-pick-shell{background:rgba(255,255,255,.62);border-color:rgba(118,82,28,.16);box-shadow:none}
html[data-theme="light"] .np55-pick-head h2{color:#211a13}
html[data-theme="light"] .np55-pick-head p,html[data-theme="light"] .np55-deck-help{color:#6d6458}
html[data-theme="light"] .slot{background:rgba(255,255,255,.30);border-color:rgba(118,82,28,.24);color:rgba(118,82,28,.55)}
html[data-theme="light"] .np55-slot-wrap small{color:rgba(118,82,28,.72)}
html[data-theme="light"] .np55-deck-arrow{background:rgba(255,255,255,.52);color:#7a531d;border-color:rgba(118,82,28,.20)}

@media(max-width:700px){
  #pick.screen{padding-top:18px;padding-bottom:34px}
  .np55-pick-page{width:min(100% - 16px,1180px)}
  .np55-pick-head{margin-bottom:16px;padding:0 8px}
  .np55-pick-head h2{font-size:32px}
  .np55-pick-head p{font-size:13px;line-height:1.45}
  .np55-pick-shell{padding:22px 10px 16px;border-radius:22px}
  .np55-pick-status{margin-bottom:16px;padding:0 12px}
  .slots{min-height:144px;gap:10px;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:4px 10px 10px;scrollbar-width:none}
  .slots::-webkit-scrollbar{display:none}
  .np55-slot-wrap{min-width:82px}
  .slot{width:76px;height:120px;border-radius:14px}
  .slot img{border-radius:13px}
  .np55-slot-wrap small{font-size:8px;max-width:86px}
  .deck-stage{grid-template-columns:1fr;min-height:218px;margin-top:0}
  .np55-deck-arrow{display:none}
  .np55-deck-window{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
  .spread-area{height:198px;min-height:198px;padding:38px 42% 40px}
  .draw-card{flex-basis:68px;width:68px;height:109px;margin-left:-24px;border-radius:12px}
  .draw-card::after{inset:5px;border-radius:8px}
  .draw-card:hover,.draw-card:focus-visible{transform:translateY(calc(var(--lift) - 9px)) rotate(0deg) scale(1.035)}
  .deck-cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:0;padding:14px 6px 0}
  .deck-cta .btn{width:100%;min-width:0;min-height:52px}
}

/* Ajustes finales de la mesa de selección */
.spread-area.locked::before{content:none!important}
html[data-theme="light"] #pick.screen{background:radial-gradient(circle at 50% 20%,rgba(218,178,104,.16),transparent 34%),#f7f2e9;color:#211a13}
html[data-theme="light"] #pick .label{color:#8e611e}
html[data-theme="light"] #pick .btn:not(.gold){background:rgba(255,255,255,.52);color:#211a13;border-color:rgba(118,82,28,.18)}
html[data-theme="light"] #pick .backbtn{background:rgba(255,255,255,.58);color:#211a13;border-color:rgba(118,82,28,.18)}


/* No Preguntes · Paso 56 · autoridad del mazo */
.np56-deck-knowledge{max-width:700px!important;margin:14px auto 0!important;padding-top:13px;border-top:1px solid rgba(212,175,55,.14);color:rgba(222,211,235,.76)!important;font-size:13px!important;line-height:1.65!important}
.np56-deck-knowledge strong{color:var(--gold2);font-family:Cinzel,serif;font-size:.95em;letter-spacing:.035em}
html[data-theme="light"] .np56-deck-knowledge{color:#665b4d!important;border-top-color:rgba(118,82,28,.14)}
html[data-theme="light"] .np56-deck-knowledge strong{color:#7a531d}
@media(max-width:700px){
  .np56-deck-knowledge{margin-top:12px!important;padding-top:11px;font-size:12px!important;line-height:1.55!important}
}


/* Paso 57 · la carta se revela al elegirla */
.np57-revealed-slot{perspective:900px;overflow:visible!important;background:transparent!important;border-color:rgba(244,213,109,.72)!important}
.np57-slot-card{position:absolute;inset:0;border-radius:16px;overflow:hidden;transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 22px rgba(212,175,55,.12)}
.np58-is-new .np57-slot-card{animation:np57RevealCard .52s cubic-bezier(.18,.84,.24,1) both}
.np57-slot-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 22%,rgba(255,255,255,.22) 47%,transparent 68%);transform:translateX(-130%);opacity:0;pointer-events:none}
.np58-is-new .np57-slot-card::after{animation:np57RevealShine .72s .08s ease-out both}
.np57-slot-card img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.np57-slot-card img.inv{transform:rotate(180deg)}
.np57-card-name{max-width:126px;margin-top:-2px;color:var(--gold2);font-family:Cinzel,serif;font-size:10px;font-weight:700;line-height:1.28;text-align:center;letter-spacing:.025em}
@keyframes np57RevealCard{0%{opacity:.18;transform:rotateY(86deg) scale(.92)}55%{opacity:1;transform:rotateY(-7deg) scale(1.025)}100%{opacity:1;transform:rotateY(0) scale(1)}}
@keyframes np57RevealShine{from{transform:translateX(-130%);opacity:0}28%{opacity:.8}to{transform:translateX(130%);opacity:0}}
html[data-theme="light"] .np57-slot-card{box-shadow:0 12px 28px rgba(75,48,14,.13),0 0 20px rgba(151,104,35,.10)}
html[data-theme="light"] .np57-card-name{color:#6f4917}
@media(max-width:640px){
  .np57-card-name{max-width:86px;font-size:8px;line-height:1.22}
  .np57-slot-card{border-radius:13px;box-shadow:0 10px 22px rgba(0,0,0,.22),0 0 16px rgba(212,175,55,.10)}
}
@media(prefers-reduced-motion:reduce){.np58-is-new .np57-slot-card,.np58-is-new .np57-slot-card::after{animation:none!important}}


/* Paso 59 · orientación estable durante el revelado */
.np57-slot-card{
  transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
}
.np57-slot-card .np59-card-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit;
  overflow:hidden;
  transform-origin:50% 50%;
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
}
.np57-slot-card .np59-card-art.is-upright{transform:rotateZ(0deg)!important}
.np57-slot-card .np59-card-art.is-inverted{transform:rotateZ(180deg)!important}
.np57-slot-card .np59-card-art>img,
.slot .np57-slot-card .np59-card-art>img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
.np58-is-new .np57-slot-card{
  animation:np59RevealStable .56s cubic-bezier(.18,.84,.24,1) both;
}
@keyframes np59RevealStable{
  0%{opacity:.15;transform:rotateY(88deg) scale(.92)}
  58%{opacity:1;transform:rotateY(-6deg) scale(1.02)}
  100%{opacity:1;transform:rotateY(0deg) scale(1)}
}
/* Disable the previous animation so only the stable reveal runs. */
.np58-is-new .np57-slot-card{animation-name:np59RevealStable!important}