/* DIVINA BRUXA — SHELL CRÍTICO V180
   Gerado por BUILD-V180-SHELL.mjs.
   Home, Tarot Livre, Carta do Dia e Conta sem CSS de portais pesados. */
:root{--db-shell-v180:1}

/* ── app.css ── */
:root{--bg:#05020a;--panel:#11091b;--panel2:#180d24;--ink:#f5edf2;--muted:#aa9cae;--gold:#d7ae64;--line:rgba(215,174,100,.24);--pink:#e554bd;--cyan:#70e7ef;--radius:28px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100dvh;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 15%,#170a26 0,transparent 32rem),var(--bg);overflow-x:hidden}.cosmos{position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px),radial-gradient(circle,#b975ff 0 1px,transparent 1.5px);background-position:0 0,33px 46px;background-size:71px 89px,107px 131px;mask-image:linear-gradient(#000,transparent 90%)}button,input,textarea{font:inherit}.app-header{height:88px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 22px 10px;background:linear-gradient(#07030c 55%,transparent);pointer-events:none}.app-header button{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;background:none;border:0;color:var(--gold);font-family:Georgia,serif;font-size:13px;letter-spacing:.15em;text-align:left}.brand small{display:block;color:var(--muted);font:9px Inter,sans-serif;letter-spacing:.24em;margin-top:5px}.mini-orb{display:block;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#6cf5ff 7%,#f050ca 28%,#351060 55%,#05020a 78%);box-shadow:0 0 26px #9b33ff}.menu-button{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:rgba(14,8,22,.7);display:grid;place-content:center;gap:7px}.menu-button i{display:block;width:20px;height:1px;background:var(--gold)}main{position:relative;z-index:1}.screen{display:none;min-height:100dvh;padding:120px 24px calc(50px + env(safe-area-inset-bottom));max-width:900px;margin:auto}.screen.active{display:block}.home-screen{text-align:center;padding-top:118px}.home-copy h1{margin:5px 0 5px;font:clamp(52px,13vw,94px)/.88 Georgia,serif;letter-spacing:-.055em}.home-copy h1 em{display:block;font-weight:400;color:transparent;background:linear-gradient(90deg,#f6dfbd,#ec79c7,#76e4eb);background-clip:text}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.28em}.intro,.lead{color:var(--muted);line-height:1.6}.orb-shell{position:relative;width:min(76vw,430px);aspect-ratio:1;margin:32px auto 14px;padding:0;border:0;border-radius:50%;background:none;display:grid;place-items:center;filter:drop-shadow(0 0 38px rgba(128,44,255,.6));touch-action:none}.orb-shell canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%}.orb-copy{position:relative;z-index:2;margin-top:60%;font-size:10px;letter-spacing:.4em;text-shadow:0 2px 12px #000}.orb-copy small{display:block;margin-top:11px;font-size:9px}.touch-hint{color:#d4c9d5}.home-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.home-actions button,.card-grid>button,.card-grid article{min-height:105px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(29,16,41,.86),rgba(7,5,14,.93));color:var(--ink);padding:18px;text-align:left}.home-actions b{display:block;font-family:Georgia,serif;font-size:18px}.home-actions span,.card-grid small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.section-head{display:flex;align-items:flex-end;justify-content:space-between}.section-head h2,h2{font:clamp(43px,10vw,70px)/.96 Georgia,serif;margin:12px 0}.section-head strong{font:56px Georgia,serif;color:var(--gold)}.section-head strong small{font:18px Inter,sans-serif;color:var(--muted)}.section-head #remaining{text-transform:uppercase;letter-spacing:.17em;color:var(--gold);font-size:10px}.tarot-table{position:relative;min-height:590px;margin-top:28px;border:1px solid var(--line);border-radius:34px;background:radial-gradient(circle at 50% 35%,rgba(108,31,157,.3),transparent 47%),linear-gradient(#130a20,#09060f);overflow:hidden;display:grid;place-items:center;padding:28px}.tarot-table:before{content:"";position:absolute;inset:5%;border:1px solid rgba(215,174,100,.12);border-radius:50%;transform:scaleY(.68)}.deck-stack{position:absolute;left:5%;bottom:6%;width:105px;height:160px}.deck-stack i{position:absolute;inset:0;border:1px solid var(--line);border-radius:13px;background:#150b23;transform:translate(calc(var(--n,0)*-3px),calc(var(--n,0)*-3px))}.deck-stack i:nth-child(1){--n:3}.deck-stack i:nth-child(2){--n:2}.deck-stack i:nth-child(3){--n:1}.deck-stack span{position:absolute;inset:6px;border-radius:10px;background:repeating-conic-gradient(from 0deg,#27113d 0 8deg,#13091f 8deg 16deg);display:grid;place-items:center;color:#c58ada;font:11px Georgia,serif;letter-spacing:.22em}.current{position:relative;z-index:2;width:min(67vw,315px);aspect-ratio:2/3;border-radius:19px;display:grid;place-items:center}.current img{width:100%;height:100%;object-fit:cover;border-radius:19px;box-shadow:0 25px 70px #000}.current.reversed img{transform:rotate(180deg)}.empty-card{height:100%;width:100%;border:1px dashed rgba(215,174,100,.35);border-radius:19px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}.card-label{position:absolute;left:12px;right:12px;bottom:12px;padding:12px;border-radius:12px;background:rgba(4,2,8,.8);backdrop-filter:blur(10px);display:flex;justify-content:space-between}.card-label strong{font-family:Georgia,serif}.card-label span{font-size:10px;color:var(--gold);text-transform:uppercase}.draw-orb{position:absolute;z-index:4;right:15px;bottom:18px;width:88px;height:88px;border-radius:50%;border:1px solid #b86ddb;background:radial-gradient(circle at 35% 30%,#fff,#e354c5 8%,#5b1686 40%,#0d0617 72%);color:#fff;box-shadow:0 0 25px #7d23c3}.draw-orb span{display:block;font-size:22px}.draw-orb small{font-size:7px}.draw-orb:disabled{filter:grayscale(1);opacity:.5}.free-rule{display:flex;gap:16px;padding:22px 2px;border-bottom:1px solid var(--line)}.free-rule b{color:var(--gold)}.free-rule span{color:var(--muted);font-size:13px;line-height:1.4}.memory-head{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.memory{display:flex;gap:10px;overflow-x:auto;padding:5px 0 20px;scroll-snap-type:x mandatory}.memory button{position:relative;flex:0 0 82px;aspect-ratio:2/3;padding:0;border:1px solid var(--line);border-radius:10px;background:#10091a;overflow:hidden;scroll-snap-align:start}.memory img{width:100%;height:100%;object-fit:cover}.memory span{position:absolute;bottom:4px;right:4px;background:#08040e;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:var(--gold);font-size:10px}.text-button{border:0;background:none;color:var(--gold)}.ritual-panel,.panel,.feature{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,var(--panel2),var(--panel));margin-top:28px}.ritual-panel label{display:grid;gap:12px;color:var(--gold)}input,textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:#08050e;color:var(--ink);padding:16px;outline:none}textarea{min-height:150px;resize:vertical}.primary,.chat-form button{display:inline-grid;place-items:center;min-height:52px;padding:0 22px;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(135deg,#d9b36f,#b95dba);color:#100916;text-decoration:none;font-weight:700}.ritual-panel .primary,.panel .primary{width:100%;margin-top:15px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;margin-top:28px}.card-grid h3{font:25px Georgia,serif;margin:0 0 8px}.price{color:var(--gold);font-size:22px}.chat{height:48vh;overflow:auto;border:1px solid var(--line);border-radius:24px;padding:18px;background:#08050e}.bubble{max-width:82%;padding:15px;border-radius:18px;background:#20122d;line-height:1.5}.bubble.user{margin-left:auto;background:#59306c}.chat-form{display:flex;gap:8px;margin-top:10px}.chat-form button{min-width:82px}.security-note{font-size:11px;color:var(--muted);line-height:1.5}.entries article{border-bottom:1px solid var(--line);padding:18px 4px}.feature{text-align:center}.video-symbol,.album-symbol{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;margin:10px auto 24px;background:radial-gradient(circle,#cb5cc7,#421457 52%,#0b0610 72%);font:42px Georgia,serif}.drawer{position:fixed;z-index:60;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(16px);visibility:hidden;opacity:0}.drawer.open{visibility:visible;opacity:1}.drawer-sheet{position:absolute;right:0;top:0;bottom:0;width:min(92vw,480px);padding:max(25px,env(safe-area-inset-top)) 25px calc(25px + env(safe-area-inset-bottom));background:linear-gradient(160deg,#180d24,#07040c);overflow:auto;transform:translateX(100%)}.drawer.open .drawer-sheet{transform:none}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-top button{border:0;background:none;color:#fff;font-size:42px}.drawer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drawer nav>div{border-top:1px solid var(--line)}.drawer nav h3{color:var(--gold);font:17px Georgia,serif}.drawer nav button{display:block;width:100%;padding:10px 0;border:0;background:none;color:var(--ink);text-align:left}.toast{position:fixed;z-index:90;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,30px);opacity:0;padding:13px 20px;background:#f4e8d4;color:#150a1c;border-radius:999px}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:560px){.screen{padding-left:17px;padding-right:17px}.home-actions{grid-template-columns:1fr 1fr}.home-actions button:last-child{grid-column:1/-1}.drawer nav{grid-template-columns:1fr}.tarot-table{min-height:520px;padding:18px}.section-head strong{font-size:46px}}

/* ── motion.css ── */
.screen.active{animation:screen-in .5s cubic-bezier(.2,.75,.2,1)}.drawer,.drawer-sheet,.toast{transition:.42s cubic-bezier(.2,.75,.2,1)}.brand,.menu-button,.home-actions button,.draw-orb,.primary{transition:transform .2s,filter .2s}.brand:active,.menu-button:active,.home-actions button:active,.draw-orb:active,.primary:active{transform:scale(.96)}.current.birth{animation:card-birth .85s cubic-bezier(.16,.85,.2,1)}.current.birth:before{content:"";position:absolute;z-index:-1;inset:-20%;border-radius:50%;background:radial-gradient(circle,#fff 0,#e65bd4 8%,rgba(86,41,212,.6) 28%,transparent 65%);animation:reveal-light .85s ease-out}@keyframes screen-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes card-birth{0%{opacity:0;transform:scale(.1) rotateY(100deg)}55%{opacity:1;transform:scale(1.05) rotateY(0)}100%{transform:scale(1)}}@keyframes reveal-light{from{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ── update-04.css ── */
.ritual-steps{display:flex;gap:8px;margin-bottom:24px}.ritual-steps i{height:3px;flex:1;border-radius:5px;background:rgba(255,255,255,.09)}.ritual-steps i.on{background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));box-shadow:0 0 13px rgba(229,84,189,.5)}.ritual-panel h3,.mirror-head h3{font:32px/1.05 Georgia,serif;margin:10px 0}.ritual-breathe{width:148px;height:148px;display:grid;place-items:center;margin:12px auto 28px}.ritual-breathe span{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff 0 3%,var(--cyan) 7%,var(--pink) 32%,#38115c 62%,#09040f 78%);box-shadow:0 0 38px #7c2ed0;animation:ritual-breath 5s ease-in-out infinite}.intention{text-align:center;color:var(--muted);font-style:italic}.daily-reveal{margin:22px auto;max-width:310px}.daily-reveal.birth{animation:card-birth .9s cubic-bezier(.2,.9,.2,1) both}.keywords{font:italic 20px/1.45 Georgia,serif;color:#e8cfe4}.meaning-card{border-top:1px solid var(--line);padding:18px 0 5px}.meaning-card span,.spread-meanings article>span{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--gold)}
.spread-reading{margin-top:28px;border:1px solid var(--line);border-radius:34px;padding:clamp(18px,4vw,34px);background:radial-gradient(circle at 50% 5%,rgba(107,40,142,.24),transparent 35%),var(--panel)}.spread-layout{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding:22px 2px 28px;scroll-snap-type:x mandatory}.spread-layout figure{flex:0 0 clamp(128px,35vw,190px);margin:0;scroll-snap-align:center}.spread-layout figure span{display:block;min-height:28px;color:var(--gold);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.spread-layout img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px;box-shadow:0 16px 35px #000}.spread-layout figure.reversed img{transform:rotate(180deg)}.spread-layout figcaption{text-align:center;margin-top:9px;font:17px Georgia,serif}.spread-meanings{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:20px}.spread-meanings article{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(7,4,13,.58)}.spread-meanings h3{font:24px Georgia,serif;margin:8px 0}.spread-meanings p{line-height:1.55}.spread-reading>.primary{width:100%}
.mirror-head{display:flex;justify-content:space-between;align-items:end;margin-top:30px}.mirror-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mirror-stats>div{min-height:130px;border:1px solid var(--line);border-radius:22px;padding:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));display:flex;flex-direction:column;justify-content:flex-end}.mirror-stats strong{font:clamp(25px,6vw,38px)/1 Georgia,serif;color:var(--gold);overflow-wrap:anywhere}.mirror-stats span{margin-top:10px;color:var(--muted);font-size:11px}.journal-entry{display:grid;grid-template-columns:76px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:18px 0}.journal-entry:not(:has(img)){grid-template-columns:1fr}.journal-entry img{width:76px;aspect-ratio:2/3;object-fit:cover;border-radius:9px}.journal-entry small{color:var(--gold)}.journal-entry p{line-height:1.55}.journal-entry button{border:0;background:none;color:#d49abf;padding:0}.empty-state{padding:28px 0;color:var(--muted);text-align:center}.panel label{display:grid;gap:12px;color:var(--gold)}
@keyframes ritual-breath{0%,100%{transform:scale(.82);filter:saturate(.8)}50%{transform:scale(1.18);filter:saturate(1.35)}}@keyframes card-birth{from{opacity:0;transform:translateY(45px) scale(.72) rotateY(75deg);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@media(min-width:760px){.mirror-stats{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.ritual-breathe span,.daily-reveal.birth{animation:none}}

/* ── update-05.css ── */
.shop-toolbar{position:sticky;z-index:5;top:88px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:20px;background:rgba(11,6,17,.88);backdrop-filter:blur(18px)}.shop-toolbar span,.shop-toolbar strong{display:block}.shop-toolbar span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.shop-grid,.service-grid,.plan-grid,.episode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:25px}.product-card,.service-card,.plan-card,.episode-grid article{position:relative;border:1px solid var(--line);border-radius:25px;padding:22px;background:linear-gradient(145deg,var(--panel2),var(--panel));overflow:hidden}.product-symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin-bottom:20px;background:radial-gradient(circle at 35% 30%,#fff,var(--pink) 8%,#431369 57%,#08040e 72%);font:26px Georgia,serif}.product-card small{color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.product-card h3,.service-card h3,.plan-card h3,.media-hero h3,.episode-grid h3{font:28px/1.05 Georgia,serif}.product-card p,.service-card p,.plan-card p,.media-hero p,.episode-grid p{color:var(--muted);line-height:1.55}.product-card>strong,.service-card>strong,.plan-card>strong{display:block;color:var(--gold);font:26px Georgia,serif;margin:18px 0}.product-card .primary,.service-card .primary,.plan-card .primary{width:100%}.primary:disabled{filter:grayscale(1);opacity:.5}.cart-sheet{position:fixed;z-index:80;inset:auto 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));max-height:78dvh;overflow:auto;border-top:1px solid var(--line);border-radius:30px 30px 0 0;background:#100817;box-shadow:0 -20px 60px #000}.cart-top,.cart-row,.cart-total{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-top button{border:0;background:none;color:white;font-size:35px}.cart-row{padding:16px 0;border-bottom:1px solid var(--line)}.cart-row button{border:0;background:none;color:#d49abf}.cart-total{padding:24px 0}.cart-total strong{font:28px Georgia,serif;color:var(--gold)}.cart-sheet>.primary{width:100%}.service-card>span{font:54px Georgia,serif;color:rgba(215,174,100,.24)}.booking h3{font:30px Georgia,serif}.booking input,.booking textarea{margin-top:10px}.plan-card>span{display:block;color:var(--muted);font-size:11px;margin-top:-12px;margin-bottom:18px}.plan-card.featured{border-color:var(--gold);box-shadow:0 0 35px rgba(215,174,100,.12)}.recommended{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--gold);color:#150a1c;font-weight:800}.media-hero{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin-top:28px;padding:25px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.media-mark,.album-art{aspect-ratio:1;border-radius:22px;display:grid;place-items:center;background:radial-gradient(circle,#e75bc5,#41105f 55%,#08040e);box-shadow:0 20px 45px #000}.media-mark{font-size:50px}.album-art{padding:18px;text-align:center;background:radial-gradient(circle at 50% 35%,#6e1f85,#13081e 62%,#020104);border:1px solid var(--gold)}.album-art span,.album-art small{font-size:8px;letter-spacing:.2em}.album-art b{font:64px Georgia,serif;color:var(--gold)}.spotify-frame{margin-top:20px;border-radius:20px;overflow:hidden}.episode-grid article>span{color:var(--gold);font-size:12px}.security-note{margin-top:18px}@media(max-width:560px){.media-hero{grid-template-columns:1fr}.media-mark,.album-art{width:145px}.shop-toolbar .primary{min-height:44px;padding:0 15px}}

/* ── update-06.css ── */
:root{--shop-gold:#e4bd72;--shop-violet:#8c4ee9;--shop-panel:rgba(18,12,27,.76)}
.affiliate-notice,.setup-warning{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin:24px 0;padding:18px;border:1px solid rgba(228,189,114,.22);border-radius:22px;background:linear-gradient(135deg,rgba(228,189,114,.08),rgba(140,78,233,.06));backdrop-filter:blur(18px)}
.affiliate-notice span{color:var(--shop-gold);font-size:.68rem;letter-spacing:.2em}.affiliate-notice p,.setup-warning p{margin:0;color:#cfc6d6;line-height:1.55}.setup-warning{border-color:rgba(255,190,78,.38)}.setup-warning strong{color:#ffd890}.setup-warning code{color:#f0ca84}
.shop-controls{position:sticky;top:78px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;margin:22px 0 14px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(8,5,13,.82);backdrop-filter:blur(20px)}
.shop-search{display:grid;gap:4px;padding:5px 12px}.shop-search span{font-size:.62rem;letter-spacing:.16em;color:#a79bad}.shop-search input{width:100%;border:0!important;padding:4px 0!important;background:transparent!important;color:#fff;font-size:1rem;outline:none}.favorites-filter{min-width:120px;border:1px solid rgba(228,189,114,.2);border-radius:15px;background:rgba(255,255,255,.035);color:#ddd2e3}.favorites-filter.active{background:rgba(228,189,114,.14);color:#ffd98d}.favorites-filter b{margin-left:5px;color:var(--shop-gold)}
.category-rail{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-rail button{flex:0 0 auto;padding:9px 14px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.025);color:#bcb1c3}.category-rail button.active{border-color:rgba(228,189,114,.55);background:rgba(228,189,114,.12);color:#ffe1a2}.shop-results{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8f8398}
.affiliate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}.affiliate-product{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px 12px 15px;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(165deg,rgba(30,19,41,.9),rgba(10,7,15,.96));overflow:hidden}.affiliate-product.featured{border-color:rgba(228,189,114,.32);box-shadow:0 16px 50px rgba(66,30,105,.15)}
.product-art{height:150px;display:grid;place-items:center;position:relative;border-radius:18px;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.35),transparent 5%),radial-gradient(circle at 50% 58%,rgba(221,106,255,.36),transparent 26%),radial-gradient(circle at 68% 34%,rgba(94,221,255,.28),transparent 28%),linear-gradient(145deg,#291044,#090510);overflow:hidden}.product-art:before,.product-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:105px;height:105px}.product-art:after{width:75px;height:75px}.product-art i{font-style:normal;font-size:3.2rem;color:#ffe0a0;text-shadow:0 0 28px rgba(228,189,114,.75)}.product-art span{position:absolute;bottom:10px;font-size:.58rem;letter-spacing:.2em;color:#c9bcd3}
.favorite-button{position:absolute;right:21px;top:21px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(8,5,12,.65);color:#fff;font-size:1.15rem;backdrop-filter:blur(8px)}.favorite-button.active{color:#ffb4d5}.product-badge{align-self:flex-start;margin:12px 0 -2px;padding:5px 8px;border-radius:99px;background:rgba(228,189,114,.12);color:#efc979;font-size:.55rem;letter-spacing:.12em}.product-category{margin:15px 0 5px!important;color:var(--shop-gold)!important;font-size:.62rem!important;letter-spacing:.16em;text-transform:uppercase}.affiliate-product h3{margin:0 0 7px;font-family:Georgia,serif;font-size:1.25rem;font-weight:500;color:#fff5e2}.affiliate-product>p:not(.product-category){margin:0;color:#bdb2c3;line-height:1.48;font-size:.88rem}.product-meta{display:block;margin-top:10px;color:#857a8d;line-height:1.4}.affiliate-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:20px 2px 7px;color:#e8c988;text-decoration:none}.affiliate-buy span{font-size:.72rem;color:#a89eac}.affiliate-buy b{font-size:.82rem}.sponsored-label{padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:#6f6675;font-size:.5rem;letter-spacing:.1em}
.empty-shop{text-align:center;padding:55px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:25px}.empty-shop span{font-size:2rem;color:var(--shop-gold)}.empty-shop button{padding:10px 16px;border:1px solid rgba(228,189,114,.35);border-radius:99px;background:transparent;color:#efd49b}.affiliate-legal{margin:25px auto!important;max-width:720px;text-align:center;color:#756b7b!important;font-size:.72rem!important;line-height:1.5}
@media(max-width:900px){.affiliate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.affiliate-notice,.setup-warning{grid-template-columns:1fr}.shop-controls{top:68px;grid-template-columns:1fr}.favorites-filter{min-height:42px}.affiliate-grid{grid-template-columns:1fr}.product-art{height:190px}.affiliate-product{border-radius:27px}}
@media(prefers-reduced-motion:reduce){.shop-controls{position:relative;top:auto}}

/* ── update-08.css ── */
/* Atualização 08 — Tarot Livre · Mesa Viva */
.tarot-screen{padding-bottom:max(32px,env(safe-area-inset-bottom))}
.tarot-screen .section-head{align-items:flex-end;margin-bottom:10px}
.tarot-screen .section-head h2{max-width:8ch}
.tarot-screen #remaining{color:rgba(245,229,222,.58);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}
.tarot-screen #count{font-family:var(--serif);font-weight:400;font-size:3.7rem;line-height:.85;color:#e8c779}
.tarot-screen #count small{font-family:var(--sans);font-size:.8rem;color:rgba(255,255,255,.42)}
.deck-progress{height:2px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 2px 16px}
.deck-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#b584ff,#ff76d8,#f1cb78);box-shadow:0 0 14px #d67aff;transition:width .7s cubic-bezier(.22,.8,.22,1)}
.tarot-table{isolation:isolate;position:relative;display:grid;place-items:center;min-height:min(69svh,710px);overflow:hidden;border:1px solid rgba(225,193,127,.25);border-radius:34px;background:radial-gradient(circle at 50% 42%,rgba(111,42,155,.31),transparent 44%),linear-gradient(155deg,rgba(24,14,38,.98),rgba(5,4,13,.98));box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -60px 100px rgba(0,0,0,.4),0 24px 80px rgba(0,0,0,.38);touch-action:pan-x;outline:none}
.tarot-table:focus-visible{box-shadow:0 0 0 2px #e8c779,0 24px 80px rgba(0,0,0,.38)}
.tarot-table::before,.tarot-table::after{content:"";position:absolute;z-index:-1;inset:8%;border:1px solid rgba(196,132,255,.12);border-radius:50%;transform:rotate(18deg)}
.tarot-table::after{inset:16% 4%;border-color:rgba(232,199,121,.1);transform:rotate(-26deg)}
.table-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#eadfff;box-shadow:0 0 10px #c984ff;opacity:.62;animation:tableTwinkle 3s ease-in-out infinite}
.table-stars i:nth-child(1){left:12%;top:15%}.table-stars i:nth-child(2){right:9%;top:27%;animation-delay:-1s}.table-stars i:nth-child(3){left:22%;bottom:13%;animation-delay:-2s}.table-stars i:nth-child(4){right:21%;bottom:18%;animation-delay:-.4s}.table-stars i:nth-child(5){left:52%;top:8%;animation-delay:-1.7s}
.deck-stack{appearance:none;position:absolute;z-index:5;left:18px;bottom:58px;width:76px;height:112px;padding:0;border:0;background:none;color:#f3dcaa;filter:drop-shadow(0 15px 18px rgba(0,0,0,.6));cursor:pointer}
.deck-stack i{position:absolute;inset:0;border:1px solid rgba(232,199,121,.44);border-radius:11px;background:linear-gradient(145deg,#251431,#090713)}
.deck-stack i:nth-child(1){transform:rotate(-7deg) translate(-5px,2px)}.deck-stack i:nth-child(2){transform:rotate(-3deg) translate(-2px,1px)}
.deck-stack i:nth-child(3){background:radial-gradient(circle at 50% 46%,#d86aff 0 2px,transparent 3px),repeating-conic-gradient(from 0deg,rgba(165,92,255,.25) 0 9deg,transparent 9deg 18deg),linear-gradient(145deg,#2a1737,#0b0714)}
.deck-stack span{position:absolute;inset:0;display:grid;place-content:center;gap:4px;font-size:.54rem;letter-spacing:.25em}
.deck-stack small{font-family:var(--serif);font-size:1.4rem;letter-spacing:0;color:#f3dcaa}
.deck-stack:not(:disabled){animation:deckBreathe 3.2s ease-in-out infinite}.deck-stack:active{transform:scale(.94)}.deck-stack:disabled{opacity:.28}
.current{position:relative;z-index:3;width:min(63vw,330px);aspect-ratio:2/3;display:grid;place-items:center;perspective:1000px}
.current img{display:block;width:100%;height:100%;object-fit:cover;border-radius:15px;border:1px solid rgba(239,205,133,.7);box-shadow:0 30px 70px rgba(0,0,0,.75),0 0 30px rgba(172,88,255,.23)}
.current.reversed img{transform:rotate(180deg)}
.current .card-label{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:88%;padding:7px 11px;border:1px solid rgba(232,199,121,.3);border-radius:999px;background:rgba(4,3,9,.8);backdrop-filter:blur(12px);white-space:nowrap}
.current .card-label strong{overflow:hidden;text-overflow:ellipsis;font-family:var(--serif);font-size:.77rem;font-weight:500}.current .card-label span{font-size:.48rem;letter-spacing:.16em;color:#e8c779}
.current.empty{width:min(54vw,260px);aspect-ratio:2/3;border:1px solid rgba(229,197,128,.22);border-radius:18px;background:linear-gradient(145deg,rgba(52,28,70,.7),rgba(8,6,17,.8))}
.empty-card{display:grid;place-items:center;gap:10px;padding:24px;text-align:center;color:rgba(245,229,222,.65);font-family:var(--serif);font-size:1rem}.empty-card>span{font-size:2rem;color:#da85ff;text-shadow:0 0 22px #c251ff}.empty-card small{font-family:var(--sans);font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:#e8c779}
.current.birth{animation:cardBirth .85s cubic-bezier(.18,.86,.2,1)}.tarot-table.revealing::before{animation:revealRing .8s ease-out}
.draw-orb{position:absolute;z-index:6;right:17px;bottom:49px;width:76px;height:76px;border-radius:50%;border:1px solid rgba(232,199,121,.5);background:radial-gradient(circle at 40% 34%,#fff 0 3%,#ee90ff 7%,#8c30c8 26%,#24114c 63%,#070511 100%);box-shadow:inset 0 0 18px rgba(255,255,255,.28),0 0 0 6px rgba(162,77,225,.12),0 0 34px rgba(209,88,255,.5);color:white;display:grid;place-content:center;gap:3px}
.draw-orb span{font-size:1.1rem}.draw-orb small{font-size:.43rem;letter-spacing:.08em}.draw-orb:disabled{filter:grayscale(1);opacity:.3}
.swipe-cue{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);margin:0;font-size:.48rem;letter-spacing:.22em;color:rgba(245,229,222,.38)}
.free-rule{display:grid;grid-template-columns:auto 1fr;gap:14px;margin:16px 2px 24px;padding:14px 16px;border-left:1px solid #e8c779;background:linear-gradient(90deg,rgba(232,199,121,.07),transparent)}
.free-rule b{font-family:var(--serif);font-size:1rem;color:#e8c779}.free-rule span{font-size:.72rem;line-height:1.5;color:rgba(245,229,222,.58)}
.memory-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.memory-head p{margin:0 0 3px;font-size:.52rem;letter-spacing:.22em;color:#d8b86b}.memory-head h3{margin:0;font-family:var(--serif);font-size:1.4rem;font-weight:400}
.memory{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 15px;min-height:122px;overscroll-behavior-inline:contain}.memory::-webkit-scrollbar{height:2px}.memory::-webkit-scrollbar-thumb{background:rgba(232,199,121,.35)}
.memory button{position:relative;flex:0 0 67px;aspect-ratio:2/3;padding:0;border:1px solid rgba(232,199,121,.2);border-radius:8px;overflow:hidden;background:#090713;scroll-snap-align:start}.memory img{width:100%;height:100%;object-fit:cover}.memory button.is-reversed img{transform:rotate(180deg)}.memory button.selected{border-color:#e8c779;box-shadow:0 0 15px rgba(218,133,255,.35)}.memory span{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(5,3,10,.86);font-size:.55rem;color:#e8c779}
@keyframes deckBreathe{50%{filter:drop-shadow(0 15px 18px rgba(0,0,0,.6)) drop-shadow(0 0 11px rgba(206,101,255,.55));transform:translateY(-3px)}}@keyframes tableTwinkle{50%{opacity:.18;transform:scale(.55)}}@keyframes cardBirth{0%{opacity:0;transform:translateY(38px) scale(.25) rotateY(95deg);filter:brightness(2.4) blur(8px)}55%{filter:brightness(1.45) blur(0)}100%{opacity:1;transform:none;filter:none}}@keyframes revealRing{0%{opacity:1;transform:rotate(18deg) scale(.4)}100%{opacity:0;transform:rotate(70deg) scale(1.45)}}
@media(max-width:390px){.tarot-table{min-height:620px;border-radius:27px}.current{width:min(66vw,290px)}.deck-stack{left:10px;width:66px;height:98px}.draw-orb{right:10px;width:67px;height:67px}.tarot-screen #count{font-size:3.1rem}.free-rule{grid-template-columns:1fr;gap:5px}}
@media(orientation:landscape) and (max-height:520px){.tarot-table{min-height:420px}.current{width:auto;height:350px}.deck-stack{bottom:45px}.draw-orb{bottom:40px}}
@media(prefers-reduced-motion:reduce){.deck-stack,.table-stars i,.current.birth,.tarot-table.revealing::before{animation:none!important}.deck-progress i{transition:none}}

/* ── update-09.css ── */
/* Atualização 09 — Tarot Livre · Mesa Real 78 */
.reveal-altar{isolation:isolate;position:relative;min-height:min(67svh,650px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(232,199,121,.25);border-radius:34px;background:radial-gradient(circle at 50% 47%,rgba(129,42,172,.34),transparent 42%),linear-gradient(155deg,#190e26,#05030c 72%);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -70px 110px rgba(0,0,0,.48),0 24px 80px rgba(0,0,0,.38)}
.reveal-altar::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(238,219,255,.42) 0 1px,transparent 1.5px);background-size:53px 53px;opacity:.24;pointer-events:none}
.altar-rings,.altar-rings i{position:absolute;inset:12%;border:1px solid rgba(213,151,255,.13);border-radius:50%;pointer-events:none}.altar-rings{animation:altarDrift 18s linear infinite}.altar-rings i:nth-child(1){inset:9% -5%;transform:rotate(53deg)}.altar-rings i:nth-child(2){inset:-8% 13%;transform:rotate(-37deg);border-color:rgba(232,199,121,.11)}.altar-rings i:nth-child(3){inset:21% -13%;transform:rotate(20deg)}
.reveal-altar .table-preview{margin-bottom:72px}.table-orb{position:absolute;z-index:8;right:20px;bottom:20px;width:108px;height:108px;padding:0;border:1px solid rgba(247,220,158,.58);border-radius:50%;display:grid;place-content:center;gap:5px;overflow:hidden;color:white;background:radial-gradient(circle at 38% 30%,#fff 0 3%,#8df4ff 7%,#f17bff 17%,#8d35d5 36%,#251251 66%,#07040f 100%);box-shadow:inset 0 0 26px rgba(255,255,255,.32),0 0 0 7px rgba(168,73,232,.11),0 0 40px rgba(208,80,255,.56);cursor:pointer;animation:tableOrbBreathe 3.4s ease-in-out infinite}.table-orb-light{position:absolute;width:72%;height:72%;left:-12%;top:10%;border-radius:50%;background:radial-gradient(circle,#fff,rgba(116,241,255,.7) 16%,transparent 58%);filter:blur(8px);mix-blend-mode:screen;animation:tableOrbFlow 5.8s ease-in-out infinite}.table-orb strong,.table-orb small{position:relative;z-index:2}.table-orb strong{font-size:1.25rem;text-shadow:0 0 12px white}.table-orb small{max-width:76px;font-size:.43rem;line-height:1.45;letter-spacing:.14em}.table-orb:active{transform:scale(.94)}.table-orb:disabled{animation:none;filter:grayscale(.75);opacity:.48}.reveal-altar.revealing .table-orb{animation:tableOrbReveal .8s cubic-bezier(.2,.8,.2,1)}
.real-table-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 2px 12px}.real-table-head p{margin:0 0 4px;color:#d8b86b;font-size:.55rem;letter-spacing:.24em}.real-table-head h3{margin:0;font-family:var(--serif);font-size:1.35rem;font-weight:400}.real-table{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:10px;border:1px solid rgba(232,199,121,.25);border-radius:20px;background:linear-gradient(145deg,rgba(39,16,49,.97),rgba(5,4,12,.98)),repeating-linear-gradient(0deg,transparent 0 100px,rgba(232,199,121,.05) 100px 102px);box-shadow:inset 0 0 65px rgba(0,0,0,.72),0 22px 70px rgba(0,0,0,.3)}
.table-slot{position:relative;min-width:0;aspect-ratio:2/3;padding:0;overflow:hidden;border:1px solid rgba(232,199,121,.2);border-radius:7px;background:radial-gradient(circle at 50% 40%,rgba(158,77,214,.16),transparent 35%),linear-gradient(145deg,#24132f,#090611);color:rgba(232,199,121,.62);box-shadow:inset 0 0 0 2px rgba(0,0,0,.28)}.table-slot::before{content:"";position:absolute;inset:7%;border:1px solid rgba(183,115,238,.15);border-radius:50%}.table-slot .position{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:clamp(.62rem,2.7vw,1rem)}.table-slot.revealed{cursor:pointer;border-color:rgba(232,199,121,.48);background:#08050e}.table-slot.revealed::before{display:none}.table-slot img{display:block;width:100%;height:100%;object-fit:cover}.table-slot.is-reversed img{transform:rotate(180deg)}.table-slot .order{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(4,3,9,.86);color:#f0d38e;font-size:.48rem}.table-slot.selected{outline:2px solid #e8c779;outline-offset:1px;box-shadow:0 0 18px rgba(210,103,255,.65)}.table-slot.landing{animation:slotLanding .9s cubic-bezier(.16,.84,.2,1)}
@keyframes tableOrbBreathe{50%{box-shadow:inset 0 0 32px rgba(255,255,255,.42),0 0 0 10px rgba(168,73,232,.08),0 0 54px rgba(208,80,255,.72);transform:scale(1.025)}}@keyframes tableOrbFlow{50%{transform:translate(65%,32%) scale(1.18);filter:blur(12px)}}@keyframes tableOrbReveal{0%{filter:brightness(1)}45%{filter:brightness(2.2);transform:scale(1.12)}100%{filter:brightness(1)}}@keyframes altarDrift{to{transform:rotate(360deg)}}@keyframes slotLanding{0%{opacity:0;transform:translateY(-25px) scale(1.2);filter:brightness(2)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:390px){.reveal-altar{min-height:590px;border-radius:27px}.table-orb{width:94px;height:94px;right:13px;bottom:13px}.reveal-altar .table-preview{width:min(64vw,280px);margin-bottom:62px}.real-table{gap:4px;padding:7px;border-radius:16px}.table-slot{border-radius:5px}.real-table-head h3{font-size:1.15rem}}
@media(min-width:720px){.real-table{gap:10px;padding:18px}.table-slot{border-radius:10px}.table-orb{right:32px;bottom:28px}}
@media(orientation:landscape) and (max-height:520px){.reveal-altar{min-height:430px}.reveal-altar .table-preview{height:350px;width:auto;margin:0 100px 0 0}.table-orb{width:88px;height:88px}}
@media(prefers-reduced-motion:reduce){.altar-rings,.table-orb,.table-orb-light,.reveal-altar.revealing .table-orb,.table-slot.landing{animation:none!important}.deck-progress i{transition:none}}

/* ── update-11.css ── */
.table-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.table-actions .text-button{min-height:44px;padding:.65rem .9rem}.table-actions button:disabled{opacity:.38}.journal-form{display:grid;gap:1rem}.journal-form input,.journal-form select,.journal-form textarea,.journal-tools input,.ai-settings input,.ai-settings select{width:100%;margin-top:.45rem;border:1px solid rgba(222,186,116,.23);border-radius:16px;background:#0c0713;color:#f8eddd;padding:.9rem;font:inherit}.journal-form textarea{min-height:170px;resize:vertical}.journal-tools{display:flex;gap:.7rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.journal-tools input{flex:1;min-width:220px}.journal-entry h3{margin:.35rem 0}.journal-tags{display:inline-block;color:#d8b776;border:1px solid rgba(216,183,118,.28);border-radius:999px;padding:.3rem .65rem}.meaning-card p{line-height:1.72}.spread-meanings article{padding:1.25rem}.spread-meanings h4{margin:1.1rem 0 .25rem;color:#d9b873;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.spread-meanings .reflection{border-left:2px solid #b48b4c;padding-left:1rem;font-style:italic}.spread-synthesis{margin-top:1rem;padding:1.3rem;border:1px solid rgba(217,184,115,.28);border-radius:22px}.spread-synthesis span,.chapter-head span{color:#d9b873;font-size:.75rem;letter-spacing:.15em}.ai-settings{display:grid;gap:.9rem;margin-bottom:1rem}.chat{min-height:310px}.chapter-head{display:flex;align-items:end;justify-content:space-between;margin:2rem 0 1rem}.album-library{display:grid;gap:1.4rem}.album-library>article{padding:1rem;border:1px solid rgba(217,184,115,.2);border-radius:24px;background:rgba(15,8,22,.72)}
@media(max-width:560px){.real-table-head{align-items:flex-start;gap:1rem;flex-direction:column}.table-actions{width:100%}.table-actions button{flex:1}.journal-tools{align-items:stretch;flex-direction:column}}

/* ── visual-v68.css ── */
/* DIVINA BRUXA — V68 · TEMPLO VIVO
   Aparência estável da Home, Orbe, Menu Mágico e dock. */
:root{
  --bg:#030107;
  --bg-soft:#090311;
  --panel:#100719;
  --ink:#f8f0e8;
  --muted:#aaa0ad;
  --gold:#dcb16b;
  --gold-bright:#ffe1a5;
  --gold-line:rgba(220,177,107,.32);
  --violet:#a535d2;
  --violet-bright:#e34fff;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --dock-height:78px;
}

*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100svh;overflow-x:hidden;overscroll-behavior-x:none;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:
  radial-gradient(ellipse at 50% 12%,rgba(92,24,126,.22),transparent 34rem),
  radial-gradient(ellipse at 8% 70%,rgba(56,16,92,.13),transparent 27rem),
  linear-gradient(180deg,#030107,#06020c 58%,#020106)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.24;background-image:
  radial-gradient(circle,rgba(255,255,255,.85) 0 .7px,transparent 1.35px),
  radial-gradient(circle,rgba(196,116,255,.72) 0 .8px,transparent 1.5px),
  radial-gradient(circle,rgba(255,205,124,.58) 0 .65px,transparent 1.3px);
  background-size:97px 113px,149px 173px,211px 239px;background-position:13px 19px,51px 79px,101px 41px;
  mask-image:linear-gradient(#000,rgba(0,0,0,.78) 70%,transparent)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}
.cosmos{display:none!important}

/* Cabeçalho */
.app-header{position:fixed;z-index:40;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 20px 10px;background:linear-gradient(180deg,rgba(3,1,7,.99) 45%,rgba(3,1,7,.82) 74%,transparent);pointer-events:none}
.app-header button{pointer-events:auto}
.brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:var(--gold-bright);text-align:left}
.brand b{display:block;font:500 clamp(18px,4.7vw,28px)/1 var(--serif);letter-spacing:.13em;white-space:nowrap;text-shadow:0 0 24px rgba(232,178,95,.16)}
.brand small{display:block;margin-top:6px;color:var(--gold);font:500 8px/1 var(--sans);letter-spacing:.29em;white-space:nowrap}
.menu-button{display:grid;grid-template-columns:20px auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;min-width:116px;height:52px;padding:0 18px;border:1px solid rgba(220,177,107,.66);border-radius:999px;background:linear-gradient(145deg,rgba(21,10,30,.88),rgba(6,3,11,.92));color:var(--gold-bright);box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 28px rgba(154,45,201,.09);transition:filter .2s,background .2s}
.menu-button i{grid-column:1;display:block;width:19px;height:1px;border-radius:2px;background:var(--gold)}
.menu-button i:first-child{grid-row:1;align-self:end;margin-bottom:4px}.menu-button i:nth-child(2){grid-row:2;align-self:start;margin-top:4px}
.menu-button span{grid-column:2;grid-row:1/3;font:500 12px var(--serif);letter-spacing:.21em}
.menu-button:active{filter:brightness(1.25);background:rgba(77,25,99,.46)}

/* Pequenas Orbes V70: a mesma galáxia aprovada, viva em repouso e ao toque. */
.mini-orb{--mini-glow-x:50%;--mini-glow-y:50%;position:relative;isolation:isolate;display:block;flex:none;width:48px;height:48px;overflow:hidden;border:0;border-radius:50%;background-color:#0a0310;background-image:url("./divina-orb-v68.png?v=71");background-size:104%;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 23px rgba(207,58,255,.78),0 0 43px rgba(105,34,202,.28);filter:saturate(var(--mini-saturation,1.06)) brightness(var(--mini-brightness,.98));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:filter;transition:filter .18s,box-shadow .18s}
.mini-orb:before{content:"";position:absolute;z-index:3;inset:-10%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at var(--mini-glow-x) var(--mini-glow-y),rgba(255,248,224,.94) 0 2%,rgba(238,96,255,.38) 13%,transparent 44%);mix-blend-mode:screen;opacity:0;transition:opacity .16s}
.mini-orb:after{content:"";position:absolute;z-index:2;inset:0;border-radius:50%;pointer-events:none;background-image:radial-gradient(ellipse at 27% 15%,rgba(255,255,255,.20),transparent 24%),url("./divina-orb-v68.png?v=71");background-size:100% 100%,104%;background-position:center,50% 50%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:var(--mini-layer-opacity,.14);will-change:opacity}
.mini-orb.mini-awake{filter:saturate(1.28) brightness(1.22);box-shadow:0 0 29px rgba(233,83,255,.98),0 0 57px rgba(128,50,226,.48)}
.mini-orb.mini-awake:before{opacity:1}.mini-orb.mini-release:before{animation:v68MiniRelease .62s ease-out}

/* Telas e Home: apenas identidade, mensagem, Orbe e dock. */
main{position:relative;z-index:1}
.screen{display:none;min-height:100svh;max-width:960px;margin:0 auto;padding:120px 20px calc(44px + var(--dock-height) + env(safe-area-inset-bottom))}
.screen.active{display:block;animation:v68ScreenIn .38s cubic-bezier(.2,.8,.2,1) both}
.home-screen{display:none;text-align:center;min-height:100svh;padding-top:calc(105px + env(safe-area-inset-top));padding-bottom:calc(104px + env(safe-area-inset-bottom));overflow:hidden}
.home-screen.active{display:flex;flex-direction:column;align-items:center}
.home-screen .portal-divider{display:none!important}
.home-copy{position:relative;z-index:2;width:100%;margin:0 auto}
.home-copy .eyebrow{margin:0;color:var(--gold);font:500 11px var(--serif);letter-spacing:.30em}
.home-copy h1{margin:12px 0 7px;color:var(--ink);font:400 clamp(50px,12.6vw,84px)/.92 var(--serif);letter-spacing:-.045em;white-space:nowrap;text-shadow:0 8px 36px rgba(0,0,0,.36)}
.home-copy h1 span{margin-left:6px;color:var(--gold-bright);font-size:.34em;vertical-align:.25em}
.home-copy .intro{margin:0;color:#b5abb8;font-size:clamp(15px,3.8vw,20px);line-height:1.35}
.home-paths,.home-skins,.home-touch,.home-commerce,.home-trust{display:none!important}

/* Orbe principal: a circunferência é fixa; somente a matéria interna respira. */
.orb-stage-ref{position:relative;isolation:isolate;width:min(92vw,55svh,520px);aspect-ratio:1;margin:18px auto 0;display:grid;place-items:center;flex:none;touch-action:none;overscroll-behavior:contain}
.orb-stage-ref:before{content:"";position:absolute;z-index:0;inset:-12%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(222,63,255,.30),rgba(111,38,215,.15) 38%,rgba(72,21,137,.06) 57%,transparent 72%);filter:blur(20px);opacity:.68;animation:v68AuraBreath 7.8s ease-in-out infinite}
.orb-stage-ref:after,.orb-stage-ref>.orbit-mark{display:none!important;content:none!important}
.orb-shell{--orb-touch-x:50%;--orb-touch-y:50%;--orb-touch-energy:.1;--orb-touch-opacity:.17;position:relative;isolation:isolate;z-index:2;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;margin:0;padding:0;overflow:hidden;border:0;border-radius:50%;clip-path:circle(50% at 50% 50%);background:#0a0310;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;contain:layout paint;filter:drop-shadow(0 0 26px rgba(173,42,251,.42)) drop-shadow(0 0 64px rgba(99,31,186,.18));transition:filter .2s}
.orb-shell:before{content:"";position:absolute;z-index:0;inset:0;border-radius:50%;pointer-events:none;background-color:#0b0313;background-image:url("./divina-orb-v68.png?v=69");background-repeat:no-repeat;background-position:center;background-size:102%;filter:saturate(1.03) brightness(.96);animation:v68FallbackBreath 7.8s cubic-bezier(.42,0,.25,1) infinite;transition:opacity .28s;will-change:background-size,background-position,filter}
.orb-shell.orb-live:before{opacity:0}.orb-shell.orb-loading:before,.orb-shell.webgl-fallback:before{opacity:1}
.orb-shell canvas{position:absolute!important;z-index:1!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:50%!important;clip-path:circle(50% at 50% 50%)!important;background:transparent!important;touch-action:none!important;image-rendering:auto;opacity:0;transition:opacity .34s ease}
.orb-shell.orb-live canvas{opacity:1}
.orb-shell:after{content:"";position:absolute;z-index:3;inset:0;border-radius:50%;pointer-events:none;background:
  radial-gradient(circle at var(--orb-touch-x) var(--orb-touch-y),rgba(255,248,224,.66) 0 .7%,rgba(237,105,255,.20) 5%,rgba(124,48,222,.07) 15%,transparent 29%),
  radial-gradient(ellipse at 27% 15%,rgba(255,255,255,.12) 0 2%,rgba(255,255,255,.028) 11%,transparent 28%);
  mix-blend-mode:screen;opacity:var(--orb-touch-opacity,.17);transition:opacity .16s}
.orb-halo{position:absolute;z-index:2;inset:8%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 51%,rgba(234,87,255,.07),transparent 47%);mix-blend-mode:screen;opacity:.6}
.orb-glass{position:absolute;z-index:4;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 25% 13%,rgba(255,255,255,.10) 0 2%,rgba(255,255,255,.02) 12%,transparent 27%),linear-gradient(137deg,rgba(255,255,255,.025),transparent 31% 70%,rgba(255,85,235,.022));mix-blend-mode:screen;opacity:.56;transition:opacity .2s,filter .2s}
.orb-shell.is-touching{filter:drop-shadow(0 0 38px rgba(220,73,255,.72)) drop-shadow(0 0 76px rgba(115,43,218,.26))}
.orb-shell.is-touching:after{opacity:.78}.orb-shell.is-touching .orb-glass{opacity:.82;filter:brightness(1.2)}
.orb-shell.phase-release{filter:drop-shadow(0 0 46px rgba(224,76,255,.72)) drop-shadow(0 0 88px rgba(116,42,220,.28))}
.orb-shell.phase-release .orb-glass{animation:v68GlassRelease .9s ease-out}
.orb-shell.phase-resonance{filter:drop-shadow(0 0 58px rgba(241,101,255,.88)) drop-shadow(0 0 110px rgba(130,57,235,.42))}
.orb-shell.phase-resonance:after{opacity:.82}.orb-shell.phase-resonance .orb-glass{filter:brightness(1.35);opacity:.9}
.awaken{margin:15px 0 0;color:var(--gold-bright);font:500 13px var(--serif);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 18px rgba(225,177,98,.16)}
.orb-status{min-height:18px;margin:8px 0 0;color:#b2a6b6;font-size:12px}.touch-hint{margin:4px 0 0;color:#948a99;font-size:12px}

/* Dock inferior */
.magic-dock{position:fixed;z-index:45;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));width:min(calc(100% - 24px),720px);height:var(--dock-height);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:6px 8px 4px;border:1px solid rgba(227,187,117,.72);border-radius:30px;background:radial-gradient(ellipse at 50% -35%,rgba(170,51,224,.24),transparent 51%),linear-gradient(180deg,rgba(27,12,39,.96),rgba(5,2,10,.985));box-shadow:0 18px 52px rgba(0,0,0,.72),inset 0 1px rgba(255,245,220,.10),inset 0 0 38px rgba(157,44,210,.12),0 0 24px rgba(93,30,156,.10);backdrop-filter:blur(19px) saturate(132%);-webkit-backdrop-filter:blur(19px) saturate(132%);transform:translateX(-50%)}
.magic-dock button{position:relative;min-width:0;height:62px;display:grid;place-items:center;align-content:center;gap:4px;padding:0;border:0;background:transparent;color:#958c9c;transition:color .18s,filter .18s}
.magic-dock button>span:not(.mini-orb){font-size:22px;line-height:1}.magic-dock small{font:500 9px var(--serif);white-space:nowrap}
.magic-dock button.is-current{color:var(--gold-bright)}.magic-dock button.is-current>span:not(.mini-orb){filter:drop-shadow(0 0 8px rgba(255,211,135,.48))}
.magic-dock button:not(.dock-orb).is-current:after{content:"";position:absolute;bottom:1px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 10px var(--gold)}
.magic-dock button:active{filter:brightness(1.35)}
.magic-dock .dock-orb{overflow:visible;color:var(--gold-bright)}
.magic-dock .dock-orb:before{content:"";position:absolute;left:50%;top:-35px;width:92px;height:92px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(223,75,255,.23),rgba(116,39,213,.10) 42%,transparent 70%);filter:blur(9px);transform:translateX(-50%);animation:v70DockAura 7.2s ease-in-out infinite}
.magic-dock .dock-orb .mini-orb{position:absolute;z-index:2;top:-27px;left:50%;width:64px;height:64px;transform:translateX(-50%);box-shadow:0 0 25px rgba(220,70,255,.94),0 0 51px rgba(112,42,207,.42)}
.magic-dock .dock-orb .mini-orb.mini-awake{transform:translateX(-50%);filter:saturate(1.25) brightness(1.23)}
.magic-dock .dock-orb small{margin-top:29px;color:var(--gold-bright)}

/* Menu Mágico radial */
.drawer.magic-menu{position:fixed;z-index:70;inset:0;display:block;visibility:hidden;opacity:0;background:rgba(1,0,4,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overscroll-behavior:contain;transition:opacity .28s ease,visibility .28s ease}
.drawer.magic-menu.open{visibility:visible;opacity:1}
.magic-menu .magic-menu-sheet{position:absolute;inset:0;width:100%;max-width:none;padding:calc(18px + env(safe-area-inset-top)) clamp(14px,4vw,34px) calc(24px + env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:
  radial-gradient(ellipse at 50% 20%,rgba(143,35,188,.34),transparent 30rem),
  radial-gradient(ellipse at 84% 58%,rgba(82,23,126,.18),transparent 25rem),
  radial-gradient(ellipse at 12% 78%,rgba(70,20,111,.17),transparent 23rem),
  linear-gradient(160deg,#160920,#030107 70%);transform:translateY(14px);opacity:.72;transition:transform .42s cubic-bezier(.18,.78,.22,1),opacity .3s ease}
.magic-menu .magic-menu-sheet::-webkit-scrollbar{display:none}.drawer.magic-menu.open .magic-menu-sheet{transform:none;opacity:1}
.magic-menu .magic-menu-sheet:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.20;background-image:radial-gradient(circle,rgba(255,255,255,.86) 0 .65px,transparent 1.3px),radial-gradient(circle,rgba(225,168,255,.74) 0 .75px,transparent 1.45px);background-size:111px 127px,181px 207px;background-position:17px 29px,77px 93px;mask-image:linear-gradient(#000,rgba(0,0,0,.58),transparent)}
.magic-menu-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(100%,800px);margin:0 auto;padding:0 2px 12px;border-bottom:1px solid rgba(220,177,107,.18)}
.magic-menu-brand{display:flex;align-items:center;gap:10px;text-align:left;color:var(--gold-bright)}.magic-menu-brand .mini-orb{width:45px;height:45px}
.magic-menu-brand b{display:block;font:500 17px var(--serif);letter-spacing:.12em}.magic-menu-brand small{display:block;margin-top:4px;color:var(--gold);font-size:7px;letter-spacing:.23em}
.magic-menu-top>button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(220,177,107,.56);border-radius:50%;background:rgba(7,3,12,.74);color:var(--gold-bright);font-size:31px;line-height:1;box-shadow:inset 0 0 18px rgba(125,35,172,.12)}
.magic-menu-kicker{position:relative;z-index:2;margin:16px auto 7px;text-align:center;color:var(--gold-bright);font:500 clamp(10px,2.7vw,14px) var(--serif);letter-spacing:.23em}
.magic-menu-universe{position:relative;isolation:isolate;width:min(92vw,440px);aspect-ratio:1;margin:0 auto 13px;display:grid;place-items:center;overflow:visible}
.magic-menu-universe:before{content:"";position:absolute;z-index:0;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(218,68,255,.34),rgba(108,35,214,.12) 45%,transparent 72%);filter:blur(18px);animation:v68MenuAura 6.8s ease-in-out infinite}
.magic-menu-orbits{position:absolute;z-index:1;inset:9%;border:1px solid rgba(230,190,118,.38);border-radius:50%;pointer-events:none;box-shadow:inset 0 0 28px rgba(136,46,203,.07),0 0 26px rgba(115,37,177,.06)}
.magic-menu-orbits:before,.magic-menu-orbits:after,.magic-menu-orbits i:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f7d99e;box-shadow:0 0 7px #ffd98c,0 0 16px #d878ff}
.magic-menu-orbits:before{left:9%;top:19%}.magic-menu-orbits:after{right:4%;top:50%;width:4px;height:4px}
.magic-menu-orbits i{position:absolute;border-radius:50%;pointer-events:none}.magic-menu-orbits i:before{left:-3px;top:50%;width:4px;height:4px}.magic-menu-orbits i:nth-child(1){inset:9%;border:1px dashed rgba(189,95,232,.34)}.magic-menu-orbits i:nth-child(2){inset:22%;border:1px solid rgba(229,185,111,.24)}.magic-menu-orbits i:nth-child(3){inset:35%;border:1px solid rgba(188,85,234,.25)}
.drawer.magic-menu.open .magic-menu-orbits{animation:v68Orbit 42s linear infinite}.drawer.magic-menu.open .magic-menu-orbits i:nth-child(1){animation:v68OrbitReverse 27s linear infinite}.drawer.magic-menu.open .magic-menu-orbits i:nth-child(2){animation:v68Orbit 19s linear infinite}.drawer.magic-menu.open .magic-menu-orbits i:nth-child(3){animation:v68OrbitReverse 13s linear infinite}
.magic-menu-core{position:relative;isolation:isolate;z-index:4;width:38%;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;transition:filter .18s}
.magic-menu-core:before{content:"";position:absolute;z-index:-1;inset:-26%;border-radius:50%;background:radial-gradient(circle,rgba(230,71,255,.36),rgba(111,36,211,.12) 45%,transparent 70%);filter:blur(13px);animation:v68MenuCoreBreath 6.4s ease-in-out infinite}
.magic-menu-core .mini-orb{width:100%;height:100%;box-shadow:0 0 34px rgba(222,73,255,.96),0 0 76px rgba(111,42,211,.48),0 0 112px rgba(87,25,164,.18)}
.magic-menu-core:focus-visible{outline:2px solid var(--gold-bright);outline-offset:8px}.magic-menu-core:active{filter:brightness(1.28)}
.magic-menu-radial{position:absolute;z-index:3;inset:0;display:block}
.magic-menu-radial button{position:absolute;width:80px;min-height:64px;padding:0;border:0;background:transparent;color:#c7bbc9;text-align:center;display:grid;justify-items:center;align-content:start;gap:5px;touch-action:manipulation;transition:color .18s,filter .18s}
.magic-menu-radial button span{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,192,121,.64);border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(100,36,129,.37),transparent 42%),linear-gradient(145deg,rgba(19,8,29,.97),rgba(4,2,9,.97));color:var(--gold-bright);font-size:18px;box-shadow:inset 0 0 17px rgba(165,46,216,.16),0 0 17px rgba(0,0,0,.34),0 0 10px rgba(210,157,81,.08)}
.magic-menu-radial button b{font:500 9px/1.1 var(--serif);white-space:nowrap}.magic-menu-radial button:hover,.magic-menu-radial button:focus-visible,.magic-menu-radial button.is-current{color:var(--gold-bright);filter:brightness(1.22) drop-shadow(0 0 9px rgba(235,180,96,.30))}
.magic-menu-radial button:nth-child(1){left:50%;top:0;transform:translateX(-50%)}
.magic-menu-radial button:nth-child(2){right:1%;top:15%}.magic-menu-radial button:nth-child(3){right:-1%;top:45%}.magic-menu-radial button:nth-child(4){right:9%;bottom:4%}
.magic-menu-radial button:nth-child(5){left:50%;bottom:0;transform:translateX(-50%)}.magic-menu-radial button:nth-child(6){left:9%;bottom:4%}.magic-menu-radial button:nth-child(7){left:-1%;top:45%}.magic-menu-radial button:nth-child(8){left:1%;top:15%}
.magic-menu-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(100%,800px);margin:0 auto}
.magic-menu-rail button{position:relative;min-height:66px;display:grid;grid-template-columns:39px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border:1px solid rgba(220,177,107,.21);border-radius:15px;background:linear-gradient(145deg,rgba(25,11,37,.86),rgba(6,3,12,.94));color:var(--ink);text-align:left;overflow:hidden;transition:border-color .18s,background .18s,filter .18s}
.magic-menu-rail button:active{filter:brightness(1.25)}.magic-menu-rail button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(220,177,107,.48);border-radius:50%;color:var(--gold-bright)}
.magic-menu-rail strong{font:500 9px var(--serif);letter-spacing:.07em}.magic-menu-rail small{color:var(--muted);font-size:8px}.magic-menu-rail button.is-current{border-color:rgba(244,204,132,.64);background:rgba(56,20,69,.52)}
.magic-menu-extra{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:min(100%,800px);margin:14px auto 0}.magic-menu-extra button{padding:8px 12px;border:1px solid rgba(220,177,107,.20);border-radius:999px;background:rgba(9,4,15,.72);color:#b6abb9;font-size:10px}
.drawer.magic-menu.open .magic-menu-radial button,.drawer.magic-menu.open .magic-menu-rail button,.drawer.magic-menu.open .magic-menu-extra button{animation:v68MenuReveal .42s ease backwards}
.drawer.magic-menu.open .magic-menu-radial button:nth-child(2),.drawer.magic-menu.open .magic-menu-rail button:nth-child(2){animation-delay:.035s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(3),.drawer.magic-menu.open .magic-menu-rail button:nth-child(3){animation-delay:.07s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(4),.drawer.magic-menu.open .magic-menu-rail button:nth-child(4){animation-delay:.105s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(5),.drawer.magic-menu.open .magic-menu-rail button:nth-child(5){animation-delay:.14s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(6),.drawer.magic-menu.open .magic-menu-rail button:nth-child(6){animation-delay:.175s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(7){animation-delay:.21s}.drawer.magic-menu.open .magic-menu-radial button:nth-child(8){animation-delay:.245s}

/* V71 — Menu de um único anel, fiel à referência e completamente estável. */
.magic-menu-kicker{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:18px;margin-bottom:5px;white-space:nowrap}
.magic-menu-kicker:before,.magic-menu-kicker:after{content:"";width:min(15vw,105px);height:1px;background:linear-gradient(90deg,transparent,rgba(224,182,108,.48))}.magic-menu-kicker:after{transform:scaleX(-1)}
.magic-menu-universe{width:min(96vw,520px);margin-top:2px;margin-bottom:22px}
.magic-menu-universe:before{inset:24%;background:radial-gradient(circle,rgba(224,66,255,.34),rgba(112,36,218,.13) 48%,transparent 72%);animation:v71SacredAura 7.8s ease-in-out infinite}
.magic-menu-orbits{inset:16%;border-color:rgba(231,190,117,.55);box-shadow:inset 0 0 32px rgba(148,47,214,.08),0 0 28px rgba(207,139,68,.06);animation:none!important}
.magic-menu-orbits i{display:none!important;animation:none!important}
.magic-menu-orbits:before,.magic-menu-orbits:after{width:5px;height:5px;background:#f8dda8;box-shadow:0 0 7px #ffd98c,0 0 17px #dc7cff;animation:v71OrbitStar 4.8s ease-in-out infinite}
.magic-menu-orbits:before{left:50%;top:-3px}.magic-menu-orbits:after{right:-3px;top:50%;animation-delay:-2.4s}
.magic-menu-core{width:42%;transform:none!important}
.magic-menu-core:before{inset:-24%;animation:v71SacredAura 7.8s ease-in-out infinite}
.magic-menu-core .mini-orb{background-position:50% 50%!important;transform:none!important;box-shadow:0 0 34px rgba(222,73,255,.96),0 0 78px rgba(111,42,211,.48),0 0 118px rgba(87,25,164,.18)}
.magic-menu-radial button{width:136px;height:48px;min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#d4c9d6;text-align:left;filter:none;transform:none}
.magic-menu-radial button span{flex:0 0 44px;width:44px;height:44px;border-color:rgba(232,193,121,.72);background:radial-gradient(circle at 35% 25%,rgba(101,36,133,.38),transparent 44%),linear-gradient(145deg,rgba(18,8,28,.98),rgba(4,2,9,.98));box-shadow:inset 0 0 18px rgba(166,47,218,.17),0 0 14px rgba(222,173,92,.08)}
.magic-menu-radial button b{font:500 10px/1.12 var(--serif);white-space:normal;text-shadow:0 0 14px rgba(230,185,111,.12)}
.magic-menu-radial button:nth-child(1),.magic-menu-radial button:nth-child(5){left:50%;width:120px;height:74px;flex-direction:column;justify-content:flex-start;gap:4px;text-align:center;transform:translateX(-50%)}
.magic-menu-radial button:nth-child(1){top:calc(16% - 22px)}
.magic-menu-radial button:nth-child(2){left:calc(75% - 22px);right:auto;top:calc(25% - 22px)}
.magic-menu-radial button:nth-child(3){left:calc(84% - 22px);right:auto;top:calc(50% - 22px)}
.magic-menu-radial button:nth-child(4){left:calc(75% - 22px);right:auto;top:calc(75% - 22px);bottom:auto}
.magic-menu-radial button:nth-child(5){top:calc(84% - 22px);bottom:auto}
.magic-menu-radial button:nth-child(6),.magic-menu-radial button:nth-child(7),.magic-menu-radial button:nth-child(8){left:auto;flex-direction:row-reverse;text-align:right}
.magic-menu-radial button:nth-child(6){right:calc(75% - 22px);top:calc(75% - 22px);bottom:auto}
.magic-menu-radial button:nth-child(7){right:calc(84% - 22px);top:calc(50% - 22px)}
.magic-menu-radial button:nth-child(8){right:calc(75% - 22px);top:calc(25% - 22px)}
.magic-menu-radial button:hover span,.magic-menu-radial button:focus-visible span,.magic-menu-radial button.is-current span{border-color:#f2ce8a;box-shadow:inset 0 0 20px rgba(185,59,234,.24),0 0 16px rgba(231,183,101,.25)}
.magic-dock .dock-orb:before{top:-29px;width:82px;height:82px}
.magic-dock .dock-orb .mini-orb,.magic-dock .dock-orb .mini-orb.mini-awake{top:-20px;width:60px;height:60px;background-position:50% 50%!important;transform:translateX(-50%)!important}
.magic-menu-brand .mini-orb,.brand .mini-orb{background-position:50% 50%!important;transform:none!important}

/* V72 — O Menu nasce sobre a própria Orbe principal da Home. */
.drawer.magic-menu{display:none!important}
.home-copy,.awaken,.orb-status,.touch-hint{transition:opacity .24s ease,filter .24s ease}
.orb-stage-ref{transition:width .42s cubic-bezier(.2,.78,.2,1),margin .42s cubic-bezier(.2,.78,.2,1)}
.orb-shell{transition:width .42s cubic-bezier(.2,.78,.2,1),filter .2s}
.home-orb-menu{position:absolute;z-index:5;inset:0;display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .26s ease,visibility .26s ease}
.home-orb-menu:before{content:"";position:absolute;z-index:0;inset:17%;border:1px solid rgba(232,191,118,.62);border-radius:50%;box-shadow:inset 0 0 32px rgba(161,52,221,.09),0 0 22px rgba(228,175,93,.06);opacity:.9}
.home-orb-menu:after{content:"";position:absolute;z-index:0;inset:25%;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(223,65,255,.19),rgba(112,36,211,.07) 51%,transparent 72%);filter:blur(13px);animation:v72MenuAura 7.8s ease-in-out infinite}
.home-orb-menu>p{position:absolute;z-index:4;left:50%;top:-34px;width:100%;margin:0;transform:translateX(-50%);color:var(--gold-bright);font:500 clamp(10px,2.8vw,14px) var(--serif);letter-spacing:.20em;white-space:nowrap;text-align:center;text-shadow:0 0 16px rgba(233,189,116,.14)}
.home-orb-menu>p:before,.home-orb-menu>p:after{content:"";display:inline-block;width:min(12vw,76px);height:1px;margin:0 10px 4px;background:linear-gradient(90deg,transparent,rgba(226,183,110,.48))}.home-orb-menu>p:after{transform:scaleX(-1)}
.home-orb-menu button{position:absolute;z-index:6;width:112px;height:46px;min-height:46px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0;border:0;background:transparent;color:#d8cdd9;text-align:left;pointer-events:auto;touch-action:manipulation;opacity:0;filter:blur(3px);transition:color .18s,filter .18s}
.home-orb-menu button span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(232,192,120,.72);border-radius:50%;background:radial-gradient(circle at 35% 24%,rgba(104,37,139,.40),transparent 44%),linear-gradient(145deg,rgba(18,8,28,.98),rgba(4,2,9,.98));color:var(--gold-bright);font-size:18px;line-height:1;box-shadow:inset 0 0 18px rgba(169,48,220,.18),0 0 13px rgba(229,178,96,.10)}
.home-orb-menu button b{font:500 9px/1.12 var(--serif);white-space:normal;text-shadow:0 0 13px rgba(230,185,111,.12)}
.home-orb-menu button:nth-of-type(1),.home-orb-menu button:nth-of-type(5){left:50%;width:108px;height:68px;flex-direction:column;justify-content:flex-start;gap:3px;text-align:center;transform:translateX(-50%)}
.home-orb-menu button:nth-of-type(1){top:calc(17% - 21px)}
.home-orb-menu button:nth-of-type(2){left:calc(73% - 21px);top:calc(27% - 21px)}
.home-orb-menu button:nth-of-type(3){left:calc(83% - 21px);top:calc(50% - 21px)}
.home-orb-menu button:nth-of-type(4){left:calc(73% - 21px);top:calc(73% - 21px)}
.home-orb-menu button:nth-of-type(5){top:calc(83% - 21px)}
.home-orb-menu button:nth-of-type(6),.home-orb-menu button:nth-of-type(7),.home-orb-menu button:nth-of-type(8){flex-direction:row-reverse;text-align:right}
.home-orb-menu button:nth-of-type(6){right:calc(73% - 21px);top:calc(73% - 21px)}
.home-orb-menu button:nth-of-type(7){right:calc(83% - 21px);top:calc(50% - 21px)}
.home-orb-menu button:nth-of-type(8){right:calc(73% - 21px);top:calc(27% - 21px)}
.home-orb-menu button:hover,.home-orb-menu button:focus-visible,.home-orb-menu button.is-current{color:var(--gold-bright);filter:brightness(1.2) drop-shadow(0 0 9px rgba(232,184,101,.28));outline:0}.home-orb-menu button:focus-visible span{outline:2px solid var(--gold-bright);outline-offset:3px}
.home-screen.orb-menu-open .home-copy,.home-screen.orb-menu-open>.awaken,.home-screen.orb-menu-open>.orb-status,.home-screen.orb-menu-open>.touch-hint{opacity:0;filter:blur(3px);pointer-events:none}
.home-screen.orb-menu-open .orb-stage-ref{width:min(98vw,520px);margin-top:18px}
.home-screen.orb-menu-open .orb-shell{width:50%;transform:none!important}
.home-screen.orb-menu-open .home-orb-menu{visibility:visible;opacity:1}
.home-screen.orb-menu-open .home-orb-menu button{animation:v72MenuNode .36s ease forwards}
.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(2){animation-delay:.025s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(3){animation-delay:.05s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(4){animation-delay:.075s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(5){animation-delay:.10s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(6){animation-delay:.125s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(7){animation-delay:.15s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(8){animation-delay:.175s}
.menu-button i{transform-origin:center;transition:transform .22s ease}.menu-button.is-open i:first-child{transform:translateY(5px) rotate(45deg)}.menu-button.is-open i:nth-child(2){transform:translateY(-5px) rotate(-45deg)}
.magic-dock .dock-orb .mini-orb,.magic-dock .dock-orb .mini-orb.mini-awake{background-color:#13051f!important;background-image:url("./divina-mini-orb-hd-v72.jpeg?v=72")!important;background-size:111%!important;background-position:50% 50%!important;background-repeat:no-repeat!important;border:1px solid rgba(238,201,135,.66);filter:saturate(var(--mini-saturation,1.08)) brightness(var(--mini-brightness,1));image-rendering:auto;transform:translateX(-50%)!important;box-shadow:0 0 24px rgba(224,68,255,.94),0 0 50px rgba(116,42,213,.44)}
.magic-dock .dock-orb .mini-orb:after{background-image:radial-gradient(ellipse at 25% 14%,rgba(255,255,255,.22),transparent 25%)!important;background-size:100% 100%!important;background-position:center!important;opacity:.72}

/* V73 — abertura ceremonial: magia intensa, estável e leve. */
.home-orb-menu{will-change:opacity;background-image:radial-gradient(circle at 50% 17%,rgba(255,224,158,.68) 0 1px,transparent 3px),radial-gradient(circle at 83% 50%,rgba(239,177,255,.66) 0 1px,transparent 3px),radial-gradient(circle at 73% 73%,rgba(255,216,145,.60) 0 1px,transparent 3px),radial-gradient(circle at 27% 73%,rgba(229,151,255,.58) 0 1px,transparent 3px),radial-gradient(circle at 17% 50%,rgba(255,220,151,.66) 0 1px,transparent 3px),radial-gradient(circle at 27% 27%,rgba(232,160,255,.62) 0 1px,transparent 3px)}
.home-orb-menu:before{border:0;background:conic-gradient(from 0deg,rgba(230,188,115,.30),rgba(255,224,160,.98) 4deg,rgba(230,188,115,.32) 12deg,rgba(220,118,255,.08) 56deg,rgba(238,197,125,.62) 92deg,rgba(221,111,255,.10) 154deg,rgba(255,221,155,.92) 181deg,rgba(225,140,255,.12) 226deg,rgba(235,192,119,.58) 288deg,rgba(221,109,255,.10) 342deg,rgba(230,188,115,.30));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));filter:drop-shadow(0 0 6px rgba(237,189,109,.28)) drop-shadow(0 0 12px rgba(198,72,255,.13));will-change:transform,opacity}
.home-orb-menu:after{background:radial-gradient(circle,rgba(242,113,255,.21),rgba(118,42,221,.09) 42%,transparent 70%);will-change:opacity,filter;animation-play-state:paused}
.home-orb-menu>p{color:transparent;background:linear-gradient(90deg,#c99955,#ffe5b0 46%,#f2c982 60%,#bd7a42);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 12px rgba(236,181,101,.14))}
.home-orb-menu button span{position:relative;color:#f2cb82;text-shadow:0 0 9px rgba(240,192,112,.35);box-shadow:inset 0 1px rgba(255,238,198,.09),inset 0 0 20px rgba(171,48,223,.18),0 0 14px rgba(229,178,96,.11);will-change:transform,filter}
.home-orb-menu button span:before{content:"";position:absolute;inset:-6px;border:1px solid rgba(240,199,126,.38);border-radius:50%;opacity:0;transform:scale(.74);box-shadow:0 0 14px rgba(220,72,255,.20)}
.home-orb-menu button span:after{content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 29% 18%,rgba(255,248,223,.14),transparent 32%);mix-blend-mode:screen}
.home-orb-menu button b{color:#ded2dd;letter-spacing:.025em;transition:color .18s,text-shadow .18s}
.home-orb-menu button:hover b,.home-orb-menu button:focus-visible b,.home-orb-menu button.is-current b{color:#f5dfb8;text-shadow:0 0 12px rgba(237,190,110,.28)}
.home-orb-menu button:active span{filter:brightness(1.36);box-shadow:inset 0 0 22px rgba(198,65,243,.30),0 0 21px rgba(239,186,103,.31)}
.home-screen.orb-menu-open .home-orb-menu:before{animation:v73OrbitCurrent 12s linear infinite,v73RingArrival .72s cubic-bezier(.16,.82,.22,1)}
.home-screen.orb-menu-open .home-orb-menu:after{animation:v73FieldBreath 7.8s ease-in-out .72s infinite,v73FieldArrival .78s ease-out;animation-play-state:running}
.home-screen.orb-menu-open .home-orb-menu>p{animation:v73TitleArrival .72s cubic-bezier(.16,.82,.22,1) both}
.home-screen.orb-menu-open .home-orb-menu button{animation-name:v73NodeReveal;animation-duration:.48s;animation-timing-function:cubic-bezier(.16,.82,.22,1)}
.home-screen.orb-menu-open .home-orb-menu button span{animation:v73PortalBloom .62s cubic-bezier(.16,.82,.22,1) both}
.home-screen.orb-menu-open .home-orb-menu button span:before{animation:v73PortalHalo .72s ease-out both}
.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(2) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(2) span:before{animation-delay:.025s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(3) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(3) span:before{animation-delay:.05s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(4) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(4) span:before{animation-delay:.075s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(5) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(5) span:before{animation-delay:.10s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(6) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(6) span:before{animation-delay:.125s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(7) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(7) span:before{animation-delay:.15s}.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(8) span,.home-screen.orb-menu-open .home-orb-menu button:nth-of-type(8) span:before{animation-delay:.175s}
.home-screen.orb-menu-open .orb-shell{animation:v73OrbRecognition .92s cubic-bezier(.16,.82,.22,1)}
.home-screen.orb-menu-open .orb-stage-ref:before{animation:v73StageAwaken .92s ease-out,v68AuraBreath 7.8s ease-in-out .92s infinite}

/* V74 — Sigilos vetoriais de alta definição, desenhados pela luz. */
.home-orb-menu button{--sigil-delay:0s}
.home-orb-menu button:nth-of-type(2){--sigil-delay:.025s}.home-orb-menu button:nth-of-type(3){--sigil-delay:.05s}.home-orb-menu button:nth-of-type(4){--sigil-delay:.075s}.home-orb-menu button:nth-of-type(5){--sigil-delay:.10s}.home-orb-menu button:nth-of-type(6){--sigil-delay:.125s}.home-orb-menu button:nth-of-type(7){--sigil-delay:.15s}.home-orb-menu button:nth-of-type(8){--sigil-delay:.175s}
.home-orb-menu button span{border-color:rgba(241,205,139,.78);background:radial-gradient(circle at 33% 24%,rgba(134,56,169,.45),transparent 42%),radial-gradient(circle at 50% 58%,rgba(45,13,67,.92),rgba(7,3,13,.98) 72%);box-shadow:inset 0 1px rgba(255,246,221,.13),inset 0 0 22px rgba(181,61,229,.22),0 0 0 3px rgba(229,183,105,.035),0 0 15px rgba(229,178,96,.13)}
.home-orb-menu button span:after{inset:2px;background:radial-gradient(ellipse at 28% 15%,rgba(255,251,233,.18),transparent 28%),conic-gradient(from 210deg,transparent 0 28%,rgba(246,197,255,.12) 35%,transparent 43% 74%,rgba(255,221,157,.10) 80%,transparent 87%);opacity:.66;will-change:transform}
.home-orb-menu svg{position:relative;z-index:2;width:23px;height:23px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;color:#f3cf8c;filter:drop-shadow(0 0 4px rgba(244,198,117,.34));opacity:.98;transition:color .18s,filter .18s}
.home-orb-menu svg *{vector-effect:non-scaling-stroke;stroke-dasharray:72;stroke-dashoffset:0}
.home-orb-menu button:hover svg,.home-orb-menu button:focus-visible svg,.home-orb-menu button.is-current svg{color:#ffe7b0;filter:drop-shadow(0 0 5px rgba(255,216,145,.68)) drop-shadow(0 0 9px rgba(212,89,255,.30))}
.home-screen.orb-menu-open .home-orb-menu button span:after{animation:v74GemSheen 9s linear calc(var(--sigil-delay) + .65s) infinite}
.home-screen.orb-menu-open .home-orb-menu svg{animation:v74SigilBreath 5.8s ease-in-out calc(var(--sigil-delay) + .92s) infinite}
.home-screen.orb-menu-open .home-orb-menu svg *{animation:v74SigilDraw .78s cubic-bezier(.18,.78,.22,1) calc(var(--sigil-delay) + .12s) both}

/* V75 — Dock de joias vetoriais e transição contínua sem quadro vazio. */
.magic-dock button{--dock-sigil-delay:0s;gap:2px}
.magic-dock button:nth-child(2){--dock-sigil-delay:.055s}.magic-dock button:nth-child(4){--dock-sigil-delay:.11s}.magic-dock button:nth-child(5){--dock-sigil-delay:.165s}
.magic-dock .dock-sigil{position:relative;isolation:isolate;display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:1px solid rgba(241,205,139,.68);border-radius:50%;background:radial-gradient(circle at 33% 23%,rgba(135,55,171,.42),transparent 43%),radial-gradient(circle at 50% 62%,rgba(42,12,63,.94),rgba(6,3,12,.99) 73%);box-shadow:inset 0 1px rgba(255,246,221,.11),inset 0 0 18px rgba(181,61,229,.18),0 0 0 3px rgba(229,183,105,.028),0 0 11px rgba(229,178,96,.10);transition:border-color .22s,box-shadow .22s,filter .22s}
.magic-dock .dock-sigil:before{content:"";position:absolute;z-index:0;inset:2px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 28% 15%,rgba(255,251,233,.19),transparent 28%),conic-gradient(from 210deg,transparent 0 28%,rgba(246,197,255,.14) 35%,transparent 43% 74%,rgba(255,221,157,.11) 80%,transparent 87%);opacity:.64;animation:v75DockGemSheen 11s linear calc(var(--dock-sigil-delay) - 3s) infinite}
.magic-dock .dock-sigil svg{position:relative;z-index:2;width:19px;height:19px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;color:#edc77e;filter:drop-shadow(0 0 4px rgba(244,198,117,.28));animation:v75DockSigilBreath 6.2s ease-in-out calc(var(--dock-sigil-delay) - 2s) infinite}
.magic-dock .dock-sigil svg *{vector-effect:non-scaling-stroke;stroke-dasharray:72;stroke-dashoffset:0;animation:v75DockSigilDraw .86s cubic-bezier(.18,.78,.22,1) var(--dock-sigil-delay) both}
.magic-dock button:hover .dock-sigil,.magic-dock button:focus-visible .dock-sigil,.magic-dock button.is-current .dock-sigil,.magic-dock button.is-open .dock-sigil{border-color:#f5d596;box-shadow:inset 0 1px rgba(255,249,230,.16),inset 0 0 20px rgba(194,66,240,.25),0 0 0 3px rgba(239,195,119,.05),0 0 17px rgba(235,185,102,.22)}
.magic-dock button:hover .dock-sigil svg,.magic-dock button:focus-visible .dock-sigil svg,.magic-dock button.is-current .dock-sigil svg,.magic-dock button.is-open .dock-sigil svg{color:#ffe4aa;filter:drop-shadow(0 0 5px rgba(255,216,145,.60)) drop-shadow(0 0 8px rgba(212,89,255,.25))}
.magic-dock button:active .dock-sigil{filter:brightness(1.34)}
.magic-dock .dock-orb:after{content:"";position:absolute;z-index:1;left:50%;top:-24px;width:68px;height:68px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(241,201,130,.20),rgba(255,226,166,.92) 7deg,rgba(228,142,255,.12) 55deg,rgba(241,199,127,.58) 112deg,rgba(220,111,255,.10) 174deg,rgba(255,224,160,.88) 188deg,rgba(224,125,255,.11) 263deg,rgba(239,198,126,.50) 322deg,rgba(241,201,130,.20));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));filter:drop-shadow(0 0 5px rgba(241,191,109,.34)) drop-shadow(0 0 11px rgba(208,76,255,.18));transform:translateX(-50%);animation:v75DockOrbRing 13s linear infinite}
.magic-dock .dock-orb .mini-orb,.magic-dock .dock-orb .mini-orb.mini-awake{border-color:rgba(247,216,160,.82);box-shadow:inset 0 0 0 1px rgba(255,246,220,.11),0 0 26px rgba(226,72,255,.96),0 0 53px rgba(119,44,218,.47),0 0 72px rgba(83,27,162,.17)}
.magic-dock .dock-orb .mini-orb:after{opacity:calc(.38 + var(--mini-layer-opacity,.14))}

.orb-stage-ref{--v75-orb-size:min(92vw,55svh,520px)}
.orb-shell{width:var(--v75-orb-size);max-width:100%;transform:translateZ(0) scale(1)!important;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,filter;transition:transform .48s cubic-bezier(.16,.82,.22,1),filter .2s}
.orb-shell canvas{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.home-screen.orb-menu-open .orb-shell{width:var(--v75-orb-size);transform:translateZ(0) scale(.5)!important}
.home-screen.orb-menu-transition .orb-shell.orb-live:before{opacity:1}
.home-orb-menu{transition:opacity .38s cubic-bezier(.16,.82,.22,1),visibility 0s linear .42s}
.home-screen.orb-menu-open .home-orb-menu{transition:opacity .42s cubic-bezier(.16,.82,.22,1),visibility 0s linear 0s}
.home-screen.orb-menu-closing .home-orb-menu{visibility:visible;opacity:0;pointer-events:none;transition:opacity .34s cubic-bezier(.4,0,.7,.2),visibility 0s linear .42s}
.home-screen.orb-menu-closing .home-orb-menu button{pointer-events:none;animation:v75MenuNodeClose .30s cubic-bezier(.4,0,.7,.2) both}
.home-screen.orb-menu-closing .home-orb-menu button:nth-of-type(1),.home-screen.orb-menu-closing .home-orb-menu button:nth-of-type(5){animation-delay:.025s}
.home-copy,.awaken,.orb-status,.touch-hint{transition:opacity .36s cubic-bezier(.16,.82,.22,1),filter .36s cubic-bezier(.16,.82,.22,1)}
.menu-button,.menu-button i{will-change:transform,filter}

/* V76 — Portal de vídeos e centralização orbital dedicada ao iPhone. */
.home-orb-menu .video-portal{--sigil-delay:.21s;left:50%;right:auto;top:auto;bottom:-62px;width:202px;height:51px;min-height:51px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;padding:4px 15px;border:1px solid rgba(241,205,139,.52);border-radius:999px;background:radial-gradient(ellipse at 50% -40%,rgba(173,54,219,.30),transparent 58%),linear-gradient(145deg,rgba(28,11,42,.96),rgba(6,3,12,.98));box-shadow:inset 0 1px rgba(255,247,225,.10),inset 0 0 24px rgba(171,49,222,.16),0 0 20px rgba(222,170,91,.09);text-align:left;transform:translateX(-50%)}
.home-orb-menu .video-portal span{flex:0 0 37px;width:37px;height:37px}
.home-orb-menu .video-portal svg{width:20px;height:20px}
.home-orb-menu .video-portal>b{display:block;min-width:0;color:#f3dfba;font-size:9px;line-height:1.05;letter-spacing:.08em;white-space:nowrap}
.home-orb-menu .video-portal>b small{display:block;margin-top:4px;color:#aa9eac;font:500 7px/1 var(--sans);letter-spacing:.035em;white-space:nowrap}
.home-orb-menu .video-portal:before{content:"";position:absolute;left:50%;top:-18px;width:1px;height:18px;background:linear-gradient(transparent,rgba(239,197,126,.66));box-shadow:0 0 7px rgba(224,91,255,.28)}
.home-screen.orb-menu-open .home-orb-menu .video-portal{animation-delay:.21s}
.home-screen.orb-menu-open .home-orb-menu .video-portal span,.home-screen.orb-menu-open .home-orb-menu .video-portal span:before{animation-delay:.21s}
.home-orb-menu .video-portal:hover,.home-orb-menu .video-portal:focus-visible,.home-orb-menu .video-portal.is-current{border-color:rgba(255,222,160,.86);box-shadow:inset 0 1px rgba(255,248,227,.15),inset 0 0 27px rgba(190,59,236,.24),0 0 23px rgba(235,184,99,.18)}

/* Compatibilidade das demais telas. */
.section-head h2,h2{font-family:var(--serif);font-weight:400}.drawer nav{display:block}.toast{z-index:90}

@keyframes v68ScreenIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes v68FallbackBreath{0%,100%{background-size:101.5%;background-position:50% 50%;filter:saturate(.98) brightness(.88)}22%{background-size:103%;background-position:49.1% 50.8%;filter:saturate(1.03) brightness(.96)}50%{background-size:106.4%;background-position:51.3% 48.9%;filter:saturate(1.14) brightness(1.13)}56%{background-size:105.1%;background-position:50.4% 49.5%;filter:saturate(1.08) brightness(1.04)}63%{background-size:106.7%;background-position:48.8% 49.6%;filter:saturate(1.16) brightness(1.16)}84%{background-size:103.2%;background-position:50.6% 51%;filter:saturate(1.03) brightness(.97)}}
@keyframes v68AuraBreath{0%,100%{opacity:.42;filter:blur(22px)}50%{opacity:.88;filter:blur(18px)}56%{opacity:.64}63%{opacity:.9}84%{opacity:.52}}
@keyframes v68GlassRelease{0%{opacity:.55}38%{opacity:1;filter:brightness(1.5)}100%{opacity:.56;filter:none}}
@keyframes v68MiniBreath{0%,100%{filter:saturate(.96) brightness(.90);box-shadow:0 0 15px rgba(181,47,243,.60),0 0 30px rgba(95,31,179,.18)}50%{filter:saturate(1.13) brightness(1.08);box-shadow:0 0 25px rgba(226,69,255,.86),0 0 48px rgba(117,39,210,.32)}63%{filter:saturate(1.18) brightness(1.12);box-shadow:0 0 28px rgba(232,79,255,.90),0 0 52px rgba(127,45,219,.35)}}
@keyframes v68MiniRelease{0%{opacity:.9;transform:scale(.55)}100%{opacity:0;transform:scale(1.28)}}
@keyframes v68Orbit{to{transform:rotate(360deg)}}@keyframes v68OrbitReverse{to{transform:rotate(-360deg)}}
@keyframes v68MenuAura{0%,100%{opacity:.46;filter:blur(19px)}50%{opacity:1;filter:blur(14px)}}
@keyframes v68MenuCoreBreath{0%,100%{opacity:.46;filter:blur(15px)}50%{opacity:1;filter:blur(11px)}}
@keyframes v68MenuReveal{from{opacity:0;filter:blur(4px) brightness(1.35)}to{opacity:1;filter:none}}
@keyframes v70DockAura{0%,100%{opacity:.46;filter:blur(11px)}50%{opacity:.92;filter:blur(7px)}}
@keyframes v71SacredAura{0%,100%{opacity:.50;filter:blur(19px)}50%{opacity:.94;filter:blur(14px)}}
@keyframes v71OrbitStar{0%,100%{opacity:.48;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.45)}}
@keyframes v72MenuAura{0%,100%{opacity:.48;filter:blur(15px)}50%{opacity:.94;filter:blur(11px)}}
@keyframes v72MenuNode{from{opacity:0;filter:blur(4px) brightness(1.25)}to{opacity:1;filter:none}}
@keyframes v73OrbitCurrent{to{transform:rotate(360deg)}}
@keyframes v73RingArrival{0%{opacity:0;filter:drop-shadow(0 0 2px rgba(237,189,109,0)) brightness(2)}100%{opacity:1;filter:drop-shadow(0 0 6px rgba(237,189,109,.28)) drop-shadow(0 0 12px rgba(198,72,255,.13))}}
@keyframes v73FieldArrival{0%{transform:scale(.70)}70%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes v73FieldBreath{0%,100%{opacity:.50;filter:blur(15px)}50%{opacity:.95;filter:blur(10px)}}
@keyframes v73TitleArrival{0%{opacity:0;filter:blur(5px);letter-spacing:.32em}100%{opacity:1;filter:drop-shadow(0 0 12px rgba(236,181,101,.14));letter-spacing:.20em}}
@keyframes v73NodeReveal{0%{opacity:0;filter:blur(5px) brightness(1.5)}65%{opacity:1;filter:blur(0) brightness(1.18)}100%{opacity:1;filter:none}}
@keyframes v73PortalBloom{0%{transform:scale(.68);filter:brightness(1.65)}68%{transform:scale(1.08);filter:brightness(1.18)}100%{transform:scale(1);filter:none}}
@keyframes v73PortalHalo{0%{opacity:0;transform:scale(.62)}48%{opacity:.88}100%{opacity:0;transform:scale(1.28)}}
@keyframes v73OrbRecognition{0%{filter:drop-shadow(0 0 25px rgba(173,42,251,.42)) drop-shadow(0 0 55px rgba(99,31,186,.18))}45%{filter:drop-shadow(0 0 50px rgba(237,104,255,.88)) drop-shadow(0 0 104px rgba(130,54,231,.42))}100%{filter:drop-shadow(0 0 26px rgba(173,42,251,.42)) drop-shadow(0 0 64px rgba(99,31,186,.18))}}
@keyframes v73StageAwaken{0%{opacity:.38;filter:blur(23px)}45%{opacity:1;filter:blur(15px)}100%{opacity:.68;filter:blur(20px)}}
@keyframes v74SigilDraw{0%{stroke-dashoffset:72;opacity:0}32%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes v74SigilBreath{0%,100%{opacity:.90;filter:drop-shadow(0 0 3px rgba(244,198,117,.25))}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(255,216,145,.58)) drop-shadow(0 0 8px rgba(210,83,255,.24))}}
@keyframes v74GemSheen{to{transform:rotate(360deg)}}
@keyframes v75DockSigilDraw{0%{stroke-dashoffset:72;opacity:0}30%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes v75DockSigilBreath{0%,100%{opacity:.88;filter:drop-shadow(0 0 3px rgba(244,198,117,.22))}50%{opacity:1;filter:drop-shadow(0 0 5px rgba(255,216,145,.52)) drop-shadow(0 0 8px rgba(210,83,255,.22))}}
@keyframes v75DockGemSheen{to{transform:rotate(360deg)}}
@keyframes v75DockOrbRing{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes v75MenuNodeClose{0%{opacity:1;filter:none}100%{opacity:0;filter:blur(3px) brightness(1.22)}}

@media(max-width:430px){
  .app-header{padding-left:14px;padding-right:14px}.brand{gap:9px}.brand .mini-orb{width:43px;height:43px}.brand b{font-size:17px}.brand small{font-size:7px;letter-spacing:.24em}
  .menu-button{min-width:50px;width:50px;padding:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;place-content:center;gap:2px}.menu-button i{grid-column:1;width:20px;margin-left:auto;margin-right:auto}.menu-button span{display:none}
  .home-screen{padding-top:calc(99px + env(safe-area-inset-top))}.home-copy h1{font-size:clamp(47px,13.4vw,68px)}.home-copy .intro{font-size:15px}
  .orb-stage-ref{--v75-orb-size:min(93vw,46svh,410px);width:min(93vw,46svh,410px);margin-top:15px}.awaken{font-size:11px;letter-spacing:.17em}.orb-status,.touch-hint{font-size:11px}
  .magic-dock{width:calc(100% - 16px);height:75px;--dock-height:75px}.magic-dock small{font-size:8px}.magic-dock .dock-sigil{width:32px;height:32px}.magic-dock .dock-sigil svg{width:18px;height:18px}.magic-dock .dock-orb .mini-orb{width:58px;height:58px;top:-19px}.magic-dock .dock-orb:after{top:-23px;width:66px;height:66px}.magic-dock .dock-orb small{margin-top:29px}
  .home-orb-menu button{width:100px;gap:5px}.home-orb-menu button:nth-of-type(3),.home-orb-menu button:nth-of-type(7){width:90px}.home-orb-menu button:nth-of-type(1),.home-orb-menu button:nth-of-type(5){width:104px}.home-orb-menu button span{width:39px;height:39px;flex-basis:39px;font-size:16px}.home-orb-menu button b{font-size:8px}.home-orb-menu>p:before,.home-orb-menu>p:after{width:8vw;margin-left:7px;margin-right:7px}
  .magic-menu .magic-menu-sheet{padding-left:8px;padding-right:8px}.magic-menu-universe{width:min(97vw,410px)}.magic-menu-radial button{width:110px;gap:6px}.magic-menu-radial button:nth-child(3),.magic-menu-radial button:nth-child(7){width:94px}.magic-menu-radial button span{width:40px;height:40px;flex-basis:40px;font-size:16px}.magic-menu-radial button b{font-size:8px}
  .magic-menu-rail{gap:7px}.magic-menu-rail button{min-height:63px;padding:8px;grid-template-columns:34px 1fr;column-gap:7px}.magic-menu-rail button>span{width:32px;height:32px}.magic-menu-rail strong{font-size:8px}.magic-menu-rail small{font-size:7px}
}
@media(max-width:365px){.brand b{font-size:15px}.brand small{font-size:6px}.magic-menu-universe{width:98vw}.magic-menu-radial button{width:104px}.magic-menu-radial button:nth-child(3),.magic-menu-radial button:nth-child(7){width:88px}.magic-menu-radial button span{width:38px;height:38px;flex-basis:38px}.magic-menu-radial button b{font-size:7px}.magic-menu-rail{grid-template-columns:1fr}.magic-menu-rail button{min-height:56px}}
@media(orientation:landscape) and (max-height:560px){.home-screen{padding-top:78px}.home-copy h1{font-size:42px}.orb-stage-ref{--v75-orb-size:min(58vh,340px);width:min(58vh,340px);margin-top:4px}.awaken{margin-top:6px}.magic-menu-universe{width:min(58vh,340px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen.active{animation:none}.orb-stage-ref:before,.orb-shell:before,.mini-orb,.magic-dock .dock-orb:before,.magic-menu-universe:before,.magic-menu-orbits,.magic-menu-orbits i,.magic-menu-core:before,.home-orb-menu:before,.home-orb-menu:after,.home-orb-menu>p,.home-orb-menu button,.home-orb-menu button span,.home-orb-menu button span:before,.home-orb-menu button span:after,.home-orb-menu svg,.home-orb-menu svg *,.home-screen.orb-menu-open .orb-shell,.home-screen.orb-menu-open .orb-stage-ref:before{animation:none!important}.orb-shell:before{background-size:103%;filter:saturate(1.04) brightness(1)}.magic-menu .magic-menu-sheet,.orb-shell canvas,.orb-stage-ref,.orb-shell{transition:none}.drawer.magic-menu.open .magic-menu-radial button,.drawer.magic-menu.open .magic-menu-rail button,.drawer.magic-menu.open .magic-menu-extra button{animation:none}.home-screen.orb-menu-open .home-orb-menu button{opacity:1;filter:none}.home-screen.orb-menu-open .home-orb-menu:before,.home-screen.orb-menu-open .home-orb-menu:after,.home-screen.orb-menu-open .home-orb-menu>p{opacity:1;filter:none}.home-orb-menu svg *{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.magic-dock .dock-sigil:before,.magic-dock .dock-sigil svg,.magic-dock .dock-sigil svg *,.magic-dock .dock-orb:after,.home-screen.orb-menu-closing .home-orb-menu button{animation:none!important}.magic-dock .dock-sigil svg *{stroke-dashoffset:0}.home-orb-menu,.home-copy,.awaken,.orb-status,.touch-hint,.menu-button,.menu-button i{transition:none!important}.home-screen.orb-menu-transition .orb-shell.orb-live:before{opacity:0}}
@media(max-width:430px) and (orientation:portrait){.orb-stage-ref{align-self:center;margin:15px auto 0;transform:translate3d(0,0,0);transition:width .42s cubic-bezier(.16,.82,.22,1),margin .42s cubic-bezier(.16,.82,.22,1),transform .48s cubic-bezier(.16,.82,.22,1)}.home-screen.orb-menu-open .orb-stage-ref{width:min(94vw,410px);margin-top:15px;transform:translate3d(0,-9svh,0)}.home-orb-menu button:nth-of-type(2),.home-orb-menu button:nth-of-type(4){left:calc(70% - 19px)}.home-orb-menu button:nth-of-type(6),.home-orb-menu button:nth-of-type(8){right:calc(70% - 19px)}.home-orb-menu button:nth-of-type(3){left:calc(78% - 19px);width:84px}.home-orb-menu button:nth-of-type(7){right:calc(78% - 19px);width:84px}.home-orb-menu button:nth-of-type(3) b,.home-orb-menu button:nth-of-type(7) b{max-width:39px;overflow-wrap:anywhere}.home-orb-menu .video-portal{bottom:-57px;width:min(194px,55vw)}}

/* Ajuste visual solicitado: a orbe repousa 10% mais acima na Home,
   mantendo a posição do menu mágico independente. */
@media(max-width:700px) and (orientation:portrait){
  .home-screen:not(.orb-menu-open) .orb-stage-ref{
    transform:translate3d(0,0,0)!important;
    margin-top:22px!important;
  }
}

/* Enquadramento do novo título: mantém o nome inteiro dentro do visor. */
@media(max-width:700px) and (orientation:portrait){
  .home-copy h1{
    width:calc(100% - 24px)!important;
    max-width:390px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(35px,10vw,54px)!important;
    line-height:.96!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    text-align:center!important;
  }
  .home-copy h1 span{margin-left:4px!important}
  .home-copy .intro{margin-bottom:14px!important}
}

/* ── tarot-table-v5.css ── */
/* DIVINA BRUXA — MESA REAL 13 × 6 — CHECKPOINT 2.2.1 */
#tarot .real-table-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
#tarot .table-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#tarot .table-actions button{min-height:44px}
#tarot .real-table-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
#tarot .real-table-tools p{display:flex;align-items:center;gap:10px;margin:0;color:#b9aab8;font:600 .64rem/1.4 ui-sans-serif,system-ui,sans-serif}
#tarot .real-table-tools p>span+span{display:grid;gap:2px}
#tarot .real-table-tools small{color:#776b79;font-size:.56rem;font-weight:400;white-space:nowrap}
#tarot .table-view-actions{display:flex;align-items:center;gap:7px}
#tarot .table-scroll,#tarot .table-compact{min-width:44px;min-height:44px;border:1px solid rgba(232,199,121,.32);border-radius:999px;color:#e8c779;background:#100617;cursor:pointer}
#tarot .table-compact{min-width:126px;padding:0 14px;font-size:.61rem}
#tarot .table-scroll:disabled{opacity:.28;cursor:default}
#tarot .real-table-viewport{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth;scrollbar-color:rgba(232,199,121,.45) rgba(255,255,255,.035);scrollbar-width:thin}
#tarot .real-table{--tarot-card-width:clamp(100px,14vw,128px);display:grid;grid-template-columns:repeat(6,var(--tarot-card-width));gap:9px;width:max-content;min-width:100%;padding:16px}
#tarot .table-slot{position:relative;display:grid;place-items:center;width:var(--tarot-card-width);aspect-ratio:2/3;padding:0;overflow:hidden;border-radius:9px;scroll-margin-inline:40px}
#tarot .table-slot img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;background:#07040d}
#tarot .table-slot .position{font-family:Georgia,serif;font-size:.7rem;color:#d9bc75}
#tarot .table-slot .order{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border:1px solid rgba(232,199,121,.48);border-radius:999px;color:#f3dda9;background:rgba(5,2,10,.84);font:600 .48rem/1 ui-sans-serif,system-ui,sans-serif}
#tarot .real-table-viewport.is-compact .real-table{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:4px;padding:7px}
#tarot .real-table-viewport.is-compact .table-slot{width:100%;border-radius:5px}
#tarot .card-lightbox{width:min(92vw,420px);max-height:94dvh;padding:0;border:1px solid rgba(232,199,121,.54);border-radius:25px;color:#f4e9ef;background:#07030c;box-shadow:0 30px 120px #000,0 0 70px rgba(162,52,210,.3)}
#tarot .card-lightbox::backdrop{background:rgba(2,1,5,.88);backdrop-filter:blur(10px)}
#tarot .card-lightbox-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:14px}
#tarot .card-lightbox-close{justify-self:end;width:44px;height:44px;border:1px solid rgba(232,199,121,.38);border-radius:50%;color:#e8c779;background:#120719;font-size:1.4rem;cursor:pointer}
#tarot .card-lightbox-image{display:grid;place-items:center;min-height:0;padding:5px 22px}
#tarot .card-lightbox-image img{display:block;width:min(100%,300px);max-height:67dvh;object-fit:contain;transform:none!important;border:1px solid rgba(232,199,121,.55);border-radius:9px;box-shadow:0 18px 55px #000}
#tarot .card-lightbox-meta{text-align:center;padding:10px 0 2px}
#tarot .card-lightbox-meta h3{margin:5px 0;color:#f2e7e8;font:400 1.25rem/1.2 Georgia,serif}
#tarot .card-lightbox-meta p{margin:0;color:#d5b96f;font:600 .55rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em}
#tarot .card-lightbox-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
#tarot .card-lightbox-nav button{min-height:44px;border:1px solid rgba(232,199,121,.3);border-radius:999px;color:#ead59c;background:#14081d;cursor:pointer}
#tarot .card-lightbox-nav button:disabled{opacity:.3}
body.card-lightbox-open{overflow:hidden}
@media(max-width:560px){
 #tarot .real-table{--tarot-card-width:clamp(82px,23vw,96px);grid-template-columns:repeat(6,var(--tarot-card-width));gap:6px;padding:10px}
 #tarot .real-table-tools{align-items:stretch}
 #tarot .real-table-tools p{min-width:0}
}
@media(prefers-reduced-motion:reduce){#tarot .real-table-viewport{scroll-behavior:auto}}

/* ── tarot-ritual-v5.css ── */
/* DIVINA BRUXA — TAROT LIVRE ORBITAL — CHECKPOINT 2.2.1
   Orbe oficial, constelação de cartas e Mesa Real com luxo cósmico.
*/
#tarot.tarot-screen{isolation:isolate;position:relative;max-width:980px;background:radial-gradient(circle at 50% 17%,rgba(102,28,143,.18),transparent 27rem),linear-gradient(180deg,rgba(5,2,10,.98),rgba(8,3,13,.98));box-shadow:0 0 90px rgba(0,0,0,.42)}
#tarot.tarot-screen::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(5,2,10,.18),rgba(5,2,10,.88)),url("./cosmic-background.png");background-size:cover,1200px auto;background-position:center top;opacity:.54;mask-image:linear-gradient(#000 0 68%,transparent 96%)}
#tarot .section-head{position:relative;z-index:2;padding:20px 4px 18px;border-bottom:1px solid rgba(232,199,121,.18)}
#tarot .section-head h2{max-width:none;margin:9px 0 7px;font-size:clamp(46px,8vw,72px);letter-spacing:-.035em;text-shadow:0 4px 30px rgba(163,71,218,.2)}
#tarot .section-head .eyebrow{color:#e5c77d}#tarot .deck-progress{margin-bottom:22px;background:rgba(255,255,255,.045)}

#tarot .ritual-altar{isolation:isolate;position:relative;min-height:760px;display:block;overflow:hidden;border:1px solid rgba(232,199,121,.34);border-radius:38px;background:radial-gradient(circle at 50% 39%,rgba(126,45,174,.26),transparent 34%),radial-gradient(circle at 50% 45%,rgba(30,12,45,.82),rgba(4,3,10,.98) 67%),linear-gradient(160deg,#14091e,#030208);box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -110px 160px rgba(0,0,0,.62),0 30px 100px rgba(0,0,0,.55),0 0 45px rgba(139,53,190,.12)}
#tarot .ritual-altar::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(248,227,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(224,187,114,.48) 0 1px,transparent 1.3px);background-position:0 0,19px 31px;background-size:67px 71px,113px 127px;opacity:.2;animation:ritualStarDrift 24s linear infinite}
#tarot .ritual-altar::after{content:"";position:absolute;z-index:1;left:50%;top:43%;width:68%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(233,113,255,.12),rgba(120,47,169,.045) 38%,transparent 67%);filter:blur(8px);animation:ritualFieldBreath 7.2s ease-in-out infinite}
.ritual-sky{position:absolute;z-index:2;inset:0;pointer-events:none}.ritual-sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff4d4;box-shadow:0 0 5px #fff,0 0 15px #dc7cff;animation:ritualStarPulse 3.8s ease-in-out infinite}.ritual-sky i:nth-child(1){left:8%;top:11%}.ritual-sky i:nth-child(2){right:9%;top:17%;animation-delay:-1.1s}.ritual-sky i:nth-child(3){left:13%;top:48%;animation-delay:-2.4s}.ritual-sky i:nth-child(4){right:14%;top:54%;animation-delay:-.7s}.ritual-sky i:nth-child(5){left:31%;top:6%;animation-delay:-1.8s}.ritual-sky i:nth-child(6){right:34%;top:67%;animation-delay:-3s}

.ritual-wheel{--orbit-distance:-216px;position:absolute;z-index:3;left:50%;top:24px;width:min(92%,540px);aspect-ratio:1;transform:translateX(-50%);display:grid;place-items:center}
.ritual-wheel::before,.ritual-wheel::after{content:"";position:absolute;inset:7%;border:1px solid rgba(232,199,121,.24);border-radius:50%;pointer-events:none}.ritual-wheel::before{box-shadow:0 0 24px rgba(197,101,245,.13),inset 0 0 24px rgba(197,101,245,.08);animation:ritualRingBreathe 6.4s ease-in-out infinite}.ritual-wheel::after{inset:15%;border-color:rgba(192,112,238,.2);border-style:dashed;animation:ritualRingSpin 35s linear infinite}
.ritual-wheel .altar-rings{position:absolute;inset:2%;border:0;border-radius:50%;pointer-events:none;animation:ritualRingSpin 44s linear reverse infinite}.ritual-wheel .altar-rings::before,.ritual-wheel .altar-rings::after,.ritual-wheel .altar-rings i{content:"";position:absolute;inset:0;border:1px solid rgba(232,199,121,.11);border-radius:48% 52% 47% 53%;transform:rotate(22deg) scaleY(.73)}.ritual-wheel .altar-rings::after{transform:rotate(-43deg) scaleY(.79);border-color:rgba(211,130,255,.13)}.ritual-wheel .altar-rings i:nth-child(1){transform:rotate(72deg) scaleY(.67)}.ritual-wheel .altar-rings i:nth-child(2){inset:11%;transform:rotate(-18deg) scaleY(.84);border-style:dotted}.ritual-wheel .altar-rings i:nth-child(3){display:none}
.ritual-constellation{position:absolute;inset:7%;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(232,199,121,.17) 0 .35deg,transparent .35deg 30deg);mask-image:radial-gradient(circle,transparent 0 56%,#000 56.5% 57%,transparent 57.5%)}

.orbital-cards{position:absolute;z-index:5;inset:0;pointer-events:none}.orbital-card{position:absolute;left:50%;top:50%;width:50px;aspect-ratio:2/3;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(var(--orbit-distance)) rotate(var(--orbit-counter));padding:0;overflow:hidden;border:1px solid rgba(232,199,121,.48);border-radius:6px;background:linear-gradient(145deg,#1e1029,#07040d);box-shadow:0 8px 22px rgba(0,0,0,.72),0 0 0 2px rgba(8,4,12,.7);color:#d9bc75;pointer-events:auto;transition:filter .22s,border-color .22s,box-shadow .22s}.orbital-card img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;background:#07040d;transition:scale .22s}.orbital-card:hover img,.orbital-card:focus-visible img{scale:1.045}.orbital-card:focus-visible{outline:2px solid #f6d990;outline-offset:3px}.orbital-card.selected{border-color:#f7d87f;box-shadow:0 8px 24px rgba(0,0,0,.72),0 0 20px rgba(213,91,255,.7),0 0 0 2px #8d4ab3}.orbital-card.landing{animation:ritualCardArrival .9s cubic-bezier(.16,.84,.2,1)}
.orbital-card.empty{display:grid;place-items:center;border-color:rgba(232,199,121,.25);background:radial-gradient(circle at 50% 42%,rgba(151,62,203,.25),transparent 43%),linear-gradient(145deg,#22102f,#08040e);box-shadow:inset 0 0 18px rgba(126,47,170,.15),0 8px 18px rgba(0,0,0,.5);font-size:.62rem;pointer-events:none;opacity:.82}.orbital-card.empty::before{content:"";position:absolute;inset:11%;border:1px solid rgba(232,199,121,.24);border-radius:50%;box-shadow:inset 0 0 12px rgba(199,91,235,.16)}.orbital-card.empty::after{content:"✦";color:#d9bc75;text-shadow:0 0 10px #c84ff2}

.ritual-card-center{position:relative;z-index:7;display:grid;place-items:center;width:44%;height:68%}#tarot .ritual-card-center .table-preview{width:min(100%,205px);margin:0;filter:drop-shadow(0 24px 32px rgba(0,0,0,.66))}#tarot .ritual-card-center .current.empty{width:min(100%,180px);background:radial-gradient(circle at 50% 42%,rgba(185,77,232,.2),transparent 44%),linear-gradient(145deg,rgba(35,17,50,.95),rgba(7,4,12,.96));box-shadow:inset 0 0 40px rgba(168,72,218,.11),0 18px 45px rgba(0,0,0,.45)}#tarot .ritual-card-center .empty-card{font-size:.9rem}.ritual-card-center .card-label{bottom:7px;padding:6px 10px}.ritual-card-center .card-label strong{font-size:.68rem}
.ritual-stats{position:absolute;z-index:8;left:50%;bottom:139px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:34px;width:min(88%,440px);color:rgba(245,229,222,.54);font-size:.55rem;letter-spacing:.15em;text-align:center}.ritual-stats::before{content:"";position:absolute;left:50%;top:50%;width:1px;height:26px;transform:translate(-50%,-50%);background:rgba(232,199,121,.2)}.ritual-stats span{display:grid;gap:4px;min-width:94px}.ritual-stats b{font-family:Georgia,serif;font-size:1.1rem;font-weight:400;color:#e8c779;letter-spacing:0}

#tarot .table-orb{position:absolute;z-index:12;left:50%;right:auto;bottom:16px;width:126px;height:126px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;overflow:visible;color:#fff;background:none;box-shadow:none;transform:translateX(-50%)!important;filter:none;animation:none;cursor:pointer}.table-orb-image{position:absolute;z-index:2;inset:9px;border-radius:50%;overflow:hidden;background:#13081f;box-shadow:inset 0 0 20px rgba(255,255,255,.16),0 0 0 1px rgba(247,218,145,.72),0 0 0 7px rgba(124,48,177,.16),0 0 42px rgba(208,80,255,.7);animation:ritualOrbBreathe 4.8s ease-in-out infinite}.table-orb-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;transform:none!important}.table-orb-image::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 27% 15%,rgba(255,255,255,.38),transparent 26%);mix-blend-mode:screen}.table-orb-aura{position:absolute;z-index:1;inset:-7px;border:1px solid rgba(232,199,121,.28);border-radius:50%;box-shadow:0 0 28px rgba(183,77,235,.42);animation:ritualOrbAura 8s linear infinite}.table-orb-aura::before,.table-orb-aura::after{content:"";position:absolute;inset:11%;border:1px solid rgba(220,144,255,.2);border-radius:47% 53% 44% 56%;transform:rotate(48deg)}.table-orb-aura::after{transform:rotate(-31deg)}#tarot .table-orb small{position:absolute;z-index:5;left:50%;bottom:-8px;transform:translateX(-50%);width:max-content;max-width:150px;padding:6px 10px;border:1px solid rgba(232,199,121,.33);border-radius:999px;background:rgba(5,2,10,.82);backdrop-filter:blur(8px);color:#f3dda9;font-size:.45rem;line-height:1.2;letter-spacing:.15em;white-space:nowrap;text-shadow:0 0 10px rgba(255,255,255,.34)}#tarot .table-orb:active .table-orb-image{scale:.94;filter:brightness(1.25)}#tarot .table-orb:focus-visible{outline:2px solid #f3d68e;outline-offset:6px}#tarot .table-orb:disabled{opacity:.52;filter:none}#tarot .table-orb:disabled .table-orb-image{animation:none;filter:grayscale(.6)}#tarot .reveal-altar.revealing .table-orb{animation:none}#tarot .reveal-altar.revealing .table-orb-image{animation:ritualOrbReveal .82s cubic-bezier(.16,.84,.2,1)}#tarot .reveal-altar.revealing .ritual-wheel::before{animation:ritualRingReveal .86s ease-out}

#tarot .free-rule{margin:18px 0 30px;padding:18px 19px;border:1px solid rgba(232,199,121,.17);border-left:2px solid #e8c779;border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(67,26,84,.44),rgba(8,4,13,.55));box-shadow:inset 0 1px rgba(255,255,255,.035)}#tarot .free-rule b{font-size:1.16rem;color:#edcf88}#tarot .free-rule span{font-size:.74rem}
#tarot .real-table-head{padding:18px 18px 16px;margin:0;border:1px solid rgba(232,199,121,.18);border-bottom:0;border-radius:25px 25px 0 0;background:linear-gradient(145deg,rgba(29,13,40,.74),rgba(7,4,12,.88))}#tarot .table-actions .text-button{border:1px solid rgba(232,199,121,.28);border-radius:999px;background:rgba(12,6,19,.7);transition:border-color .2s,background .2s,transform .2s}#tarot .table-actions .text-button:hover{border-color:rgba(239,207,137,.62);background:rgba(49,20,61,.72)}#tarot .table-actions .text-button:active{transform:scale(.97)}#tarot .real-table-tools{margin:0;border-inline:1px solid rgba(232,199,121,.18);background:rgba(7,4,12,.82)}#tarot .real-table-viewport{border:1px solid rgba(232,199,121,.27);border-top:0;border-radius:0 0 25px 25px;background:rgba(3,2,8,.92);box-shadow:0 24px 75px rgba(0,0,0,.45)}#tarot .real-table{border:0;border-radius:0;background:radial-gradient(circle at 50% 5%,rgba(107,38,141,.14),transparent 38%),linear-gradient(145deg,rgba(18,8,25,.97),rgba(3,2,8,.99));box-shadow:inset 0 0 80px rgba(0,0,0,.55)}#tarot .table-slot{border-color:rgba(232,199,121,.27);background:radial-gradient(circle at 50% 42%,rgba(144,59,189,.18),transparent 44%),linear-gradient(145deg,#1a0d25,#07040d);box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),inset 0 0 22px rgba(123,44,162,.08)}#tarot .table-slot::before{border-color:rgba(205,135,239,.19);box-shadow:0 0 14px rgba(151,65,195,.07)}#tarot .table-slot.revealed{border-color:rgba(232,199,121,.58);box-shadow:0 8px 20px rgba(0,0,0,.42)}

@keyframes ritualStarDrift{to{background-position:67px 71px,132px 158px}}@keyframes ritualStarPulse{50%{opacity:.2;scale:.55}}@keyframes ritualFieldBreath{50%{opacity:.58;scale:1.08;filter:blur(14px)}}@keyframes ritualRingSpin{to{transform:rotate(360deg)}}@keyframes ritualRingBreathe{50%{opacity:.55;scale:1.025;box-shadow:0 0 38px rgba(197,101,245,.2),inset 0 0 32px rgba(197,101,245,.1)}}@keyframes ritualCardArrival{0%{opacity:0;filter:brightness(2.4) blur(5px)}55%{filter:brightness(1.5) blur(0)}100%{opacity:1;filter:none}}@keyframes ritualOrbBreathe{50%{scale:1.035;filter:brightness(1.13) saturate(1.1);box-shadow:inset 0 0 24px rgba(255,255,255,.22),0 0 0 1px rgba(247,218,145,.84),0 0 0 10px rgba(124,48,177,.11),0 0 58px rgba(208,80,255,.82)}}@keyframes ritualOrbAura{to{transform:rotate(360deg)}}@keyframes ritualOrbReveal{0%{scale:1;filter:brightness(1)}42%{scale:1.2;filter:brightness(2.1) saturate(1.25)}100%{scale:1;filter:brightness(1)}}@keyframes ritualRingReveal{0%{opacity:.3;scale:.7}70%{opacity:1;scale:1.08}100%{opacity:1;scale:1}}
@media(max-width:560px){#tarot.tarot-screen{padding-top:102px;background:linear-gradient(180deg,rgba(5,2,10,.99),rgba(9,3,14,.99))}#tarot .section-head{padding-top:8px}#tarot .section-head h2{font-size:clamp(43px,13vw,58px)}#tarot .section-head #count{font-size:3rem}#tarot .ritual-altar{min-height:630px;border-radius:29px}.ritual-wheel{--orbit-distance:-143px;top:17px;width:min(100%,370px)}.orbital-card{width:36px;border-radius:4px}.ritual-card-center{width:43%;height:65%}#tarot .ritual-card-center .table-preview{width:min(100%,145px)}#tarot .ritual-card-center .current.empty{width:min(100%,132px)}#tarot .ritual-card-center .empty-card{padding:13px;font-size:.72rem;gap:7px}.ritual-stats{bottom:130px;gap:22px}.ritual-stats span{min-width:82px}.ritual-stats b{font-size:1rem}#tarot .table-orb{bottom:13px;width:112px;height:112px}#tarot .table-orb small{bottom:-7px;font-size:.42rem}#tarot .free-rule{grid-template-columns:1fr;gap:6px;padding:16px;margin-bottom:22px}#tarot .real-table-head{padding:16px;gap:15px}#tarot .table-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}#tarot .table-actions .text-button{width:100%;padding-inline:9px}#tarot .real-table-tools{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px}#tarot .real-table-tools p>span+span{width:100%}#tarot .real-table-tools small{white-space:normal}#tarot .table-view-actions{width:100%;justify-content:space-between}#tarot .table-view-actions .table-compact{max-width:none;flex:1}#tarot .real-table-viewport{border-radius:0 0 22px 22px}}
@media(max-width:360px){.ritual-wheel{--orbit-distance:-132px}.orbital-card{width:33px}#tarot .ritual-altar{min-height:600px}.ritual-stats{bottom:124px}}
@media(min-width:720px){#tarot .table-orb{left:50%;right:auto;bottom:17px}.ritual-card-center .card-label strong{font-size:.76rem}}
@media(orientation:landscape) and (max-height:560px){#tarot .ritual-altar{min-height:500px}.ritual-wheel{--orbit-distance:-138px;left:34%;top:4px;width:360px}.orbital-card{width:34px}.ritual-card-center{width:43%}#tarot .ritual-card-center .table-preview{height:auto;width:135px;margin:0}.ritual-stats{left:auto;right:12px;bottom:132px;transform:none;width:210px;gap:12px}#tarot .table-orb{left:auto;right:57px;bottom:14px;transform:none!important}}
@media(prefers-reduced-motion:reduce){#tarot .ritual-altar::before,#tarot .ritual-altar::after,.ritual-sky i,.ritual-wheel::before,.ritual-wheel::after,.ritual-wheel .altar-rings,.orbital-card.landing,.table-orb-image,.table-orb-aura,#tarot .reveal-altar.revealing .table-orb-image,#tarot .reveal-altar.revealing .ritual-wheel::before{animation:none!important}}

/* ── tarot-controls-v5.css ── */
/* DIVINA BRUXA — CONTROLES E RETOMADA — CHECKPOINT 2.3 */
#tarot .table-recovery{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-inline:1px solid rgba(232,199,121,.18);border-top:1px solid rgba(232,199,121,.1);background:linear-gradient(90deg,rgba(63,23,79,.32),rgba(7,4,12,.86))}
#tarot .table-recovery>p{display:flex;align-items:center;gap:11px;margin:0;color:#d8bf7d}
#tarot .table-recovery>p>span:first-child{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(232,199,121,.3);border-radius:50%;background:rgba(17,7,24,.75);text-shadow:0 0 12px #cf66ee}
#tarot .table-recovery>p>span:last-child{display:grid;gap:3px}
#tarot .table-recovery b{color:#e9dcbf;font:500 .69rem/1.25 ui-sans-serif,system-ui,sans-serif}
#tarot .table-recovery small{color:#887b8b;font:400 .56rem/1.35 ui-sans-serif,system-ui,sans-serif}
#tarot .table-recovery>div{display:flex;align-items:center;gap:8px}
#tarot .table-recovery button{min-height:44px;padding:0 14px;border:1px solid rgba(232,199,121,.3);border-radius:999px;color:#e9ce8c;background:rgba(14,6,21,.82);font:600 .57rem/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
#tarot .table-recovery button:hover,#tarot .table-recovery button:focus-visible{border-color:rgba(246,216,145,.72);background:rgba(54,20,67,.78);box-shadow:0 0 20px rgba(175,69,214,.14)}
#tarot .table-recovery button:focus-visible{outline:2px solid #f3d68e;outline-offset:2px}
#tarot .table-recovery button:active{transform:scale(.97)}
@media(max-width:620px){#tarot .table-recovery{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}#tarot .table-recovery>div{display:grid;grid-template-columns:1fr 1fr}#tarot .table-recovery button{width:100%;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){#tarot .table-recovery button{transition:none}}

/* ── tarot-editorial-v5.css ── */
/* DIVINA BRUXA — SELO EDITORIAL DO TAROT LIVRE — CHECKPOINT 2.4 */
#tarot .editorial-covenant{position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;margin:0 0 28px;padding:17px 18px;overflow:hidden;border:1px solid rgba(232,199,121,.2);border-radius:19px;background:radial-gradient(circle at 6% 0,rgba(180,68,220,.2),transparent 32%),linear-gradient(135deg,rgba(30,12,42,.88),rgba(7,4,12,.92));box-shadow:inset 0 1px rgba(255,255,255,.035)}
#tarot .editorial-covenant::after{content:"";position:absolute;z-index:-1;right:-24px;top:-48px;width:150px;aspect-ratio:1;border:1px solid rgba(232,199,121,.12);border-radius:50%;box-shadow:inset 0 0 35px rgba(171,62,210,.08)}
#tarot .editorial-seal{grid-row:1/4;display:grid;place-items:center;align-self:start;width:46px;height:46px;border:1px solid rgba(232,199,121,.5);border-radius:50%;color:#edcf88;background:radial-gradient(circle,rgba(166,58,205,.25),rgba(8,4,13,.92) 68%);font-size:1.05rem;text-shadow:0 0 14px #d766f3;box-shadow:0 0 22px rgba(162,55,203,.18)}
#tarot .editorial-covenant h3{margin:1px 0 4px;color:#f1e4dc;font:400 1.12rem/1.2 Georgia,serif}
#tarot .editorial-covenant>div>p{margin:0;color:#a99baa;font:400 .65rem/1.55 ui-sans-serif,system-ui,sans-serif}
#tarot .editorial-principles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.editorial-principles span{padding:6px 9px;border:1px solid rgba(232,199,121,.2);border-radius:999px;color:#d8bd7a;background:rgba(8,4,13,.54);font:600 .48rem/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#tarot .editorial-state{grid-column:2;margin:0;padding-top:10px;border-top:1px solid rgba(232,199,121,.1);color:#d5c8d3;font:500 .6rem/1.4 ui-sans-serif,system-ui,sans-serif}
@media(max-width:480px){#tarot .editorial-covenant{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:15px}#tarot .editorial-seal{width:38px;height:38px}.editorial-principles span{font-size:.44rem}}


/* Macroetapa 4 — Carta do Dia: ritual editorial premium. */
html[data-runtime="v12"] #daily .daily-card,html[data-runtime="v12"] #daily .daily-ritual{border:1px solid color-mix(in srgb,var(--db-skin-light,#f0d68a) 34%,transparent);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--db-skin-accent,#8b3bd1) 22%,transparent),transparent 58%),linear-gradient(155deg,rgba(25,10,45,.92),rgba(8,4,18,.96));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 0 45px rgba(170,73,255,.1)}
html[data-runtime="v12"] #daily button:focus-visible{outline:2px solid color-mix(in srgb,var(--db-skin-light,#f0d68a) 80%,transparent);outline-offset:3px}
html[data-runtime="v12"] #daily .daily-card img{filter:drop-shadow(0 18px 25px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .4s ease}
html[data-runtime="v12"] #daily .daily-card:hover img{transform:translateY(-5px) rotate(-1deg);filter:drop-shadow(0 24px 34px rgba(0,0,0,.44))}
@media(prefers-reduced-motion:reduce){html[data-runtime="v12"] #daily .daily-card img{transition:none}}

/* ── cosmic-design-system-v1.css ── */
:root{--cosmic-gold:#f3d38a;--cosmic-line:rgba(243,211,138,.42);--cosmic-ease:cubic-bezier(.22,1,.36,1)}
.screen:not(#home) .path-sigil,.screen:not(#home) .spread-symbol,.screen:not(#home) .module-icon,.screen:not(#home) .service-glyph{background:radial-gradient(circle,rgba(184,108,255,.35),rgba(18,5,31,.94) 70%);border:1px solid var(--cosmic-line);box-shadow:0 0 18px rgba(184,108,255,.22);color:var(--cosmic-gold);transition:transform .24s var(--cosmic-ease),box-shadow .24s var(--cosmic-ease)}
.screen:not(#home) .path-sigil:hover,.screen:not(#home) .spread-symbol:hover,.screen:not(#home) .module-icon:hover,.screen:not(#home) .service-glyph:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 26px rgba(184,108,255,.5)}
.screen:not(#home) button:active{transform:scale(.96)}
.screen:not(#home) button:focus-visible,.screen:not(#home) a:focus-visible{outline:2px solid var(--cosmic-gold);outline-offset:3px}
.screen:not(#home) svg{shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke}
@media (prefers-reduced-motion:reduce){.screen:not(#home) *{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ── menu-ring-v8.css ── */
/* DIVINA BRUXA — MENU ORBITAL LIMPO 9.0
   Integração do menu enviado, preservando a Orbe fechada aprovada. */
.home-screen .orb-stage-ref{overflow:visible!important;translate:none}
.home-screen.orb-menu-open{justify-content:center!important}
.home-screen.orb-menu-open .home-copy,.home-screen.orb-menu-open>.awaken,.home-screen.orb-menu-open>.orb-status,.home-screen.orb-menu-open>.touch-hint{opacity:0!important;filter:blur(2px)!important;pointer-events:none!important}
.home-screen.orb-menu-open .orb-stage-ref{position:fixed!important;z-index:32!important;left:50%!important;top:53svh!important;width:min(92vw,55svh,420px)!important;margin:0!important;translate:-50% -50%;transform:translate3d(0,0,0)}
.home-screen.orb-menu-open .orb-shell{width:100%!important;min-height:0!important;max-height:none!important;transform:translateZ(0)!important;scale:.52;filter:none!important;pointer-events:auto!important;touch-action:none!important}
.home-screen.orb-menu-transition .orb-stage-ref{transition:none!important;will-change:transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}
.home-screen.orb-menu-transition .orb-shell{animation:none!important;transition:scale .58s cubic-bezier(.16,.82,.22,1),filter .2s ease!important}
.home-screen.orb-menu-transition .orb-shell.orb-live::before{opacity:0!important}

.home-orb-menu{overflow:visible!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate3d(0,8px,0);transition:opacity .38s ease,transform .58s cubic-bezier(.22,.72,.18,1),visibility 0s linear .62s!important;will-change:transform,opacity}
.home-screen.orb-menu-open .home-orb-menu{visibility:visible!important;opacity:1!important;pointer-events:none!important;transform:translate3d(0,0,0);transition-delay:0s!important}
.home-orb-menu>p{z-index:14!important;top:-94px!important;visibility:visible!important;opacity:0!important;animation:none!important;transition:opacity .32s ease,transform .5s cubic-bezier(.22,.72,.18,1)!important;transform:translate(-50%,6px)!important}
.home-screen.orb-menu-open .home-orb-menu>p{visibility:visible!important;opacity:1!important;transform:translate(-50%,0)!important}
.home-orb-menu::before{inset:14%!important;border:0!important;background:conic-gradient(from 0deg,rgba(230,188,115,.28),rgba(255,224,160,.93) 3deg,rgba(230,188,115,.24) 10deg,rgba(217,111,255,.06) 65deg,rgba(238,197,125,.54) 94deg,rgba(221,111,255,.07) 180deg,rgba(235,192,119,.50) 270deg,rgba(230,188,115,.25))!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))!important;filter:drop-shadow(0 0 7px rgba(237,189,109,.24))!important;animation:none!important;transition:opacity .5s ease,scale .64s cubic-bezier(.22,.72,.18,1)!important;scale:.88;opacity:0!important}
.home-screen.orb-menu-open .home-orb-menu::before{scale:1;opacity:1!important}
.home-orb-menu::after{inset:25%!important;animation:none!important;transition:opacity .5s ease!important;opacity:0!important}.home-screen.orb-menu-open .home-orb-menu::after{opacity:1!important}

.home-orb-menu>button:not(.menu-portal){width:96px!important;height:56px!important;min-height:56px!important;gap:5px!important;z-index:8!important;opacity:0!important;filter:none!important;scale:.86;transition:opacity .34s ease,scale .54s cubic-bezier(.18,.8,.2,1),color .18s ease!important;animation:none!important;will-change:scale,opacity}
.home-screen.orb-menu-open .home-orb-menu>button:not(.menu-portal){opacity:1!important;filter:none!important;scale:1;pointer-events:auto!important}
.home-orb-menu>button:not(.menu-portal) span{width:40px!important;height:40px!important;flex-basis:40px!important;animation:none!important}.home-orb-menu>button:not(.menu-portal) svg,.home-orb-menu>button:not(.menu-portal) svg *{animation:none!important}.home-orb-menu>button:not(.menu-portal) b{font-size:8.6px!important}
.home-orb-menu>button:nth-of-type(1){left:50%!important;top:4%!important;transform:translateX(-50%)!important}.home-orb-menu>button:nth-of-type(2){left:75%!important;top:20%!important;transform:translate(-50%,-50%)!important}.home-orb-menu>button:nth-of-type(3){left:89%!important;top:50%!important;transform:translate(-50%,-50%)!important}.home-orb-menu>button:nth-of-type(4){left:75%!important;top:80%!important;transform:translate(-50%,-50%)!important}.home-orb-menu>button:nth-of-type(5){left:50%!important;top:88%!important;transform:translateX(-50%)!important}.home-orb-menu>button:nth-of-type(6){left:25%!important;right:auto!important;top:80%!important;transform:translate(-50%,-50%)!important}.home-orb-menu>button:nth-of-type(7){left:11%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important}.home-orb-menu>button:nth-of-type(8){left:25%!important;right:auto!important;top:20%!important;transform:translate(-50%,-50%)!important}

.home-menu-portals{position:absolute!important;z-index:10!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;opacity:1!important;filter:none!important;pointer-events:none!important}.home-menu-portals::before{display:none!important;content:none!important}
.home-menu-portals .menu-portal{position:absolute!important;z-index:2!important;inset:auto!important;width:78px!important;height:56px!important;min-height:56px!important;margin:0!important;padding:3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;border-radius:14px!important;background:rgba(12,5,20,.36)!important;box-shadow:none!important;color:#e7d9e3!important;text-align:center!important;opacity:0!important;filter:none!important;backdrop-filter:none!important;-webkit-font-smoothing:antialiased!important;scale:.82;pointer-events:none!important;transition:opacity .32s ease,scale .5s cubic-bezier(.18,.8,.2,1),background .2s ease!important;animation:none!important;will-change:scale,opacity}
.home-screen.orb-menu-open .home-menu-portals .menu-portal{opacity:1!important;scale:1;pointer-events:auto!important}.home-menu-portals .menu-portal span{width:34px!important;height:34px!important;flex-basis:34px!important;display:grid!important;place-items:center!important;border:1px solid rgba(241,205,139,.70)!important;border-radius:50%!important;color:#f3cf8c!important;font-size:14px!important;line-height:1!important;animation:none!important}.home-menu-portals .menu-portal b{position:static!important;width:auto!important;max-width:76px!important;color:#e7d9e3!important;font:500 7.5px/1.05 var(--serif)!important;white-space:normal!important;text-align:center!important;transform:none!important;text-shadow:0 1px 7px rgba(0,0,0,.82)!important}.home-menu-portals .menu-portal:hover,.home-menu-portals .menu-portal:focus-visible,.home-menu-portals .menu-portal.is-current{background:rgba(48,16,67,.58)!important;filter:brightness(1.18)!important;outline:0!important}
.home-menu-portals .menu-portal:nth-child(1){left:7%!important;top:-57px!important;transform:translateX(-50%)!important}.home-menu-portals .menu-portal:nth-child(2){left:24%!important;top:-57px!important;transform:translateX(-50%)!important}.home-menu-portals .menu-portal:nth-child(3){left:41%!important;top:-57px!important;transform:translateX(-50%)!important}.home-menu-portals .menu-portal:nth-child(4){left:59%!important;top:-57px!important;transform:translateX(-50%)!important}.home-menu-portals .menu-portal:nth-child(5){left:76%!important;top:-57px!important;transform:translateX(-50%)!important}.home-menu-portals .menu-portal:nth-child(6){left:93%!important;top:-57px!important;transform:translateX(-50%)!important}
.home-screen.orb-menu-closing .home-orb-menu{visibility:visible!important;pointer-events:none!important}.home-screen.orb-menu-closing .home-orb-menu>button,.home-screen.orb-menu-closing .home-menu-portals .menu-portal{opacity:0!important;scale:.86!important}

@media(max-width:700px){.home-screen.orb-menu-open .orb-stage-ref{width:min(calc(100vw - 28px),calc(100svh - 330px),390px)!important;top:53svh!important}.home-screen.orb-menu-open .orb-shell{scale:.51}.home-orb-menu>button:not(.menu-portal){width:88px!important;height:52px!important;min-height:52px!important}.home-orb-menu>button:not(.menu-portal) span{width:36px!important;height:36px!important;flex-basis:36px!important}.home-orb-menu>button:not(.menu-portal) b{font-size:8px!important}.home-menu-portals .menu-portal{width:55px!important;height:49px!important;min-height:49px!important}.home-menu-portals .menu-portal span{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:12px!important}.home-menu-portals .menu-portal b{font-size:6.3px!important;max-width:54px!important}}
@media(max-width:390px){.home-screen.orb-menu-open .orb-stage-ref{width:min(calc(100vw - 30px),calc(100svh - 320px),360px)!important}.home-screen.orb-menu-open .orb-shell{scale:.50}.home-orb-menu>button:not(.menu-portal){width:80px!important}.home-menu-portals .menu-portal{width:51px!important}.home-menu-portals .menu-portal b{font-size:6px!important;max-width:50px!important}}
@media(prefers-reduced-motion:reduce){.home-screen.orb-menu-open .orb-shell,.home-orb-menu,.home-orb-menu::before,.home-orb-menu::after,.home-orb-menu>button,.home-menu-portals .menu-portal{transition-duration:.01ms!important;animation:none!important}}

/* ── menu-completo-v177.css ── */
/* DIVINA BRUXA V177 — MENU COMPLETO E BIBLIOTECA DAS 78 CARTAS */

/* O menu orbital possui oito destinos principais e oito atalhos essenciais.
   Esta camada posiciona todos eles: nenhuma opção fica fora da tela. */
.home-menu-portals .menu-portal {
  width: 88px !important;
  min-height: 57px !important;
  padding: 4px 5px !important;
  border: 1px solid rgba(239, 199, 128, .18) !important;
  background: linear-gradient(145deg, rgba(26, 10, 39, .78), rgba(7, 3, 13, .72)) !important;
  box-shadow: inset 0 1px rgba(255, 246, 221, .07), 0 8px 22px rgba(0, 0, 0, .18) !important;
  transform: translateX(-50%) !important;
}

.home-menu-portals .menu-portal b {
  max-width: 84px !important;
  font-size: 7.6px !important;
  line-height: 1.08 !important;
  letter-spacing: .025em !important;
}

/* Linha superior: Vídeos, Biblioteca, Carta do Dia e Loja. */
.home-menu-portals .menu-portal:nth-child(1),
.home-menu-portals .menu-portal:nth-child(2),
.home-menu-portals .menu-portal:nth-child(3),
.home-menu-portals .menu-portal:nth-child(4) {
  top: -64px !important;
}

.home-menu-portals .menu-portal:nth-child(1) { left: 12.5% !important; }
.home-menu-portals .menu-portal:nth-child(2) { left: 37.5% !important; }
.home-menu-portals .menu-portal:nth-child(3) { left: 62.5% !important; }
.home-menu-portals .menu-portal:nth-child(4) { left: 87.5% !important; }

/* Linha inferior: Diário, Skins, Premium e Notificações. */
.home-menu-portals .menu-portal:nth-child(5),
.home-menu-portals .menu-portal:nth-child(6),
.home-menu-portals .menu-portal:nth-child(7),
.home-menu-portals .menu-portal:nth-child(8) {
  top: calc(100% + 7px) !important;
}

.home-menu-portals .menu-portal:nth-child(5) { left: 12.5% !important; }
.home-menu-portals .menu-portal:nth-child(6) { left: 37.5% !important; }
.home-menu-portals .menu-portal:nth-child(7) { left: 62.5% !important; }
.home-menu-portals .menu-portal:nth-child(8) { left: 87.5% !important; }

/* A Biblioteca é um destino central e recebe destaque visual. */
.home-menu-portals .menu-portal[data-go="library"] {
  border-color: rgba(255, 218, 148, .72) !important;
  background: radial-gradient(circle at 50% 12%, rgba(239, 189, 105, .18), transparent 48%), linear-gradient(145deg, rgba(48, 18, 66, .94), rgba(10, 4, 18, .9)) !important;
  box-shadow: inset 0 0 18px rgba(202, 83, 236, .16), 0 0 18px rgba(239, 190, 108, .18) !important;
}

.home-menu-portals .menu-portal[data-go="library"] b {
  color: #ffe4ad !important;
}

.home-menu-portals .menu-portal:focus-visible {
  outline: 2px solid #f5d596 !important;
  outline-offset: 3px !important;
}

@media (max-width: 700px) {
  .home-menu-portals .menu-portal {
    width: 72px !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  .home-menu-portals .menu-portal b {
    max-width: 68px !important;
    font-size: 6.8px !important;
  }

  .home-menu-portals .menu-portal:nth-child(1),
  .home-menu-portals .menu-portal:nth-child(2),
  .home-menu-portals .menu-portal:nth-child(3),
  .home-menu-portals .menu-portal:nth-child(4) {
    top: -58px !important;
  }

  .home-menu-portals .menu-portal:nth-child(5),
  .home-menu-portals .menu-portal:nth-child(6),
  .home-menu-portals .menu-portal:nth-child(7),
  .home-menu-portals .menu-portal:nth-child(8) {
    top: calc(100% + 6px) !important;
  }
}

@media (max-width: 390px) {
  .home-menu-portals .menu-portal {
    width: 66px !important;
  }

  .home-menu-portals .menu-portal b {
    max-width: 62px !important;
    font-size: 6.3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-menu-portals .menu-portal { transition-duration: .01ms !important; }
}

/* ── COSMIC-DESIGN-SYSTEM-V10.css ── */
/* Divina Bruxa — Sistema Cósmico V10. Importar somente após revisão em staging. */
:root {
  --db-void: #05020b;
  --db-night: #0d0620;
  --db-nebula: #211044;
  --db-violet: #7548c8;
  --db-orchid: #bd83ff;
  --db-gold: #e6b85c;
  --db-gold-soft: #f6d996;
  --db-ink: #f8f1ff;
  --db-muted: #c4b6d8;
  --db-glass: rgba(18, 9, 40, .72);
  --db-line: rgba(230, 184, 92, .25);
  --db-glow: 0 0 26px rgba(189, 131, 255, .34), 0 0 72px rgba(230, 184, 92, .14);
  --db-shadow: 0 18px 60px rgba(0, 0, 0, .46);
  --db-radius-sm: 12px;
  --db-radius-md: 22px;
  --db-radius-lg: 34px;
  --db-space-1: .5rem;
  --db-space-2: .75rem;
  --db-space-3: 1rem;
  --db-space-4: 1.5rem;
  --db-space-5: 2.25rem;
  --db-space-6: 3.5rem;
  --db-font-display: "Cinzel", "Cormorant Garamond", Georgia, serif;
  --db-font-body: Inter, system-ui, -apple-system, sans-serif;
  --db-ease-cosmic: cubic-bezier(.22,.8,.2,1);
  --db-duration-fast: 180ms;
  --db-duration-ritual: 680ms;
}

.db-cosmic-surface { background: linear-gradient(145deg, var(--db-glass), rgba(8,3,20,.88)); border: 1px solid var(--db-line); border-radius: var(--db-radius-md); box-shadow: var(--db-shadow); color: var(--db-ink); }
.db-cosmic-title { font-family: var(--db-font-display); letter-spacing: .04em; text-shadow: 0 0 22px rgba(189,131,255,.3); }
.db-cosmic-glow { box-shadow: var(--db-glow); }
.db-cosmic-focus:focus-visible { outline: 2px solid var(--db-gold-soft); outline-offset: 4px; }
.db-cosmic-tap { transition: transform var(--db-duration-fast) var(--db-ease-cosmic), filter var(--db-duration-fast) var(--db-ease-cosmic); }
.db-cosmic-tap:active { transform: scale(.97); filter: brightness(1.18); }

@media (prefers-reduced-motion: reduce) {
  .db-cosmic-tap { transition: none; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; }
}

/* ── PAGE-INTERIORS-V10.css ── */
/* Divina Bruxa — Mundos Interiores V130.
   A base antiga permanece para compatibilidade. Os novos mundos só existem
   nas telas que recebem data-db-realm; Home, Tarot Livre e Skins ficam intactos. */

.db-page-world { min-height: 100%; padding: var(--db-space-5, 2.25rem) var(--db-space-3, 1rem); isolation: isolate; }
.db-page-world__hero { max-width: 820px; margin: 0 auto var(--db-space-5, 2.25rem); text-align: center; }
.db-page-world__kicker { color: var(--db-gold-soft, #f6d996); font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; }
.db-page-world__title { margin: .45rem 0 .75rem; font-family: var(--db-font-display, Georgia, serif); color: var(--db-ink, #f8f1ff); font-size: clamp(1.8rem, 5vw, 3.4rem); }
.db-page-world__intro { max-width: 62ch; margin: 0 auto; color: var(--db-muted, #c4b6d8); line-height: 1.75; }
.db-page-world__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--db-space-3, 1rem); max-width: 1180px; margin: 0 auto; }
.db-page-world__card { padding: var(--db-space-4, 1.5rem); }
.db-page-world__card h3 { margin-top: 0; color: var(--db-gold-soft, #f6d996); font-family: var(--db-font-display, Georgia, serif); }
.db-page-world__card p { color: var(--db-muted, #c4b6d8); line-height: 1.65; }
.db-page-world__action { min-height: 44px; border: 1px solid var(--db-line, rgba(230,184,92,.25)); border-radius: 999px; padding: .75rem 1.1rem; color: var(--db-ink, #f8f1ff); background: rgba(117,72,200,.18); cursor: pointer; }
.db-page-world__action:hover { background: rgba(117,72,200,.34); box-shadow: var(--db-glow, 0 0 20px rgba(189,131,255,.28)); }
.db-page-world__action:focus-visible { outline: 2px solid var(--db-gold-soft, #f6d996); outline-offset: 3px; }

html[data-runtime="v12"] #app > .screen[data-db-realm] {
  --db-realm-accent: #b88aff;
  --db-realm-bright: #f4dd9b;
  --db-realm-haze: rgba(184,138,255,.18);
  --db-realm-line: rgba(224,190,255,.25);
  position: relative;
  max-width: 1000px;
  min-height: 100dvh;
  overflow: clip;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 9%, var(--db-realm-haze) 0, transparent min(58vw, 34rem)),
    linear-gradient(180deg, rgba(7,3,15,.08), rgba(7,3,15,.72) 88%);
}

html[data-runtime="v12"] #app > .screen[data-db-realm]::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 82px -18vw 0;
  pointer-events: none;
  opacity: .22;
  background:
    linear-gradient(180deg, rgba(5,2,11,.08), rgba(5,2,11,.86)),
    url("cosmic-background.png") center top / min(1260px, 126vw) auto no-repeat;
}

html[data-runtime="v12"] #app > .screen[data-db-realm]::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 101px;
  left: 50%;
  width: min(82vw, 760px);
  height: min(34vw, 250px);
  pointer-events: none;
  border-top: 1px solid var(--db-realm-line);
  border-radius: 50% 50% 0 0;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at 50% 0, var(--db-realm-haze), transparent 69%);
  box-shadow: 0 -28px 88px var(--db-realm-haze);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > * {
  position: relative;
  z-index: 1;
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > .eyebrow:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto .8rem;
  color: var(--db-realm-bright);
  font-size: .75rem;
  line-height: 1.45;
  letter-spacing: .25em;
  text-align: center;
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > .eyebrow:first-child::before,
html[data-runtime="v12"] #app > .screen[data-db-realm] > .eyebrow:first-child::after {
  content: "";
  width: clamp(20px, 6vw, 64px);
  height: 1px;
  flex: 0 1 auto;
  background: linear-gradient(90deg, transparent, var(--db-realm-line));
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > .eyebrow:first-child::after {
  transform: scaleX(-1);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > h2 {
  max-width: 900px;
  margin: 0 auto .9rem;
  color: #fffaf0;
  font-family: var(--db-font-display, Georgia, serif);
  font-size: clamp(2.8rem, 8vw, 5rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.035em;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 0 34px var(--db-realm-haze), 0 2px 20px rgba(0,0,0,.72);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] > .lead {
  max-width: 64ch;
  margin: 0 auto clamp(1.9rem, 5vw, 3rem);
  color: #cfc4da;
  font-size: 1rem;
  line-height: 1.7;
  text-align: center;
  text-wrap: pretty;
}

html[data-runtime="v12"] #app > .screen[data-db-realm] :where(.panel, .ritual-panel, .feature, .card-grid > button, .card-grid > article) {
  border-color: var(--db-realm-line);
  background:
    radial-gradient(circle at 16% 0, var(--db-realm-haze), transparent 44%),
    linear-gradient(145deg, rgba(23,11,41,.92), rgba(7,4,14,.96));
  box-shadow: 0 20px 58px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] :where(input, textarea, select) {
  min-height: 48px;
  border-color: var(--db-realm-line);
  background-color: rgba(6,3,13,.88);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] :where(input, textarea, select):focus {
  border-color: var(--db-realm-accent);
  box-shadow: 0 0 0 3px var(--db-realm-haze), 0 0 28px var(--db-realm-haze);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] :where(.primary, .chat-form button) {
  border-color: var(--db-realm-bright);
  box-shadow: 0 12px 34px var(--db-realm-haze);
}

html[data-runtime="v12"] #app > .screen[data-db-realm] :where(button, a):focus-visible {
  outline: 2px solid var(--db-realm-bright);
  outline-offset: 3px;
}

html[data-runtime="v12"] #app > .screen.active[data-db-realm] {
  animation: db-realm-arrival 440ms cubic-bezier(.16,.82,.22,1) both;
}

html[data-runtime="v12"] #app > .screen.active[data-db-realm] > .eyebrow:first-child,
html[data-runtime="v12"] #app > .screen.active[data-db-realm] > h2,
html[data-runtime="v12"] #app > .screen.active[data-db-realm] > .lead {
  animation: db-realm-title 500ms cubic-bezier(.16,.82,.22,1) both;
}

html[data-runtime="v12"] #app > .screen.active[data-db-realm] > h2 { animation-delay: 35ms; }
html[data-runtime="v12"] #app > .screen.active[data-db-realm] > .lead { animation-delay: 70ms; }

html[data-runtime="v12"] #app > .screen[data-db-realm="moon"] {
  --db-realm-accent: #c1a8ff; --db-realm-bright: #f3dc9a;
  --db-realm-haze: rgba(151,105,255,.2); --db-realm-line: rgba(213,189,255,.28);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="archive"] {
  --db-realm-accent: #7caaff; --db-realm-bright: #efce82;
  --db-realm-haze: rgba(73,114,220,.2); --db-realm-line: rgba(126,168,255,.27);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="academy"] {
  --db-realm-accent: #66d9dc; --db-realm-bright: #f0d38d;
  --db-realm-haze: rgba(51,176,181,.17); --db-realm-line: rgba(112,224,227,.25);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="oracle"] {
  --db-realm-accent: #e997c5; --db-realm-bright: #f3cf84;
  --db-realm-haze: rgba(211,84,154,.17); --db-realm-line: rgba(233,151,197,.27);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="voice"] {
  --db-realm-accent: #9be7ff; --db-realm-bright: #f4d891;
  --db-realm-haze: rgba(104,102,255,.2); --db-realm-line: rgba(155,231,255,.25);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="memory"] {
  --db-realm-accent: #d59aff; --db-realm-bright: #edcf91;
  --db-realm-haze: rgba(175,92,226,.19); --db-realm-line: rgba(213,154,255,.26);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="market"] {
  --db-realm-accent: #70d8a4; --db-realm-bright: #f3d17e;
  --db-realm-haze: rgba(50,157,113,.16); --db-realm-line: rgba(112,216,164,.25);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="sanctuary"] {
  --db-realm-accent: #ee9ea8; --db-realm-bright: #f1ce8b;
  --db-realm-haze: rgba(190,72,95,.17); --db-realm-line: rgba(238,158,168,.26);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="crown"] {
  --db-realm-accent: #f0c76f; --db-realm-bright: #ffe6a3;
  --db-realm-haze: rgba(214,160,54,.17); --db-realm-line: rgba(240,199,111,.28);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="vision"] {
  --db-realm-accent: #ef6cae; --db-realm-bright: #f4d48f;
  --db-realm-haze: rgba(202,53,128,.18); --db-realm-line: rgba(239,108,174,.26);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="resonance"] {
  --db-realm-accent: #77bcff; --db-realm-bright: #f0d492;
  --db-realm-haze: rgba(71,100,216,.19); --db-realm-line: rgba(119,188,255,.25);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="threshold"] {
  --db-realm-accent: #cab4ed; --db-realm-bright: #efd49a;
  --db-realm-haze: rgba(127,90,181,.17); --db-realm-line: rgba(202,180,237,.25);
}
html[data-runtime="v12"] #app > .screen[data-db-realm="command"] {
  --db-realm-accent: #d7a85b; --db-realm-bright: #f7d88f;
  --db-realm-haze: rgba(151,94,34,.16); --db-realm-line: rgba(215,168,91,.26);
}

@keyframes db-realm-arrival {
  from { opacity: .01; transform: translate3d(0, 14px, 0) scale(.995); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes db-realm-title {
  from { opacity: .01; transform: translate3d(0, 10px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (hover:hover) {
  html[data-runtime="v12"] #app > .screen[data-db-realm] :where(.panel, .ritual-panel, .feature, .card-grid > button, .card-grid > article) {
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm] :where(.card-grid > button, .feature):hover {
    transform: translateY(-2px);
    border-color: var(--db-realm-accent);
    box-shadow: 0 22px 64px rgba(0,0,0,.4), 0 0 32px var(--db-realm-haze);
  }
}

@media (max-width: 560px) {
  .db-page-world { padding: 1.25rem .75rem 5rem; }
  .db-page-world__grid { gap: .75rem; }
  .db-page-world__card { padding: 1.1rem; }

  html[data-runtime="v12"] #app > .screen[data-db-realm] {
    max-width: none;
    padding-right: 17px;
    padding-left: 17px;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm]::before {
    right: -35vw;
    left: -35vw;
    opacity: .18;
    background-size: auto 78vh;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm]::after {
    top: 94px;
    width: 92vw;
    height: 34vw;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm] > .eyebrow:first-child {
    gap: .45rem;
    font-size: .69rem;
    letter-spacing: .19em;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm] > h2 {
    font-size: clamp(2.55rem, 13vw, 4rem);
    line-height: .96;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm] > .lead {
    font-size: 1rem;
    line-height: 1.64;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-runtime="v12"] #app > .screen.active[data-db-realm],
  html[data-runtime="v12"] #app > .screen.active[data-db-realm] > .eyebrow:first-child,
  html[data-runtime="v12"] #app > .screen.active[data-db-realm] > h2,
  html[data-runtime="v12"] #app > .screen.active[data-db-realm] > .lead {
    animation: none !important;
  }
  html[data-runtime="v12"] #app > .screen[data-db-realm] :where(.panel, .ritual-panel, .feature, .card-grid > button, .card-grid > article) {
    transition: none !important;
  }
}

/* ── PORTAL-TRANSITIONS-V10.css ── */
/* Divina Bruxa — Portal V130.
   O modo clássico preserva as áreas já aprovadas. O modo realm é a abertura
   curta e fluida usada somente pelos novos mundos interiores. */
:root {
  --db-portal-duration: 680ms;
  --db-portal-ease: cubic-bezier(.22,.8,.2,1);
  --db-portal-accent: #bd83ff;
  --db-portal-bright: #f6d996;
}

.db-portal-layer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  background: radial-gradient(circle at 50% 50%, rgba(189,131,255,.34), rgba(5,2,11,.98) 68%);
  transform: scale(1.08);
}

.db-portal-layer.is-classic {
  transition: opacity var(--db-portal-duration) var(--db-portal-ease), transform var(--db-portal-duration) var(--db-portal-ease);
}

.db-portal-layer.is-classic.is-entering {
  opacity: 1;
  transform: scale(1);
}

.db-portal-layer.is-classic::after {
  content: "";
  position: absolute;
  inset: 20%;
  border: 1px solid rgba(246,217,150,.52);
  border-radius: 50%;
  box-shadow: 0 0 42px rgba(230,184,92,.38), inset 0 0 50px rgba(189,131,255,.22);
  animation: db-portal-breathe var(--db-portal-duration) var(--db-portal-ease) both;
}

.db-portal-layer.is-realm {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--db-portal-accent) 34%, transparent), transparent 24%),
    radial-gradient(circle at 50% 50%, rgba(12,6,25,.38), rgba(5,2,11,.9) 72%);
  transform: scale(1.025);
}

.db-portal-layer__ring,
.db-portal-layer__star,
.db-portal-layer__veil {
  position: absolute;
  pointer-events: none;
}

.db-portal-layer__veil {
  inset: 0;
  background: radial-gradient(circle at 50% 50%, transparent 0 16%, rgba(5,2,11,.18) 42%, rgba(5,2,11,.82) 100%);
}

.db-portal-layer__ring {
  width: min(70vw, 560px);
  aspect-ratio: 1;
  border: 1px solid color-mix(in srgb, var(--db-portal-bright) 66%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 44px color-mix(in srgb, var(--db-portal-accent) 30%, transparent),
    inset 0 0 72px color-mix(in srgb, var(--db-portal-accent) 18%, transparent);
}

.db-portal-layer__star {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff8dd;
  box-shadow:
    0 0 8px #fff,
    0 0 28px var(--db-portal-bright),
    0 0 74px var(--db-portal-accent);
}

@keyframes db-portal-breathe {
  from { opacity: 0; transform: scale(.68) rotate(-8deg); }
  to { opacity: 1; transform: scale(1) rotate(0); }
}

@media (max-width: 560px) {
  .db-portal-layer__ring { width: min(86vw, 430px); }
}

@media (prefers-reduced-motion: reduce) {
  .db-portal-layer { transform: none !important; }
  .db-portal-layer.is-classic { transition: opacity 120ms linear; }
  .db-portal-layer.is-classic::after { animation: none; }
  .db-portal-layer__ring,
  .db-portal-layer__star { display: none; }
}

/* ── runtime-v12.css ── */
/* Divina Bruxa V130 — runtime seguro + isolamento dos Mundos Interiores. */

html[data-runtime="v12"] #app > .screen {
  padding-bottom: calc(154px + env(safe-area-inset-bottom));
}

html[data-runtime="v12"] #app > .screen.db-page-world {
  padding-top: 120px;
  padding-right: 24px;
  padding-left: 24px;
}

html[data-runtime="v12"] #app > #home.active > section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* A animação já aprovada continua idêntica somente no Tarot Livre e nas Skins. */
html[data-runtime="v12"] #app > .screen.active:is(#tarot, #skins) {
  animation: db-world-arrival 560ms cubic-bezier(.22,.8,.2,1) both;
}

html[data-runtime="v12"] [data-orb-surface]:not(img) {
  background-image: var(--db-orb-surface-image);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-runtime="v12"] .skins-screen {
  max-width: 1180px;
  background:
    radial-gradient(circle at 50% 12%, color-mix(in srgb, var(--db-skin-accent, #a565d6) 24%, transparent), transparent 38%),
    linear-gradient(180deg, rgba(7,5,11,.3), rgba(7,5,11,.92));
}

html[data-runtime="v12"] .skins-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(240,214,138,.18) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 32%, rgba(165,101,214,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 54% 72%, rgba(255,255,255,.12) 0 1px, transparent 2px);
  background-size: 170px 170px, 230px 230px, 310px 310px;
}

html[data-runtime="v12"] .skins-v6-tools {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0 0 1rem;
}

html[data-runtime="v12"] .skin-tile {
  position: relative;
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

html[data-runtime="v12"] .skin-tile.is-active {
  border-color: var(--db-skin-light, #f0d68a);
  box-shadow: 0 0 0 1px rgba(240,214,138,.28), 0 18px 54px rgba(109,43,165,.32);
}

html[data-runtime="v12"] .skin-tile.is-active::after {
  content: "ATIVA";
  position: absolute;
  top: 10px;
  right: 10px;
  padding: .3rem .55rem;
  border-radius: 999px;
  color: #120916;
  background: var(--db-skin-light, #f0d68a);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .14em;
}

html[data-runtime="v12"] .magic-dock {
  padding-bottom: max(10px, env(safe-area-inset-bottom));
}

@keyframes db-world-arrival {
  from { opacity: 0; transform: translateY(16px) scale(.992); filter: blur(5px); }
  to { opacity: 1; transform: none; filter: none; }
}

@media (hover:hover) {
  html[data-runtime="v12"] .skin-tile:hover { transform: translateY(-3px); }
}

@media (max-width: 560px) {
  html[data-runtime="v12"] #app > .screen {
    padding-bottom: calc(142px + env(safe-area-inset-bottom));
  }
  html[data-runtime="v12"] .db-page-world { padding-top: 112px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-runtime="v12"] #app > .screen.active:is(#tarot, #skins),
  html[data-runtime="v12"] .skin-tile { animation: none; transition: none; }
}

/* Sétimo portal visível sem tocar na geometria da Orbe. */
html[data-runtime="v12"] .home-menu-portals {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: clamp(.28rem, 1.2vw, .7rem);
  align-items: stretch;
}
html[data-runtime="v12"] .home-menu-portals .menu-portal {
  min-width: 0;
}
html[data-runtime="v12"] .home-menu-portals .menu-portal b {
  white-space: normal;
  line-height: 1.05;
}
@media (max-width: 560px) {
  html[data-runtime="v12"] .home-menu-portals {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
  }
  html[data-runtime="v12"] .home-menu-portals .menu-portal {
    min-height: 3.25rem;
    padding-inline: .18rem;
  }
  html[data-runtime="v12"] .home-menu-portals .menu-portal b {
    font-size: .56rem;
  }
}

/* ── home-orb-only-v1.css ── */
/* DIVINA BRUXA — HOME SOMENTE COM A ORBE PRINCIPAL.
   Não altera motor, canvas, gestos, menu orbital ou skins. */

html[data-runtime="v12"] #app > #home.active{
  display:grid!important;
  grid-template-rows:1fr;
  place-items:center;
  min-height:100svh;
  max-width:none;
  padding:calc(96px + env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom));
  overflow:hidden;
}

html[data-runtime="v12"] #app > #home.active >.portal-divider,
html[data-runtime="v12"] #app > #home.active >.home-copy,
html[data-runtime="v12"] #app > #home.active >.awaken,
html[data-runtime="v12"] #app > #home.active >.orb-status,
html[data-runtime="v12"] #app > #home.active >.touch-hint,
html[data-runtime="v12"] #app > #home.active >.home-paths,
html[data-runtime="v12"] #app > #home.active >.home-skins,
html[data-runtime="v12"] #app > #home.active >.home-touch,
html[data-runtime="v12"] #app > #home.active >.home-commerce,
html[data-runtime="v12"] #app > #home.active >.home-trust{
  display:none!important;
}

html[data-runtime="v12"] #app > #home.active >.orb-stage-ref{
  display:block!important;
  margin:auto;
}

/* Assinatura sagrada: somente as duas palavras pedidas, dentro da Orbe.
   A camada não recebe toques e não interfere no canvas, gestos ou menu. */
html[data-runtime="v12"] #home #orb .orb-sacred-voice{
  position:absolute;
  z-index:7;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0 12%;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  text-align:center;
  color:#f8e4b4;
  text-transform:uppercase;
  transform:translateZ(0);
  transition:opacity .28s ease,filter .28s ease;
  filter:drop-shadow(0 2px 3px rgba(2,0,8,.96)) drop-shadow(0 0 13px rgba(245,207,137,.52)) drop-shadow(0 0 25px rgba(192,70,238,.48));
}

html[data-runtime="v12"] #home #orb .orb-sacred-voice strong{
  display:block;
  padding-left:.22em;
  font:500 clamp(22px,6.2vw,37px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.22em;
}

html[data-runtime="v12"] #home #orb .orb-sacred-voice small{
  display:block;
  margin-top:10px;
  padding-left:.27em;
  font:600 clamp(8px,2.05vw,12px)/1.2 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.27em;
  color:#efd093;
}

html[data-runtime="v12"] #home #orb.is-touching .orb-sacred-voice,
html[data-runtime="v12"] #home #orb.phase-release .orb-sacred-voice,
html[data-runtime="v12"] #home #orb.phase-resonance .orb-sacred-voice{
  filter:drop-shadow(0 2px 3px rgba(2,0,8,.96)) drop-shadow(0 0 17px rgba(255,226,167,.78)) drop-shadow(0 0 34px rgba(218,84,255,.72));
}

html[data-runtime="v12"] #home.orb-menu-open #orb .orb-sacred-voice,
html[data-runtime="v12"] #home.orb-menu-transition #orb .orb-sacred-voice,
html[data-runtime="v12"] #home.orb-menu-closing #orb .orb-sacred-voice{
  opacity:0;
}

/* A imagem continua vindo do motor de skins por estilo inline. */
html[data-runtime="v12"] .app-header .brand .mini-orb{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background-color:#0a0310;
  background-size:104%!important;
  background-position:50% 50%!important;
  background-repeat:no-repeat!important;
}

@media(max-width:560px){
  html[data-runtime="v12"] #app > #home.active{
    padding:calc(82px + env(safe-area-inset-top)) 10px calc(96px + env(safe-area-inset-bottom));
  }
}

@media(max-width:365px){
  html[data-runtime="v12"] #home #orb .orb-sacred-voice strong{
    font-size:20px;
  }
  html[data-runtime="v12"] #home #orb .orb-sacred-voice small{
    font-size:7px;
    letter-spacing:.22em;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-runtime="v12"] #home #orb .orb-sacred-voice{
    transition:none;
  }
}

/* ── tarot-livre-official-v1.css ── */
/* DIVINA BRUXA — TAROT LIVRE OFICIAL V1
   Macroetapa 2 de 7: composição visual da tela aprovada.
   Mantém o motor das 78 cartas, a sessão e as skins existentes. */

html[data-runtime="v12"] #app > #tarot.tarot-livre-official{
  --tl-gold:#e8c77a;
  --tl-gold-bright:#ffe4aa;
  --tl-ink:#f8f0e8;
  --tl-muted:#aa9eae;
  isolation:isolate;
  position:relative;
  width:100%;
  max-width:none;
  min-height:100svh;
  padding:calc(108px + env(safe-area-inset-top)) clamp(14px,4vw,42px) calc(150px + env(safe-area-inset-bottom));
  overflow:visible;
  color:var(--tl-ink);
  background:
    radial-gradient(ellipse at 50% 18%,rgba(113,35,160,.34),transparent 34rem),
    radial-gradient(ellipse at 10% 58%,rgba(74,21,118,.16),transparent 30rem),
    radial-gradient(ellipse at 90% 72%,rgba(114,39,155,.14),transparent 27rem),
    linear-gradient(180deg,#030107 0%,#090311 44%,#030107 100%);
}

html[data-runtime="v12"] #app > #tarot.tarot-livre-official::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  opacity:.31;
  background-image:
    radial-gradient(circle,rgba(255,247,224,.82) 0 .7px,transparent 1.35px),
    radial-gradient(circle,rgba(215,137,255,.72) 0 .8px,transparent 1.45px),
    radial-gradient(circle,rgba(237,192,111,.62) 0 .65px,transparent 1.3px);
  background-size:103px 127px,173px 199px,251px 277px;
  background-position:17px 23px,71px 89px,119px 47px;
  mask-image:linear-gradient(#000,rgba(0,0,0,.82) 76%,transparent 100%);
}

html[data-runtime="v12"] #app > #tarot.tarot-livre-official::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:235px;
  left:50%;
  width:min(94vw,980px);
  aspect-ratio:1;
  transform:translateX(-50%);
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(200,79,244,.12),rgba(99,28,154,.045) 46%,transparent 70%);
  filter:blur(16px);
}

html[data-runtime="v12"] #tarot .section-head{
  display:grid!important;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  width:min(100%,860px);
  margin:0 auto;
  padding:10px 8px 18px;
  border:0;
  text-align:center;
}

html[data-runtime="v12"] #tarot .section-head > div{
  display:grid;
  justify-items:center;
}

html[data-runtime="v12"] #tarot .section-head .eyebrow{
  margin:0;
  color:var(--tl-gold);
  font:600 clamp(9px,2.2vw,12px)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.31em;
  text-transform:uppercase;
}

html[data-runtime="v12"] #tarot .section-head h2{
  margin:12px 0 3px;
  color:#f7e9d8;
  font:400 clamp(52px,10vw,82px)/.94 Georgia,"Times New Roman",serif;
  letter-spacing:-.045em;
  text-shadow:0 7px 38px rgba(0,0,0,.5),0 0 28px rgba(185,84,233,.24);
}

html[data-runtime="v12"] #tarot .section-head #count{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;
  margin-top:10px;
  color:var(--tl-gold-bright);
  font:400 clamp(22px,4vw,31px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.08em;
  text-shadow:0 0 17px rgba(232,199,122,.25);
}

html[data-runtime="v12"] #tarot .section-head #count small{
  color:var(--tl-gold);
  font:500 .52em/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.04em;
}

html[data-runtime="v12"] #tarot .section-head #remaining{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

html[data-runtime="v12"] #tarot .deck-progress{
  width:min(68vw,430px);
  height:2px;
  margin:0 auto 22px;
  border-radius:999px;
  background:rgba(232,199,122,.11);
  box-shadow:0 0 18px rgba(177,61,226,.12);
}

html[data-runtime="v12"] #tarot .deck-progress i{
  border-radius:inherit;
  box-shadow:0 0 13px rgba(211,93,255,.65);
}

html[data-runtime="v12"] #tarot .ritual-altar{
  isolation:isolate;
  position:relative;
  width:min(100%,790px);
  min-height:810px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(232,199,122,.30);
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 38%,rgba(136,47,190,.34),transparent 31%),
    radial-gradient(circle at 50% 61%,rgba(69,21,107,.20),transparent 40%),
    linear-gradient(160deg,rgba(24,9,36,.97),rgba(3,1,8,.99) 74%);
  box-shadow:
    inset 0 1px rgba(255,247,224,.09),
    inset 0 -150px 180px rgba(0,0,0,.58),
    0 32px 110px rgba(0,0,0,.62),
    0 0 48px rgba(151,52,207,.13);
}

html[data-runtime="v12"] #tarot .ritual-altar::before{
  opacity:.27;
  background-size:79px 83px,137px 149px;
}

html[data-runtime="v12"] #tarot .ritual-altar::after{
  content:"";
  position:absolute;
  z-index:1;
  top:43%;
  left:50%;
  width:min(82%,610px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  opacity:.46;
  background:
    radial-gradient(circle,transparent 0 45%,rgba(231,190,113,.20) 45.3% 45.6%,transparent 46%),
    repeating-conic-gradient(from 0deg,rgba(232,199,122,.15) 0 .35deg,transparent .35deg 15deg),
    radial-gradient(circle,rgba(202,83,248,.16),transparent 66%);
  mask-image:radial-gradient(circle,#000 0 69%,transparent 70%);
  filter:drop-shadow(0 0 24px rgba(196,78,240,.16));
}

html[data-runtime="v12"] #tarot .orbital-cards,
html[data-runtime="v12"] #tarot .altar-rings,
html[data-runtime="v12"] #tarot .ritual-constellation,
html[data-runtime="v12"] #tarot .ritual-stats{
  display:none!important;
}

html[data-runtime="v12"] #tarot .ritual-wheel{
  position:absolute;
  z-index:5;
  top:48px;
  left:50%;
  width:min(calc(100% - 42px),680px);
  height:570px;
  aspect-ratio:auto;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
}

html[data-runtime="v12"] #tarot .ritual-wheel::before,
html[data-runtime="v12"] #tarot .ritual-wheel::after{
  display:none!important;
}

html[data-runtime="v12"] #tarot .ritual-card-center{
  position:relative;
  z-index:8;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  filter:drop-shadow(0 27px 38px rgba(0,0,0,.72));
}

html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{
  position:relative;
  width:min(70vw,315px);
  min-height:0;
  aspect-ratio:2/3;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(244,210,142,.70);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 43%,rgba(207,78,246,.34),transparent 29%),
    linear-gradient(145deg,rgba(41,15,60,.98),rgba(5,2,11,.99));
  box-shadow:
    inset 0 0 0 5px rgba(5,2,11,.76),
    inset 0 0 0 6px rgba(232,199,122,.23),
    0 28px 62px rgba(0,0,0,.72),
    0 0 34px rgba(196,75,239,.22);
}

html[data-runtime="v12"] #tarot .ritual-card-center .current:not(.empty){
  border-color:rgba(255,224,161,.82);
  background:#05020a;
}

html[data-runtime="v12"] #tarot .ritual-card-center .tarot-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none!important;
  border:0;
  border-radius:16px;
  background:#05020a;
  box-shadow:none;
}

html[data-runtime="v12"] #tarot .ritual-card-center .empty-card{
  position:absolute;
  inset:9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:auto;
  height:auto;
  padding:24px;
  border:1px solid rgba(232,199,122,.23);
  border-radius:12px;
  color:var(--tl-gold-bright);
  background:
    radial-gradient(circle at 50% 43%,rgba(223,95,255,.22),transparent 31%),
    radial-gradient(circle at 50% 50%,rgba(78,22,122,.28),rgba(4,2,10,.82) 72%);
  text-align:center;
}

html[data-runtime="v12"] #tarot .empty-card > span{
  color:#f9dfa6;
  font-size:2.2rem;
  text-shadow:0 0 17px rgba(255,225,165,.76),0 0 35px rgba(218,76,255,.80);
}

html[data-runtime="v12"] #tarot .empty-card > b{
  color:#f4d99c;
  font:500 clamp(10px,2.7vw,14px)/1.25 Georgia,"Times New Roman",serif;
  letter-spacing:.22em;
}

html[data-runtime="v12"] #tarot .empty-card > small{
  color:#b6a7ba;
  font:500 clamp(8px,2vw,10px)/1.4 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

html[data-runtime="v12"] #tarot .ritual-card-center .card-label{
  left:50%;
  right:auto;
  bottom:9px;
  width:max-content;
  max-width:88%;
  transform:translateX(-50%);
  padding:7px 11px;
  border:1px solid rgba(238,202,130,.34);
  border-radius:999px;
  background:rgba(3,1,8,.84);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

html[data-runtime="v12"] #tarot .tarot-current-nav{
  position:absolute;
  z-index:18;
  inset:0;
  pointer-events:none;
}

html[data-runtime="v12"] #tarot .tarot-current-nav button{
  position:absolute;
  top:50%;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  padding:0;
  transform:translateY(-50%);
  pointer-events:auto;
  border:1px solid rgba(239,202,130,.72);
  border-radius:50%;
  color:var(--tl-gold-bright);
  background:radial-gradient(circle at 38% 28%,rgba(110,42,142,.44),transparent 42%),rgba(7,3,13,.88);
  box-shadow:inset 0 0 20px rgba(178,62,224,.18),0 10px 30px rgba(0,0,0,.48),0 0 17px rgba(197,84,232,.12);
  cursor:pointer;
  transition:transform .2s ease,filter .2s ease,opacity .2s ease;
}

html[data-runtime="v12"] #tarot .tarot-current-nav button:first-child{left:2px}
html[data-runtime="v12"] #tarot .tarot-current-nav button:last-child{right:2px}
html[data-runtime="v12"] #tarot .tarot-current-nav button span{font-size:1.55rem;line-height:1}
html[data-runtime="v12"] #tarot .tarot-current-nav button small{position:absolute;top:calc(100% + 7px);font-size:.43rem;letter-spacing:.14em}
html[data-runtime="v12"] #tarot .tarot-current-nav button:not(:disabled):hover{filter:brightness(1.28);transform:translateY(-50%) scale(1.04)}
html[data-runtime="v12"] #tarot .tarot-current-nav button:disabled{opacity:.22;cursor:default;filter:grayscale(.5)}
html[data-runtime="v12"] #tarot .tarot-current-nav button:focus-visible{outline:2px solid var(--tl-gold-bright);outline-offset:4px}

html[data-runtime="v12"] #tarot .table-orb{
  left:50%;
  right:auto;
  bottom:29px;
  width:136px;
  height:136px;
  transform:translateX(-50%)!important;
}

html[data-runtime="v12"] #tarot .table-orb-image{
  inset:8px;
  border:1px solid rgba(255,226,170,.62);
  box-shadow:inset 0 0 23px rgba(255,255,255,.14),0 0 0 6px rgba(132,48,183,.12),0 0 47px rgba(210,74,255,.74);
}

html[data-runtime="v12"] #tarot .table-orb small{
  position:absolute;
  z-index:6;
  top:50%;
  bottom:auto;
  left:50%;
  width:82px;
  max-width:82px;
  padding:0;
  transform:translate(-50%,-50%);
  border:0;
  border-radius:0;
  color:#fff0c9;
  background:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  font:600 9px/1.35 Georgia,"Times New Roman",serif;
  letter-spacing:.14em;
  white-space:normal;
  text-shadow:0 2px 5px #020007,0 0 12px rgba(255,235,190,.88),0 0 25px rgba(218,70,255,.92);
}

html[data-runtime="v12"] #tarot .free-rule,
html[data-runtime="v12"] #tarot .editorial-covenant,
html[data-runtime="v12"] #tarot .real-table-tools,
html[data-runtime="v12"] #tarot .table-recovery{
  display:none!important;
}

html[data-runtime="v12"] #tarot .real-table-head{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  width:min(100%,860px);
  margin:30px auto 0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
}

html[data-runtime="v12"] #tarot .real-table-head > div:first-child{
  order:2;
  text-align:center;
}

html[data-runtime="v12"] #tarot .real-table-head p{
  margin:0 0 8px;
  color:var(--tl-gold);
  font:600 9px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.30em;
}

html[data-runtime="v12"] #tarot .real-table-head h3{
  margin:0;
  color:#f4e7d8;
  font:400 clamp(30px,6vw,46px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}

html[data-runtime="v12"] #tarot .table-actions{
  order:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:min(100%,720px);
  margin:0 auto;
}

html[data-runtime="v12"] #tarot .table-actions .text-button{
  min-height:54px;
  padding:10px 18px;
  border:1px solid rgba(232,199,122,.48);
  border-radius:999px;
  color:#f1dcae;
  background:linear-gradient(145deg,rgba(27,11,39,.94),rgba(6,3,12,.98));
  box-shadow:inset 0 1px rgba(255,247,225,.07),0 13px 32px rgba(0,0,0,.30),0 0 22px rgba(176,59,219,.08);
  font:600 clamp(8px,1.8vw,11px)/1.25 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}

html[data-runtime="v12"] #tarot .table-actions .text-button:not(:disabled):hover{
  border-color:rgba(255,225,164,.82);
  background:linear-gradient(145deg,rgba(54,20,68,.96),rgba(8,3,15,.99));
  box-shadow:inset 0 1px rgba(255,249,229,.11),0 13px 34px rgba(0,0,0,.34),0 0 27px rgba(198,74,239,.18);
}

html[data-runtime="v12"] #tarot .table-actions .text-button:disabled{
  opacity:.42;
  cursor:default;
}

html[data-runtime="v12"] #tarot .real-table-viewport{
  width:min(100%,860px);
  max-width:860px;
  margin:15px auto 0;
  overflow:visible;
  border:1px solid rgba(232,199,122,.24);
  border-radius:24px;
  background:linear-gradient(150deg,rgba(18,7,27,.88),rgba(3,1,8,.96));
  box-shadow:inset 0 0 70px rgba(115,34,156,.10),0 24px 70px rgba(0,0,0,.44);
}

html[data-runtime="v12"] #tarot .real-table{
  --tarot-card-width:auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(5px,1.2vw,11px);
  width:100%;
  min-width:0;
  padding:clamp(9px,2vw,18px);
  border:0;
  border-radius:24px;
  background:radial-gradient(circle at 50% 0%,rgba(119,37,161,.16),transparent 45%);
  box-shadow:none;
}

html[data-runtime="v12"] #tarot .real-table:not(:has(.revealed))::before{
  content:"Suas cartas reveladas aparecerão aqui";
  grid-column:1/-1;
  display:grid;
  place-items:center;
  min-height:112px;
  color:#95889a;
  font:500 clamp(9px,2.3vw,12px)/1.5 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
}

html[data-runtime="v12"] #tarot .table-slot.waiting{
  display:none!important;
}

html[data-runtime="v12"] #tarot .table-slot.revealed{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  aspect-ratio:2/3;
  overflow:hidden;
  border:1px solid rgba(232,199,122,.46);
  border-radius:8px;
  background:#05020a;
  box-shadow:0 9px 20px rgba(0,0,0,.46),0 0 14px rgba(177,65,218,.08);
}

html[data-runtime="v12"] #tarot .table-slot.revealed img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none!important;
  background:#05020a;
}

html[data-runtime="v12"] #tarot .table-slot.revealed.selected{
  outline:1px solid var(--tl-gold-bright);
  outline-offset:2px;
  box-shadow:0 9px 22px rgba(0,0,0,.50),0 0 19px rgba(211,83,249,.48);
}

html[data-runtime="v12"] #tarot .table-slot .order{
  right:3px;
  bottom:3px;
  min-width:17px;
  height:17px;
  padding:0 3px;
  font-size:.42rem;
}

@media(max-width:640px){
  html[data-runtime="v12"] #app > #tarot.tarot-livre-official{
    padding:calc(92px + env(safe-area-inset-top)) 10px calc(132px + env(safe-area-inset-bottom));
  }

  html[data-runtime="v12"] #tarot .section-head{padding:8px 5px 14px}
  html[data-runtime="v12"] #tarot .section-head h2{font-size:clamp(48px,14vw,62px)}
  html[data-runtime="v12"] #tarot .section-head #count{font-size:22px}
  html[data-runtime="v12"] #tarot .deck-progress{margin-bottom:17px}

  html[data-runtime="v12"] #tarot .ritual-altar{
    width:100%;
    min-height:680px;
    margin:0 auto!important;
    border-radius:30px;
  }

  html[data-runtime="v12"] #tarot .ritual-altar::after{top:41%;width:94%}
  html[data-runtime="v12"] #tarot .ritual-wheel{top:25px;width:calc(100% - 16px);height:450px}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{width:min(70vw,270px);border-radius:15px}
  html[data-runtime="v12"] #tarot .ritual-card-center .tarot-card-image{border-radius:13px}

  html[data-runtime="v12"] #tarot .tarot-current-nav button{width:46px;height:46px}
  html[data-runtime="v12"] #tarot .tarot-current-nav button:first-child{left:0}
  html[data-runtime="v12"] #tarot .tarot-current-nav button:last-child{right:0}
  html[data-runtime="v12"] #tarot .tarot-current-nav button span{font-size:1.25rem}
  html[data-runtime="v12"] #tarot .tarot-current-nav button small{display:none}

  html[data-runtime="v12"] #tarot .table-orb{bottom:25px;width:118px;height:118px}
  html[data-runtime="v12"] #tarot .table-orb small{width:72px;max-width:72px;font-size:8px}

  html[data-runtime="v12"] #tarot .real-table-head{gap:27px;margin-top:25px;padding-inline:2px}
  html[data-runtime="v12"] #tarot .table-actions{gap:8px}
  html[data-runtime="v12"] #tarot .table-actions .text-button{min-height:49px;padding:8px 7px;font-size:clamp(7px,2.05vw,9px);letter-spacing:.055em}
  html[data-runtime="v12"] #tarot .real-table-head h3{font-size:34px}

  html[data-runtime="v12"] #tarot .real-table-viewport{margin-top:12px;border-radius:18px}
  html[data-runtime="v12"] #tarot .real-table{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px;padding:7px;border-radius:18px}
  html[data-runtime="v12"] #tarot .table-slot.revealed{width:100%;border-radius:5px}
  html[data-runtime="v12"] #tarot .table-slot .order{right:2px;bottom:2px;min-width:13px;height:13px;font-size:.35rem}
}

@media(max-width:355px){
  html[data-runtime="v12"] #tarot .ritual-altar{min-height:625px}
  html[data-runtime="v12"] #tarot .ritual-wheel{height:405px}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{width:min(69vw,235px)}
  html[data-runtime="v12"] #tarot .tarot-current-nav button{width:41px;height:41px}
  html[data-runtime="v12"] #tarot .table-orb{width:108px;height:108px;bottom:22px}
}

@media(orientation:landscape) and (max-height:560px){
  html[data-runtime="v12"] #app > #tarot.tarot-livre-official{padding-top:82px}
  html[data-runtime="v12"] #tarot .ritual-altar{min-height:590px}
  html[data-runtime="v12"] #tarot .ritual-wheel{left:50%;top:18px;width:min(74%,610px);height:410px;transform:translateX(-50%)}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{width:220px;height:auto;margin:0}
  html[data-runtime="v12"] #tarot .table-orb{left:50%;right:auto;bottom:18px;transform:translateX(-50%)!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-runtime="v12"] #tarot .tarot-current-nav button,
  html[data-runtime="v12"] #tarot .table-actions .text-button{
    transition:none;
  }
}

/* ── home-orb-words-v2.css ── */
/* DIVINA BRUXA — COROA TEXTUAL DA ORBE V2
   As palavras vivem acima e abaixo da esfera, nunca sobre a imagem.
   O motor WebGL, o tamanho, os gestos, o menu e as skins permanecem intactos. */

html[data-runtime="v12"] #app > #home.home-screen.active{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  grid-template-rows:none;
  place-items:initial;
  width:100%;
  max-width:none;
  min-height:100svh;
  padding:calc(106px + env(safe-area-inset-top)) 14px calc(118px + env(safe-area-inset-bottom));
  overflow:visible;
}

/* A antiga inscrição interna é removida: o interior volta a ser somente universo. */
html[data-runtime="v12"] #home #orb .orb-sacred-voice{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy{
  position:relative;
  z-index:3;
  display:block!important;
  flex:none;
  width:min(100%,720px);
  margin:clamp(4px,1.8svh,18px) auto 0;
  padding:0 4px;
  text-align:center;
  animation:home-words-crown-arrive .82s cubic-bezier(.18,.82,.2,1) both;
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:43%;
  width:min(94vw,680px);
  height:190%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(121,37,169,.13),rgba(71,19,111,.045) 43%,transparent 72%);
  filter:blur(13px);
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .eyebrow{
  margin:0;
  color:#e7c77c;
  font:600 clamp(9px,2.25vw,12px)/1.3 Georgia,"Times New Roman",serif;
  letter-spacing:.34em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(231,199,124,.20);
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1{
  width:auto!important;
  max-width:none!important;
  margin:clamp(10px,1.5svh,15px) auto 9px!important;
  overflow:visible!important;
  color:#f7eee6;
  font:400 clamp(50px,10vw,79px)/.88 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
  text-align:center!important;
  text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.50),0 0 28px rgba(193,81,233,.16);
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1 span{
  display:inline-block;
  margin-left:5px!important;
  color:#f5d98f;
  font-size:.27em;
  vertical-align:.25em;
  text-shadow:0 0 11px rgba(255,231,172,.58),0 0 24px rgba(218,83,255,.44);
}

html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .intro{
  max-width:620px;
  margin:0 auto!important;
  color:#b8aebc;
  font:400 clamp(14px,3.6vw,19px)/1.42 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-wrap:balance;
}

/* A esfera ocupa sua própria faixa; nenhum texto entra em seu círculo. */
html[data-runtime="v12"] #app > #home.home-screen.active > .orb-stage-ref{
  position:relative;
  z-index:2;
  display:grid!important;
  flex:none;
  margin:clamp(13px,2svh,22px) auto 0!important;
}

html[data-runtime="v12"] #app > #home.home-screen.active > .awaken{
  position:relative;
  z-index:3;
  display:block!important;
  flex:none;
  margin:clamp(15px,2.3svh,25px) 0 0!important;
  color:#f2d999;
  font:600 clamp(10px,2.5vw,13px)/1.35 Georgia,"Times New Roman",serif;
  letter-spacing:.24em;
  text-align:center;
  text-transform:uppercase;
  text-shadow:0 0 13px rgba(255,228,168,.26),0 0 28px rgba(194,70,235,.19);
  animation:home-words-call-arrive .68s .32s cubic-bezier(.18,.82,.2,1) both;
}

html[data-runtime="v12"] #app > #home.home-screen.active > .orb-status{
  position:relative;
  z-index:3;
  display:block!important;
  flex:none;
  min-height:19px;
  margin:8px 0 0!important;
  color:#ada2b2;
  font:400 clamp(11px,2.8vw,14px)/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:center;
  text-wrap:balance;
  animation:home-words-call-arrive .68s .39s cubic-bezier(.18,.82,.2,1) both;
}

html[data-runtime="v12"] #app > #home.home-screen.active > .touch-hint{
  display:none!important;
}

/* Ao abrir o menu, a coroa se recolhe como já acontecia no visual aprovado. */
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-open > .home-copy,
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-open > .awaken,
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-open > .orb-status,
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-transition > .home-copy,
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-transition > .awaken,
html[data-runtime="v12"] #app > #home.home-screen.active.orb-menu-transition > .orb-status{
  opacity:0!important;
  filter:blur(3px);
  pointer-events:none;
  animation:none!important;
}

@keyframes home-words-crown-arrive{
  from{opacity:0;transform:translateY(-15px);filter:blur(6px)}
  to{opacity:1;transform:none;filter:none}
}

@keyframes home-words-call-arrive{
  from{opacity:0;transform:translateY(9px)}
  to{opacity:1;transform:none}
}

@media(max-width:430px){
  html[data-runtime="v12"] #app > #home.home-screen.active{
    padding:calc(96px + env(safe-area-inset-top)) 10px calc(108px + env(safe-area-inset-bottom));
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy{
    margin-top:clamp(2px,1.2svh,11px);
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .eyebrow{
    font-size:clamp(8px,2.35vw,10px);
    letter-spacing:.29em;
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1{
    margin-top:clamp(9px,1.3svh,13px)!important;
    margin-bottom:8px!important;
    font-size:clamp(47px,14vw,62px)!important;
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .intro{
    width:min(100%,360px);
    padding:0 4px;
    font-size:clamp(13px,3.7vw,15px);
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .orb-stage-ref{
    margin-top:clamp(10px,1.7svh,16px)!important;
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .awaken{
    margin-top:clamp(13px,2svh,19px)!important;
    font-size:clamp(9px,2.7vw,11px);
    letter-spacing:.18em;
  }

  html[data-runtime="v12"] #app > #home.home-screen.active > .orb-status{
    margin-top:7px!important;
    font-size:11px;
  }
}

@media(max-width:360px){
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1{
    font-size:clamp(43px,13.6vw,52px)!important;
  }
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .intro{font-size:12px}
}

@media(max-height:700px) and (orientation:portrait){
  html[data-runtime="v12"] #app > #home.home-screen.active{
    padding-top:calc(86px + env(safe-area-inset-top));
  }
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1{font-size:clamp(42px,12.8vw,55px)!important}
  html[data-runtime="v12"] #app > #home.home-screen.active > .orb-stage-ref{margin-top:8px!important}
  html[data-runtime="v12"] #app > #home.home-screen.active > .awaken{margin-top:10px!important}
}

@media(orientation:landscape) and (max-height:560px){
  html[data-runtime="v12"] #app > #home.home-screen.active{
    padding:76px 12px calc(98px + env(safe-area-inset-bottom));
  }
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy{margin-top:0}
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy h1{font-size:38px!important;line-height:.9!important;margin:6px auto!important}
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy .intro{font-size:12px}
  html[data-runtime="v12"] #app > #home.home-screen.active > .orb-stage-ref{margin-top:4px!important}
  html[data-runtime="v12"] #app > #home.home-screen.active > .awaken{margin-top:6px!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-runtime="v12"] #app > #home.home-screen.active > .home-copy,
  html[data-runtime="v12"] #app > #home.home-screen.active > .awaken,
  html[data-runtime="v12"] #app > #home.home-screen.active > .orb-status{
    animation:none!important;
  }
}

/* ── orb-skin-release-v1.css ── */
/* DIVINA BRUXA — SINCRONISMO ABSOLUTO DAS ORBES V3
   Corrige somente a textura ativa. Geometria, motor, gestos e movimento permanecem intactos. */

html[data-runtime="v12"] [data-orb-surface]:not(img),
html[data-runtime="v12"] #tableOrb .table-orb-image{
  background-image:var(--db-release-orb-image)!important;
  background-position:50% 50%!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

/* Quando o aparelho usa a camada de segurança sem WebGL, ela recebe a skin ativa. */
html[data-runtime="v12"] #home #orb[data-orb-surface="home"]::before{
  background-image:var(--db-release-orb-image,var(--db-boot-orb-image,url("./divina-orb-thumb-v1.webp")))!important;
}

/* A Orbe ritual da Carta do Dia também pertence à mesma realidade escolhida. */
html[data-runtime="v12"] #dailyCard .ritual-breathe span{
  background-image:var(--db-release-orb-image,var(--db-boot-orb-image,url("./divina-orb-thumb-v1.webp")))!important;
  background-position:50% 50%!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

/* A especificidade desta salvaguarda vence as regras antigas do dock sem mudar sua forma. */
html[data-runtime="v12"] body .magic-dock .dock-orb .mini-orb[data-orb-surface="dock"],
html[data-runtime="v12"] body .magic-dock .dock-orb .mini-orb.mini-awake[data-orb-surface="dock"]{
  background-image:var(--db-release-orb-image)!important;
}

/* A película de vidro continua viva, sem recolocar a textura clássica sobre outra skin. */
html[data-runtime="v12"] .mini-orb[data-orb-surface]::after{
  background-image:radial-gradient(ellipse at 25% 14%,rgba(255,255,255,.22),transparent 25%)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}

/* ── orb-loading-portal-v1.css ── */
/* DIVINA BRUXA — PORTAL UNIVERSAL DE CARREGAMENTO V1.2 · GUARDIÃO V152 */

.db-orb-loader {
  position: fixed;
  inset: 0;
  z-index: 9900;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  contain: layout paint;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 45%, rgba(93, 31, 139, .28), transparent 42%),
    rgba(4, 1, 9, .72);
  transition: opacity 180ms cubic-bezier(.22, .78, .24, 1), visibility 0s linear 180ms;
}

.db-orb-loader.is-mounted {
  visibility: visible;
  transition-delay: 0s;
}

.db-orb-loader.is-visible {
  opacity: 1;
}

.db-orb-loader.is-recovery {
  pointer-events: auto;
}

.db-orb-loader.is-boot-error {
  background:
    radial-gradient(circle at 50% 44%, rgba(128, 45, 174, .38), transparent 44%),
    rgba(4, 1, 9, .92);
}

.db-orb-loader.is-boot-error .db-orb-loader__orbit {
  border-color: rgba(255, 218, 132, .88);
  box-shadow: 0 0 34px rgba(188, 84, 238, .28);
}

.db-orb-loader.is-refreshing .db-orb-loader__recovery {
  opacity: .56;
  cursor: wait;
}

.db-orb-loader__altar {
  position: relative;
  width: clamp(94px, 25vw, 126px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}

.db-orb-loader__orb {
  position: relative;
  z-index: 2;
  display: block;
  width: 76%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #170620;
  background-image:
    var(--db-release-orb-image, var(--db-boot-orb-image, url("./divina-orb-fast-v1.webp"))),
    radial-gradient(circle at 34% 28%, #fff 0 2%, #ef73ff 9%, #7a27bd 34%, #26083f 62%, #08020e 78%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow:
    0 0 0 1px rgba(246, 213, 137, .62),
    0 0 18px rgba(197, 84, 255, .52),
    0 0 48px rgba(104, 36, 151, .42);
  transform: translateZ(0);
  will-change: transform, opacity;
  animation: db-orb-loader-breathe 1.15s ease-in-out infinite;
}

.db-orb-loader__orb::after {
  content: "";
  position: absolute;
  inset: 6%;
  border-radius: inherit;
  background: radial-gradient(ellipse at 28% 17%, rgba(255, 255, 255, .24), transparent 29%);
  opacity: .75;
}

.db-orb-loader__orbit {
  position: absolute;
  inset: 1px;
  z-index: 1;
  border: 1px solid rgba(237, 204, 128, .58);
  border-radius: 50%;
  transform: translateZ(0);
  will-change: transform;
  animation: db-orb-loader-orbit 1.65s linear infinite;
}

.db-orb-loader__orbit::before,
.db-orb-loader__orbit::after {
  content: "✦";
  position: absolute;
  color: #f4d78f;
  font-size: 10px;
  line-height: 1;
  text-shadow: 0 0 9px rgba(255, 215, 124, .8);
}

.db-orb-loader__orbit::before {
  top: 2px;
  left: 15%;
}

.db-orb-loader__orbit::after {
  right: 5px;
  bottom: 13%;
  transform: scale(.72);
}

.db-orb-loader__copy {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 7px;
  width: min(84vw, 360px);
  text-align: center;
}

.db-orb-loader__eyebrow {
  color: #efd28d;
  font: 600 10px/1.25 Georgia, "Times New Roman", serif;
  letter-spacing: .28em;
}

.db-orb-loader__message {
  color: #fff8e9;
  font: 500 clamp(18px, 5vw, 24px)/1.16 Georgia, "Times New Roman", serif;
  text-wrap: balance;
  text-shadow: 0 2px 18px rgba(104, 42, 135, .85);
}

.db-orb-loader__whisper {
  color: rgba(238, 227, 244, .68);
  font: 500 11px/1.3 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .04em;
}

.db-orb-loader__recovery {
  display: none;
  min-height: 44px;
  margin-top: 9px;
  padding: 0 18px;
  border: 1px solid rgba(244, 215, 143, .7);
  border-radius: 999px;
  color: #fff8e9;
  background: rgba(43, 13, 60, .88);
  box-shadow: 0 0 24px rgba(189, 83, 230, .3);
  font: 700 11px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
}

.db-orb-loader.is-recovery .db-orb-loader__recovery {
  display: inline-grid;
  place-items: center;
}

.db-orb-loader__recovery:focus-visible {
  outline: 2px solid #f4d78f;
  outline-offset: 4px;
}

.db-orb-loader__constellation {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .72;
}

.db-orb-loader__constellation i {
  position: absolute;
  width: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #f6dda0;
  box-shadow: 0 0 8px rgba(245, 215, 145, .9);
  animation: db-orb-loader-star 1.4s ease-in-out infinite alternate;
}

.db-orb-loader__constellation i:nth-child(1) { top: 24%; left: 19%; }
.db-orb-loader__constellation i:nth-child(2) { top: 35%; right: 18%; animation-delay: -420ms; }
.db-orb-loader__constellation i:nth-child(3) { bottom: 27%; left: 26%; animation-delay: -760ms; }
.db-orb-loader__constellation i:nth-child(4) { right: 29%; bottom: 20%; animation-delay: -980ms; }
.db-orb-loader__constellation i:nth-child(5) { top: 17%; right: 35%; animation-delay: -240ms; }

@keyframes db-orb-loader-breathe {
  0%, 100% { opacity: .92; transform: translateZ(0) scale(.965); }
  50% { opacity: 1; transform: translateZ(0) scale(1.035); }
}

@keyframes db-orb-loader-orbit {
  to { transform: translateZ(0) rotate(360deg); }
}

@keyframes db-orb-loader-star {
  from { opacity: .22; transform: scale(.72); }
  to { opacity: .9; transform: scale(1.15); }
}

@media (prefers-reduced-motion: reduce) {
  .db-orb-loader,
  .db-orb-loader__orb,
  .db-orb-loader__orbit,
  .db-orb-loader__constellation i {
    animation: none;
    transition-duration: 80ms;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .db-orb-loader {
    grid-auto-flow: column;
    gap: 22px;
  }

  .db-orb-loader__copy {
    justify-items: start;
    text-align: left;
  }
}

/* ── tarot-livre-ios-v1.css ── */
/* DIVINA BRUXA — TAROT LIVRE · ESPIRAL LIVRE V136.1
   Arte própria e troca leve: sem gesto, máscara, blur animado ou partículas contínuas. */

html[data-runtime="v12"] #app>#tarot.tarot-livre-official{
  --tl-ios-gold:#e7c77d;
  --tl-ios-gold-bright:#ffe6a7;
  --tl-ios-ivory:#fff3d2;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  min-height:100svh;
  padding:calc(105px + env(safe-area-inset-top)) clamp(9px,2.8vw,28px) calc(142px + env(safe-area-inset-bottom));
  overflow:hidden;
  color:#fff7e8;
  background:#020105;
  contain:layout style;
}

/* Santuário oficial enviado pela Divina Bruxa, sem recorte, zoom ou camadas animadas. */
html[data-runtime="v12"] #app>#tarot.tarot-livre-official::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  display:block!important;
  pointer-events:none;
  opacity:1;
  background:url("./tarot-temple-oficial-v127.jpeg") top center/min(100%,729px) auto no-repeat;
  mask-image:none;
  -webkit-mask-image:none;
  transform:translateZ(0);
}

html[data-runtime="v12"] #app>#tarot.tarot-livre-official::after{display:none!important}

html[data-runtime="v12"] #app>#tarot.tarot-livre-official.active{
  animation:tl-ios-page-in .34s cubic-bezier(.22,1,.36,1) both;
}

html[data-runtime="v12"] #tarot .section-head{
  position:relative;
  z-index:8;
  display:grid!important;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  width:min(100%,860px);
  margin:0 auto;
  padding:8px 8px 12px;
  border:0;
  text-align:center;
}

html[data-runtime="v12"] #tarot .section-head>div{display:grid;justify-items:center}

html[data-runtime="v12"] #tarot .section-head .eyebrow{
  margin:0;
  color:var(--tl-ios-gold);
  font:600 clamp(9px,1.8vw,12px)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.36em;
  text-transform:uppercase;
  text-shadow:0 2px 11px #020105;
}

html[data-runtime="v12"] #tarot .section-head h2{
  margin:10px 0 6px;
  color:var(--tl-ios-gold-bright);
  background:linear-gradient(180deg,#fff1bf 0%,#e7c173 57%,#aa7935 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font:400 clamp(55px,9vw,84px)/.93 Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;
  text-shadow:none;
}

html[data-runtime="v12"] #tarot .section-head #count{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:4px;
  margin:0;
  color:#f1d48e;
  font:400 clamp(19px,3vw,27px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.08em;
  text-shadow:0 2px 11px #020105;
}

html[data-runtime="v12"] #tarot .section-head #count small{
  color:#dbba70;
  font:400 1em/1 Georgia,"Times New Roman",serif;
}

html[data-runtime="v12"] #tarot .section-head #remaining,
html[data-runtime="v12"] #tarot .deck-progress{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}

html[data-runtime="v12"] #tarot .ritual-altar{
  position:relative;
  isolation:isolate;
  width:min(100%,860px);
  min-height:805px;
  margin:0 auto;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  contain:layout style;
}

/* A locução continua disponível para leitores de tela, sem escapar para a imagem. */
html[data-runtime="v12"] #tarot .tarot-magic-sr{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

/* Balão curto: revela somente o nome e nunca cobre a arte da carta. */
html[data-runtime="v12"] #tarot .tarot-card-toast{
  position:absolute;
  z-index:28;
  top:-14px;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:max-content;
  max-width:min(calc(100% - 64px),430px);
  min-height:28px;
  padding:4px 15px;
  overflow:hidden;
  pointer-events:none;
  visibility:hidden;
  opacity:0;
  border:1px solid rgba(244,207,133,.82);
  border-radius:999px;
  color:#ffe6a7;
  background:linear-gradient(145deg,rgba(25,9,34,.98),rgba(5,2,10,.98));
  box-shadow:inset 0 1px rgba(255,247,221,.09),0 8px 24px rgba(0,0,0,.55),0 0 18px rgba(190,64,231,.28);
  transform:translate3d(-50%,-8px,0) scale(.96);
  transition:opacity .18s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .34s;
  contain:layout paint style;
  will-change:transform,opacity;
}

html[data-runtime="v12"] #tarot .tarot-card-toast.is-visible{
  visibility:visible;
  opacity:1;
  transform:translate3d(-50%,0,0) scale(1);
  transition-delay:0s;
}

html[data-runtime="v12"] #tarot .tarot-card-toast span{
  flex:0 0 auto;
  color:#efc978;
  font-size:10px;
  line-height:1;
  text-shadow:0 0 10px rgba(255,219,145,.7);
}

html[data-runtime="v12"] #tarot .tarot-card-toast strong{
  min-width:0;
  overflow:hidden;
  color:#fff0c6;
  font:600 clamp(13px,2.2vw,16px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.12em;
  text-overflow:ellipsis;
  text-shadow:0 2px 7px #020106,0 0 12px rgba(227,181,98,.33);
  white-space:nowrap;
}

html[data-runtime="v12"] #tarot .ritual-altar::before,
html[data-runtime="v12"] #tarot .ritual-altar::after,
html[data-runtime="v12"] #tarot .ritual-sky,
html[data-runtime="v12"] #tarot .orbital-cards,
html[data-runtime="v12"] #tarot .altar-rings,
html[data-runtime="v12"] #tarot .ritual-constellation,
html[data-runtime="v12"] #tarot .ritual-stats{
  display:none!important;
}

html[data-runtime="v12"] #tarot .ritual-wheel{
  position:absolute;
  z-index:4;
  top:0;
  left:50%;
  display:grid;
  place-items:center;
  width:min(100%,790px);
  height:605px;
  transform:translate3d(-50%,0,0);
}

html[data-runtime="v12"] #tarot .ritual-wheel::before,
html[data-runtime="v12"] #tarot .ritual-wheel::after{display:none!important}

html[data-runtime="v12"] #tarot .ritual-card-center{
  position:relative;
  z-index:7;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  filter:none;
}

html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{
  position:relative;
  width:min(63vw,360px);
  min-height:0;
  aspect-ratio:2/3;
  margin:0;
  overflow:hidden;
  border:2px solid rgba(245,211,140,.9);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 40%,rgba(191,67,232,.25),transparent 29%),
    linear-gradient(145deg,#240c37,#040108 76%);
  box-shadow:
    inset 0 0 0 4px #050209,
    inset 0 0 0 5px rgba(241,205,132,.48),
    0 25px 48px rgba(0,0,0,.72),
    0 0 22px rgba(179,54,225,.18);
  transform:translateZ(0);
  backface-visibility:hidden;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}

html[data-runtime="v12"] #tarot .ritual-card-center .current:not(.empty){background:#030106}

html[data-runtime="v12"] #tarot .ritual-card-center .tarot-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
  border-radius:14px;
  background:#030106;
  box-shadow:none;
  transform:translateZ(0)!important;
  backface-visibility:hidden;
}

html[data-runtime="v12"] #tarot .ritual-card-center .card-label{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

html[data-runtime="v12"] #tarot .ritual-card-center .empty-card{
  position:absolute;
  inset:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  width:auto;
  height:auto;
  padding:24px;
  border:1px solid rgba(235,197,121,.33);
  border-radius:12px;
  color:#f6daa0;
  background:
    repeating-radial-gradient(circle at 50% 44%,transparent 0 27px,rgba(231,195,119,.09) 28px 29px,transparent 30px 49px),
    repeating-conic-gradient(from 0deg,rgba(235,199,127,.09) 0 .4deg,transparent .4deg 15deg),
    radial-gradient(circle at 50% 44%,rgba(177,52,221,.24),rgba(5,2,10,.94) 66%);
  text-align:center;
}

html[data-runtime="v12"] #tarot .empty-card>span{color:#ffe3a5;font-size:2.7rem;text-shadow:0 0 16px rgba(255,226,165,.7)}
html[data-runtime="v12"] #tarot .empty-card>b{color:#f4d99c;font:500 clamp(10px,2.5vw,14px)/1.3 Georgia,"Times New Roman",serif;letter-spacing:.2em}
html[data-runtime="v12"] #tarot .empty-card>small{color:#c0afc3;font-size:clamp(8px,1.8vw,10px);letter-spacing:.11em;text-transform:uppercase}

html[data-runtime="v12"] #tarot .tarot-current-nav{
  position:absolute;
  z-index:18;
  inset:0;
  pointer-events:none;
}

html[data-runtime="v12"] #tarot .tarot-current-nav button{
  position:absolute;
  top:50%;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  padding:0;
  transform:translate3d(0,-50%,0);
  pointer-events:auto;
  border:1px solid rgba(239,202,130,.77);
  border-radius:50%;
  color:#f8dc97;
  background:#0a0510;
  box-shadow:inset 0 0 18px rgba(145,44,184,.16),0 12px 27px rgba(0,0,0,.52);
  cursor:pointer;
  transition:transform .16s cubic-bezier(.22,1,.36,1),opacity .16s ease,background-color .16s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

html[data-runtime="v12"] #tarot .tarot-current-nav button:first-child{left:clamp(1px,2vw,24px)}
html[data-runtime="v12"] #tarot .tarot-current-nav button:last-child{right:clamp(1px,2vw,24px)}
html[data-runtime="v12"] #tarot .tarot-current-nav button span{font-size:1.75rem;font-weight:300;line-height:1}
html[data-runtime="v12"] #tarot .tarot-current-nav button small{display:none!important}
html[data-runtime="v12"] #tarot .tarot-current-nav button:not(:disabled):active{transform:translate3d(0,-50%,0) scale(.91);background:#1b0b25}
html[data-runtime="v12"] #tarot .tarot-current-nav button:disabled{opacity:.22;cursor:default}
html[data-runtime="v12"] #tarot .tarot-current-nav button:focus-visible{outline:2px solid var(--tl-ios-ivory);outline-offset:4px}

html[data-runtime="v12"] #tarot .table-orb{
  position:absolute;
  z-index:16;
  top:642px;
  bottom:auto;
  left:50%;
  right:auto;
  width:154px;
  height:154px;
  margin:0;
  transform:translate3d(-50%,-50%,0)!important;
  filter:none;
  transition:transform .17s cubic-bezier(.22,1,.36,1),opacity .2s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  contain:layout paint style;
}

html[data-runtime="v12"] #tarot .table-orb:active:not(:disabled){transform:translate3d(-50%,-50%,0) scale(.93)!important}
html[data-runtime="v12"] #tarot .table-orb:disabled{opacity:.48}

html[data-runtime="v12"] #tarot .table-orb-aura{
  position:absolute;
  inset:-10px;
  border:1px solid rgba(236,199,124,.42);
  border-radius:50%;
  background:transparent;
  box-shadow:0 0 24px rgba(193,64,235,.31);
  opacity:1;
  animation:none!important;
}

html[data-runtime="v12"] #tarot .table-orb-image{
  position:absolute;
  inset:7px;
  overflow:hidden;
  border:1px solid rgba(255,228,174,.82);
  border-radius:50%;
  background:#160723;
  box-shadow:inset 0 0 17px rgba(255,255,255,.14),0 0 0 4px rgba(153,49,197,.14),0 0 26px rgba(210,80,251,.72);
  animation:none!important;
}

html[data-runtime="v12"] #tarot .table-orb-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  transform:translateZ(0)!important;
  animation:none!important;
}

html[data-runtime="v12"] #tarot .table-orb::before,
html[data-runtime="v12"] #tarot .table-orb::after{animation:none!important}

html[data-runtime="v12"] #tarot .table-orb small{
  position:absolute;
  z-index:6;
  top:50%;
  bottom:auto;
  left:50%;
  width:92px;
  max-width:92px;
  padding:0;
  transform:translate3d(-50%,-50%,0);
  border:0;
  color:#fff0c9;
  background:none;
  font:600 10px/1.4 Georgia,"Times New Roman",serif;
  letter-spacing:.13em;
  white-space:normal;
  text-shadow:0 2px 5px #020007,0 0 11px #1b0528,0 0 17px rgba(248,222,171,.78);
}

/* Um único lampejo curto: sem blur, sem dezenas de partículas. */
html[data-runtime="v12"] #tarot .tarot-ios-flash{
  position:absolute;
  z-index:14;
  top:300px;
  left:50%;
  width:min(58vw,350px);
  aspect-ratio:1;
  transform:translate3d(-50%,-50%,0) scale(.55);
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,rgba(255,248,220,.78) 0 1%,rgba(220,130,255,.27) 9%,rgba(136,42,186,.11) 31%,transparent 68%);
  will-change:transform,opacity;
}

html[data-runtime="v12"] #tarot .ritual-altar.ios-awakening .tarot-ios-flash{animation:tl-ios-flash .22s ease-out both}
html[data-runtime="v12"] #tarot .ritual-altar.ios-crossing .tarot-ios-flash{opacity:.42;transform:translate3d(-50%,-50%,0) scale(.9)}
html[data-runtime="v12"] #tarot .ritual-altar.ios-born .tarot-ios-flash{animation:tl-ios-born .38s cubic-bezier(.22,1,.36,1) both}

html[data-runtime="v12"] #tarot .tarot-gesture-hint{
  position:absolute;
  top:calc(100% + 129px);
  bottom:auto;
  left:50%;
  width:max-content;
  max-width:96vw;
  margin:0;
  padding:0;
  transform:translateX(-50%);
  border:0;
  color:rgba(235,204,141,.87);
  background:none;
  box-shadow:none;
  font:600 clamp(8px,1.4vw,11px)/1.35 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.21em;
  text-align:center;
  text-shadow:0 2px 10px #020106;
  white-space:nowrap;
}

html[data-runtime="v12"] #tarot .tarot-gesture-hint span{color:#d9b66e}

html[data-runtime="v12"] #tarot .free-rule,
html[data-runtime="v12"] #tarot .editorial-covenant,
html[data-runtime="v12"] #tarot .real-table-tools,
html[data-runtime="v12"] #tarot .table-recovery,
html[data-runtime="v12"] #tarot .tarot-sound-toggle,
html[data-runtime="v12"] #tarot .tarot-cosmos-alive,
html[data-runtime="v12"] #tarot .tarot-polish-status{display:none!important}

html[data-runtime="v12"] #tarot .real-table-head{
  display:grid;
  grid-template-columns:1fr;
  gap:26px;
  width:min(100%,860px);
  margin:5px auto 0;
  padding:0;
  border:0;
  background:none;
}

html[data-runtime="v12"] #tarot .real-table-head>div:first-child{order:2;display:grid;justify-items:center;text-align:center}
html[data-runtime="v12"] #tarot .real-table-head p{display:none!important}
html[data-runtime="v12"] #tarot .real-table-head h3{
  margin:0;
  color:#dfbc70;
  font:600 clamp(10px,1.6vw,13px)/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.3em;
  text-transform:uppercase;
  text-shadow:0 2px 10px #020106;
}

html[data-runtime="v12"] #tarot .table-actions{
  order:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:min(100%,760px);
  margin:0 auto;
}

html[data-runtime="v12"] #tarot .table-actions .text-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:62px;
  padding:10px 16px;
  border:1px solid rgba(231,194,118,.72);
  border-radius:999px;
  color:#efdcad;
  background:#09040f;
  box-shadow:inset 0 1px rgba(255,246,220,.055),0 12px 25px rgba(0,0,0,.38);
  font:400 clamp(9px,1.45vw,12px)/1.25 Georgia,"Times New Roman",serif;
  letter-spacing:.04em;
  transition:transform .15s cubic-bezier(.22,1,.36,1),background-color .15s ease,opacity .15s ease;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

html[data-runtime="v12"] #tarot .table-actions .text-button::before{flex:0 0 auto;color:#e6c276;font:400 1.65em/1 Inter,ui-sans-serif,system-ui,sans-serif}
html[data-runtime="v12"] #tarot .table-actions .text-button:first-child::before{content:"⇄"}
html[data-runtime="v12"] #tarot .table-actions .text-button:last-child::before{content:"↻"}
html[data-runtime="v12"] #tarot .table-actions .text-button:not(:disabled):active{transform:scale(.96);background:#180b20}
html[data-runtime="v12"] #tarot .table-actions .text-button:disabled{opacity:.36}
html[data-runtime="v12"] #tarot .table-actions .text-button:focus-visible{outline:2px solid var(--tl-ios-ivory);outline-offset:3px}

html[data-runtime="v12"] #tarot .real-table-viewport{
  width:min(100%,860px);
  max-width:860px;
  margin:12px auto 0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

html[data-runtime="v12"] #tarot .real-table{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(4px,.9vw,8px);
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

html[data-runtime="v12"] #tarot .real-table:not(:has(.revealed))::before{
  content:"Suas cartas reveladas aparecerão aqui";
  grid-column:1/-1;
  display:grid;
  place-items:center;
  min-height:95px;
  border-top:1px solid rgba(225,188,113,.14);
  border-bottom:1px solid rgba(225,188,113,.1);
  color:#9d8ea2;
  background:linear-gradient(90deg,transparent,rgba(80,24,106,.11),transparent);
  font-size:10px;
  letter-spacing:.11em;
  text-align:center;
  text-transform:uppercase;
}

html[data-runtime="v12"] #tarot .table-slot.waiting{display:none!important}

html[data-runtime="v12"] #tarot .table-slot.revealed{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
  aspect-ratio:2/3;
  overflow:hidden;
  contain:layout paint style;
  border:1px solid rgba(232,196,121,.75);
  border-radius:6px;
  background:#030106;
  box-shadow:0 7px 14px rgba(0,0,0,.56);
  transform:translateZ(0);
  transition:transform .15s cubic-bezier(.22,1,.36,1),border-color .15s ease;
  -webkit-tap-highlight-color:transparent;
}

html[data-runtime="v12"] #tarot .table-slot.revealed:active{transform:scale(.95)}
html[data-runtime="v12"] #tarot .table-slot.revealed.selected{border-color:#ffe3a0;outline:1px solid rgba(255,225,156,.48);outline-offset:1px}
html[data-runtime="v12"] #tarot .table-slot.revealed img{display:block;width:100%;height:100%;object-fit:cover;background:#030106;transform:translateZ(0)!important}
html[data-runtime="v12"] #tarot .table-slot .order{display:none!important}

html[data-runtime="v12"] #tarot .table-slot.landing,
html[data-runtime="v12"] #tarot .table-slot.landing img,
html[data-runtime="v12"] #tarot .table-preview,
html[data-runtime="v12"] #tarot .table-preview::before,
html[data-runtime="v12"] #tarot .table-preview::after{animation:none!important}

html[data-runtime="v12"] #tarot .card-lightbox::backdrop{background:rgba(1,0,4,.9)}

@keyframes tl-ios-page-in{
  from{opacity:0;transform:translate3d(0,10px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

@keyframes tl-ios-flash{
  from{opacity:0;transform:translate3d(-50%,-50%,0) scale(.55)}
  to{opacity:.5;transform:translate3d(-50%,-50%,0) scale(.86)}
}

@keyframes tl-ios-born{
  0%{opacity:.48;transform:translate3d(-50%,-50%,0) scale(.82)}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.18)}
}

@media(max-width:640px){
  html[data-runtime="v12"] #app>#tarot.tarot-livre-official{
    padding:calc(112px + env(safe-area-inset-top)) 7px calc(132px + env(safe-area-inset-bottom));
  }

  html[data-runtime="v12"] #app>#tarot.tarot-livre-official::before{
    background:url("./tarot-temple-oficial-v127.jpeg") top center/100% auto no-repeat;
  }

  html[data-runtime="v12"] #tarot .section-head{padding:5px 4px 14px}
  html[data-runtime="v12"] #tarot .section-head .eyebrow{font-size:clamp(8px,2.25vw,10px);letter-spacing:.31em}
  html[data-runtime="v12"] #tarot .section-head h2{margin:8px 0 5px;font-size:clamp(44px,12vw,52px)}
  html[data-runtime="v12"] #tarot .section-head #count{font-size:20px}

  html[data-runtime="v12"] #tarot .ritual-altar{min-height:466px}
  html[data-runtime="v12"] #tarot .ritual-wheel{height:360px;width:100%}

  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{
    width:min(54vw,222px);
    border-radius:13px;
  }

  html[data-runtime="v12"] #tarot .ritual-card-center .tarot-card-image{border-radius:9px}

  html[data-runtime="v12"] #tarot .tarot-current-nav button{width:42px;height:42px}
  html[data-runtime="v12"] #tarot .tarot-current-nav button:first-child{left:clamp(5px,4vw,16px)}
  html[data-runtime="v12"] #tarot .tarot-current-nav button:last-child{right:clamp(5px,4vw,16px)}
  html[data-runtime="v12"] #tarot .tarot-current-nav button span{font-size:1.16rem}

  html[data-runtime="v12"] #tarot .table-orb{top:383px;width:94px;height:94px}
  html[data-runtime="v12"] #tarot .table-orb-aura{inset:-7px}
  html[data-runtime="v12"] #tarot .table-orb-image{inset:5px}
  html[data-runtime="v12"] #tarot .table-orb small{width:62px;max-width:62px;font-size:7px;line-height:1.35;letter-spacing:.1em}
  html[data-runtime="v12"] #tarot .tarot-ios-flash{top:180px;width:min(58vw,230px)}

  html[data-runtime="v12"] #tarot .tarot-gesture-hint{
    top:calc(100% + 84px);
    max-width:calc(100vw - 20px);
    font-size:clamp(6px,1.9vw,8px);
    letter-spacing:.13em;
  }

  html[data-runtime="v12"] #tarot .tarot-card-toast{
    gap:7px;
    max-width:calc(100% - 58px);
    padding-inline:13px;
  }

  html[data-runtime="v12"] #tarot .real-table-head{gap:23px;margin-top:4px;padding-inline:2px}
  html[data-runtime="v12"] #tarot .table-actions{gap:8px}
  html[data-runtime="v12"] #tarot .table-actions .text-button{gap:6px;min-height:52px;padding:8px 5px;font-size:clamp(7px,2.05vw,9px);letter-spacing:.015em}
  html[data-runtime="v12"] #tarot .real-table-head h3{font-size:9px;letter-spacing:.27em}
  html[data-runtime="v12"] #tarot .real-table-viewport{margin-top:10px}
  html[data-runtime="v12"] #tarot .real-table{gap:4px;padding-inline:1px}
  html[data-runtime="v12"] #tarot .table-slot.revealed{border-radius:4px}
}

@media(max-width:355px){
  html[data-runtime="v12"] #tarot .ritual-altar{min-height:430px}
  html[data-runtime="v12"] #tarot .ritual-wheel{height:330px}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{width:min(55vw,184px)}
  html[data-runtime="v12"] #tarot .tarot-current-nav button{width:38px;height:38px}
  html[data-runtime="v12"] #tarot .table-orb{top:347px;width:86px;height:86px}
  html[data-runtime="v12"] #tarot .tarot-gesture-hint{top:calc(100% + 76px);font-size:6px;letter-spacing:.09em}
  html[data-runtime="v12"] #tarot .tarot-card-toast{gap:6px;max-width:calc(100% - 48px);padding-inline:11px}
  html[data-runtime="v12"] #tarot .tarot-card-toast strong{font-size:12px;letter-spacing:.09em}
}

@media(orientation:landscape) and (max-height:560px){
  html[data-runtime="v12"] #app>#tarot.tarot-livre-official{padding-top:82px}
  html[data-runtime="v12"] #tarot .ritual-altar{min-height:575px}
  html[data-runtime="v12"] #tarot .ritual-wheel{height:390px}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .ritual-card-center .current.empty{width:220px}
  html[data-runtime="v12"] #tarot .table-orb{top:405px;width:112px;height:112px}
  html[data-runtime="v12"] #tarot .tarot-gesture-hint{top:calc(100% + 100px)}
}

@media(prefers-reduced-motion:reduce){
  html[data-runtime="v12"] #app>#tarot.tarot-livre-official.active,
  html[data-runtime="v12"] #tarot .tarot-ios-flash{animation:none!important}
  html[data-runtime="v12"] #tarot .tarot-current-nav button,
  html[data-runtime="v12"] #tarot .table-orb,
  html[data-runtime="v12"] #tarot .tarot-card-toast,
  html[data-runtime="v12"] #tarot .table-actions .text-button,
  html[data-runtime="v12"] #tarot .table-slot.revealed{transition:none!important}
}

@media(forced-colors:active){
  html[data-runtime="v12"] #app>#tarot.tarot-livre-official::before{display:none!important}
  html[data-runtime="v12"] #tarot .ritual-card-center .table-preview,
  html[data-runtime="v12"] #tarot .tarot-current-nav button,
  html[data-runtime="v12"] #tarot .table-orb-image,
  html[data-runtime="v12"] #tarot .tarot-card-toast,
  html[data-runtime="v12"] #tarot .table-actions .text-button,
  html[data-runtime="v12"] #tarot .table-slot.revealed{border:1px solid CanvasText}
}

/* V136.1 — uma única imagem transparente esconde o instante de carregamento.
   Somente transform e opacity mudam durante a troca. */
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-card-center .current:not(.empty),
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-card-center .tarot-card-image{
  background:
    radial-gradient(circle at 50% 47%,rgba(134,45,175,.3) 0 15%,rgba(28,8,42,.9) 48%,#09030e 100%);
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{
  position:absolute;
  z-index:19;
  top:300px;
  left:50%;
  display:block;
  width:min(54vw,330px);
  aspect-ratio:1;
  overflow:visible;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-50%,0) scale(.24) rotate(-36deg);
  transform-origin:50% 50%;
  contain:layout style;
  will-change:transform,opacity;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:1;
  transform:translateZ(0);
  backface-visibility:hidden;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-out .current,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-out .current{
  transform-origin:50% 50%;
  will-change:transform,opacity;
  animation:tl-card-suction-out 64ms cubic-bezier(.58,0,.92,.42) both!important;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-hold .current,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-hold .current{
  opacity:0;
  transform:translate3d(0,3px,0) scale(.055) rotate(22deg);
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-in .current,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-in .current{
  transform-origin:50% 50%;
  will-change:transform,opacity;
  animation:tl-card-suction-in 112ms cubic-bezier(.18,.84,.26,1) both!important;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-out .tarot-suction-fx,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-out .tarot-suction-fx{
  animation:tl-vortex-suction-in 64ms cubic-bezier(.42,0,.78,.48) both!important;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-hold .tarot-suction-fx,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-hold .tarot-suction-fx{
  opacity:1;
  transform:translate3d(-50%,-50%,0) scale(.88) rotate(92deg);
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-in .tarot-suction-fx,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-in .tarot-suction-fx{
  animation:tl-vortex-suction-out 112ms cubic-bezier(.2,.72,.28,1) both!important;
}

html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-out .tarot-ios-flash,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-hold .tarot-ios-flash,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-in .tarot-ios-flash,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-out .tarot-ios-flash,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-hold .tarot-ios-flash,
html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar.suction-nav-in .tarot-ios-flash{
  opacity:0!important;
  animation:none!important;
}

@keyframes tl-card-suction-out{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg)}
  48%{opacity:.96;transform:translate3d(0,1px,0) scale(.72) rotate(7deg)}
  100%{opacity:0;transform:translate3d(0,3px,0) scale(.055) rotate(22deg)}
}

@keyframes tl-card-suction-in{
  0%{opacity:0;transform:translate3d(0,3px,0) scale(.055) rotate(-20deg)}
  78%{opacity:1;transform:translate3d(0,-1px,0) scale(1.008) rotate(-.4deg)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg)}
}

@keyframes tl-vortex-suction-in{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.24) rotate(-36deg)}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(.88) rotate(92deg)}
}

@keyframes tl-vortex-suction-out{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(.88) rotate(92deg)}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.34) rotate(202deg)}
}

@media(max-width:640px){
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{
    top:180px;
    width:min(64vw,244px);
  }
}

@media(max-width:355px){
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{top:165px;width:min(66vw,214px)}
}

@media(orientation:landscape) and (max-height:560px){
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{top:195px;width:250px}
}

@media(prefers-reduced-motion:reduce){
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{
    display:none!important;
    animation:none!important;
  }
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .ritual-altar .current{
    opacity:1!important;
    transform:translateZ(0)!important;
    animation:none!important;
  }
}

@media(forced-colors:active){
  html[data-runtime="v12"][data-tarot-motion="suction-v1"] #tarot .tarot-suction-fx{display:none!important}
}

/* ── cosmic-visual-atlas-v1.css ── */
/* DIVINA BRUXA — ATLAS VISUAL CÓSMICO V2
   Realidades ilustradas sob demanda: Carta do Dia e Biblioteca Celestial. */

html[data-runtime="v12"] #app > #daily[data-db-realm="moon"]::before {
  transition: opacity 320ms cubic-bezier(.22,.8,.2,1);
}

/* A Biblioteca começa com uma atmosfera leve, sem solicitar o antigo
   cosmic-background.png. A arte exclusiva só entra depois de decodificada. */
html[data-runtime="v12"] #app > #library[data-db-realm="archive"] {
  --db-realm-accent: #c5a2ff;
  --db-realm-bright: #f1d28a;
  --db-realm-haze: rgba(151,92,226,.2);
  --db-realm-line: rgba(226,190,112,.28);
}

html[data-runtime="v12"] #app > #library[data-db-realm="archive"]::before {
  opacity: .34;
  background-image:
    linear-gradient(180deg, rgba(5,2,11,.3) 0%, rgba(5,2,11,.58) 48%, rgba(5,2,11,.98) 100%),
    radial-gradient(ellipse at 50% 8%, rgba(129,73,204,.3), transparent 62%);
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 100% min(920px, 110vh);
  transition: opacity 360ms cubic-bezier(.22,.8,.2,1);
}

html[data-runtime="v12"] #app > #library[data-db-realm="archive"][data-db-atlas="ready"]::before {
  opacity: .68;
  background-image:
    linear-gradient(180deg, rgba(5,2,11,.32) 0%, rgba(5,2,11,.28) 27%, rgba(5,2,11,.72) 70%, rgba(5,2,11,.99) 100%),
    radial-gradient(ellipse at 50% 9%, rgba(164,106,239,.16), transparent 58%),
    var(--db-atlas-image);
  background-position: center top, center top, center top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 100% 100%, 100% min(1040px, 124vh), min(864px, 112vw) auto;
  animation: db-atlas-archive-materialize 560ms cubic-bezier(.16,.82,.22,1) both;
}

html[data-runtime="v12"] #app > #library[data-db-realm="archive"][data-db-atlas="ready"]::after {
  border-top-color: rgba(241,210,138,.42);
  background: radial-gradient(ellipse at 50% 0, rgba(172,116,240,.2), transparent 69%);
  box-shadow: 0 -28px 88px rgba(122,75,196,.25), 0 -1px 0 rgba(241,210,138,.16);
}

html[data-runtime="v12"] #app > #daily[data-db-realm="moon"][data-db-atlas="ready"]::before {
  opacity: .62;
  background-image:
    linear-gradient(180deg, rgba(5,2,11,.54) 0%, rgba(5,2,11,.38) 25%, rgba(5,2,11,.7) 64%, rgba(5,2,11,.98) 91%),
    var(--db-atlas-image);
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, min(864px, 112vw) auto;
  animation: db-atlas-materialize 520ms cubic-bezier(.16,.82,.22,1) both;
}

html[data-runtime="v12"] #app > #daily[data-db-realm="moon"][data-db-atlas="ready"]::after {
  border-top-color: rgba(243,220,154,.38);
  background: radial-gradient(ellipse at 50% 0, rgba(193,168,255,.2), transparent 69%);
  box-shadow: 0 -28px 88px rgba(151,105,255,.24);
}

@keyframes db-atlas-materialize {
  from { opacity: .2; }
  to { opacity: .62; }
}

@keyframes db-atlas-archive-materialize {
  from { opacity: .16; }
  to { opacity: .68; }
}

@media (max-width: 560px) {
  html[data-runtime="v12"] #app > #daily[data-db-realm="moon"][data-db-atlas="ready"]::before {
    background-size: 100% 100%, min(864px, 112vw) auto;
  }

  html[data-runtime="v12"] #app > #library[data-db-realm="archive"][data-db-atlas="ready"]::before {
    background-size: 100% 100%, 100% min(1040px, 124vh), min(864px, 122vw) auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-runtime="v12"] #app > #daily[data-db-realm="moon"]::before {
    transition: none;
    animation: none;
  }

  html[data-runtime="v12"] #app > #library[data-db-realm="archive"]::before {
    transition: none;
    animation: none;
  }
}

/* ── cosmic-media-v1.css ── */
/* DIVINA BRUXA — BASE DE ARTES RESPONSIVAS V1.1
   Inerte nas páginas atuais; será usada pelas novas artes, uma página por vez. */

#app [data-cosmic-media]{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  contain:paint;
  background:
    radial-gradient(circle at 50% 42%,rgba(150,65,205,.16),transparent 48%),
    linear-gradient(145deg,rgba(16,7,27,.96),rgba(4,1,9,.98));
}

#app [data-cosmic-media][data-cosmic-bg]{
  background-image:var(--db-cosmic-media),
    radial-gradient(circle at 50% 42%,rgba(150,65,205,.16),transparent 48%),
    linear-gradient(145deg,rgba(16,7,27,.96),rgba(4,1,9,.98));
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

#app [data-cosmic-media]:not(img) img,
#app img[data-cosmic-media]{
  display:block;
  width:100%;
  height:auto;
  opacity:0;
  transition:opacity .42s cubic-bezier(.2,.75,.2,1);
}

#app [data-cosmic-media].is-cosmic-ready:not(img) img,
#app img[data-cosmic-media].is-cosmic-ready{opacity:1}

@media(prefers-reduced-motion:reduce){
  #app [data-cosmic-media]:not(img) img,
  #app img[data-cosmic-media]{transition:none}
}

/* ── seo-navigation-v156.css ── */
/* DIVINA BRUXA — V156 · GUIAS RASTREÁVEIS
   Links HTML descritivos no Menu Mágico, sem alterar a Home fechada. */

.magic-menu-guides{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
  width:min(100%,800px);
  margin:16px auto 0;
  padding:14px 0 2px;
  border-top:1px solid rgba(220,177,107,.18);
}

.magic-menu-guides>strong{
  flex:0 0 100%;
  color:#e8c985;
  font:500 9px/1.35 Georgia,"Times New Roman",serif;
  letter-spacing:.2em;
  text-align:center;
}

.magic-menu-guides>a{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid rgba(220,177,107,.22);
  border-radius:999px;
  background:rgba(9,4,15,.74);
  color:#cfc3d2;
  font:500 10px/1.25 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-align:center;
  text-decoration:none;
  touch-action:manipulation;
  transition:border-color .18s ease,color .18s ease,background .18s ease,filter .18s ease;
}

.magic-menu-guides>a:hover,
.magic-menu-guides>a:focus-visible{
  border-color:rgba(244,204,132,.7);
  background:rgba(56,20,69,.56);
  color:#f6dfad;
  outline:0;
  filter:brightness(1.12);
}

.magic-menu-guides>a:focus-visible{
  box-shadow:0 0 0 2px rgba(244,204,132,.34);
}

@media(max-width:420px){
  .magic-menu-guides{gap:6px;padding-top:12px}
  .magic-menu-guides>a{min-height:34px;padding:7px 10px;font-size:9px}
}

@media(prefers-reduced-motion:reduce){
  .magic-menu-guides>a{transition:none}
}

/* ── route-recovery-v180.css ── */
/* DIVINA BRUXA — RECUPERAÇÃO DE PORTAIS V180 */
.db-route-recovery{
  display:grid;
  place-items:center;
  gap:12px;
  width:min(100%,680px);
  margin:22px auto 30px;
  padding:clamp(22px,5vw,40px);
  border:1px solid rgba(241,204,125,.42);
  border-radius:28px;
  background:radial-gradient(circle at 50% 0,rgba(150,79,199,.23),transparent 55%),rgba(8,3,14,.94);
  box-shadow:inset 0 1px rgba(255,248,225,.08),0 20px 54px rgba(0,0,0,.42);
  color:#f7ebcf;
  text-align:center;
}
.db-route-recovery__sigil{
  display:grid;
  place-items:center;
  width:52px;
  aspect-ratio:1;
  border:1px solid rgba(246,211,139,.54);
  border-radius:50%;
  color:#f5d88e;
  background:rgba(95,43,125,.34);
  box-shadow:0 0 28px rgba(185,100,224,.24);
  font-size:22px;
}
.db-route-recovery h3{margin:0;color:#fff1ca;font:500 clamp(24px,5vw,34px)/1.12 Georgia,"Times New Roman",serif}
.db-route-recovery p{max-width:520px;margin:0;color:#cbbfd0;font:400 16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}
.db-route-recovery>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}
.db-route-recovery button{
  min-height:48px;
  padding:11px 18px;
  border:1px solid rgba(244,207,131,.58);
  border-radius:999px;
  color:#211027;
  background:linear-gradient(135deg,#f3d487,#dca5ea);
  font:750 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.05em;
  cursor:pointer;
  touch-action:manipulation;
}
.db-route-recovery button.secondary{color:#ead7ae;background:rgba(27,11,39,.86)}
.db-route-recovery button:focus-visible{outline:2px solid #fff0bc;outline-offset:3px}
.db-route-recovery button:active{transform:scale(.97)}
@media(max-width:520px){.db-route-recovery{border-radius:22px}.db-route-recovery>div{display:grid;width:100%}.db-route-recovery button{width:100%}}
@media(prefers-reduced-motion:reduce){.db-route-recovery button:active{transform:none}}