@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#05040a;--ink:#f8f2ff;--muted:#a89eb3;--purple:#a85cff;--violet:#6d2bd6;--line:rgba(184,117,255,.22);--glass:rgba(13,9,22,.72);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05040a;color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
#pageConstellationCanvas{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55}
.topbar{position:sticky;top:0;z-index:50;height:82px;background:rgba(5,4,10,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav-wrap{width:min(var(--max),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border:1px solid rgba(190,130,255,.42);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(142,59,235,.28),transparent 68%);box-shadow:0 0 28px rgba(133,50,220,.16)}.brand-mark img{width:30px;height:30px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;font-family:Cinzel,serif;letter-spacing:1px}.brand-copy strong{font-size:13px}.brand-copy small{font:600 8px 'DM Sans';letter-spacing:3px;color:#887e94;margin-top:2px}nav{margin-left:auto;display:flex;gap:7px;margin-right:24px}nav a{position:relative;padding:11px 16px;color:#93899d;font-size:12px;font-weight:600;letter-spacing:.5px;transition:.3s}nav a:before{content:"";position:absolute;left:15px;right:15px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,var(--purple),transparent);transform:scaleX(0);transition:.3s}nav a:hover,nav a.active{color:#fff}nav a:hover:before,nav a.active:before{transform:scaleX(1)}.search-btn{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer;display:grid;place-items:center;transition:.35s}.search-btn span{width:12px;height:12px;border:1.5px solid #d9c9e8;border-radius:50%;position:relative}.search-btn span:after{content:"";position:absolute;width:6px;height:1.5px;background:#d9c9e8;right:-5px;bottom:-3px;transform:rotate(45deg)}.search-btn:hover{transform:rotate(12deg) scale(1.08);border-color:#bc75ff;box-shadow:0 0 24px rgba(165,83,255,.3)}
main{width:min(var(--max),calc(100% - 48px));margin:auto}.hero-orbit{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-orbit:before{content:"";position:absolute;inset:10% 20% 0 -15%;background:radial-gradient(circle,rgba(112,38,208,.2),transparent 58%);filter:blur(20px);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:85px 0}.section-kicker{display:flex;align-items:center;gap:10px;color:#b875ff;font-size:9px;font-weight:700;letter-spacing:3px}.section-kicker i{display:block;width:28px;height:1px;background:#b875ff;box-shadow:0 0 10px #a85cff}.section-kicker b{margin-left:6px;color:#63596d;font-weight:600}.hero h1{font:600 clamp(48px,6vw,84px)/.98 Cinzel,serif;letter-spacing:-2px;margin:28px 0 26px;max-width:700px}.hero h1 em,.portal h2 em{font-style:normal;color:#a974e8;text-shadow:0 0 30px rgba(157,83,255,.28)}.hero-description{max-width:520px;color:#aaa1b2;line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:32px}.cosmic-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 19px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.5px;position:relative;overflow:hidden;transition:.35s;background:rgba(255,255,255,.025)}.cosmic-btn:after{content:"";position:absolute;top:0;bottom:0;width:45px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-100px) skewX(-20deg);transition:.6s}.cosmic-btn:hover:after{transform:translateX(180px) skewX(-20deg)}.cosmic-btn.primary{background:linear-gradient(135deg,#9d4eea,#6421bd);border-color:#bd79ff;box-shadow:0 8px 35px rgba(119,37,207,.28)}.cosmic-btn.primary:hover{transform:translateY(-3px);box-shadow:0 14px 45px rgba(146,58,235,.4)}.cosmic-btn.ghost:hover{border-color:#a85cff;background:rgba(159,75,235,.08);transform:translateY(-3px)}.hero-meta{display:flex;gap:30px;margin-top:65px}.hero-meta span{font-size:8px;letter-spacing:2px;color:#716879}.hero-meta b{display:block;color:#d7cbe2;font-size:15px;letter-spacing:0;margin-bottom:4px}.hero-cosmos{height:580px;position:relative;display:grid;place-items:center}.cosmos-rings{position:absolute;border:1px solid rgba(177,108,255,.19);border-radius:50%;box-shadow:inset 0 0 50px rgba(113,45,190,.04)}.ring-a{width:430px;height:430px;transform:rotate(26deg) scaleY(.55);animation:spin 28s linear infinite}.ring-b{width:510px;height:510px;transform:rotate(-28deg) scaleY(.38);border-style:dashed;animation:spinReverse 34s linear infinite}.ring-c{width:330px;height:330px;transform:rotate(70deg) scaleY(.45);border-color:rgba(207,162,255,.3);animation:spin 20s linear infinite}.cosmos-core{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(193,122,255,.34),rgba(83,24,143,.15) 42%,transparent 70%);border:1px solid rgba(206,160,255,.4);box-shadow:0 0 80px rgba(130,50,226,.27),inset 0 0 40px rgba(176,94,255,.2);animation:pulse 4s ease-in-out infinite}.core-symbol{font-size:46px;color:#f4e9ff;text-shadow:0 0 24px #b466ff}.cosmos-core span{font-size:7px;letter-spacing:4px;color:#b8a8c6}.orbit-dot{position:absolute;width:7px;height:7px;background:#eadcff;border-radius:50%;box-shadow:0 0 15px 4px rgba(177,99,255,.7)}.dot-a{top:21%;right:19%}.dot-b{bottom:22%;left:15%}.dot-c{top:50%;right:7%;width:4px;height:4px}.constellation-label{position:absolute;color:#5f5668;font-size:8px;letter-spacing:3px}.label-top{top:12%;right:7%}.label-bottom{bottom:10%;left:7%}.hero-side-text{position:absolute;right:-22px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg);font:9px Cinzel;letter-spacing:5px;color:#514957}
.collection{padding:105px 0 85px}.collection-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.collection-head h2{font:600 clamp(32px,4vw,51px) Cinzel;margin:17px 0 9px}.collection-head h2 span{color:#514758;font-size:.7em}.collection-head p{margin:0;color:#807687;font-size:13px}.collection-count{text-align:right;border-left:1px solid var(--line);padding-left:28px}.collection-count strong{display:block;font:500 38px Cinzel;color:#d7c5e6}.collection-count span{font-size:8px;letter-spacing:3px;color:#62596b}.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.series-card{position:relative;background:linear-gradient(150deg,rgba(23,14,34,.9),rgba(8,6,12,.96));border:1px solid rgba(171,101,241,.18);overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s;animation:cardIn .8s both;animation-delay:var(--delay)}.series-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(171,86,255,.13),transparent 42%);opacity:0;transition:.5s;pointer-events:none}.series-card:hover{transform:translateY(-10px);border-color:rgba(188,119,255,.6);box-shadow:0 25px 70px rgba(81,24,139,.22)}.series-card:hover:before{opacity:1}.card-topline{height:36px;padding:0 14px;display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:2px;color:#655b6e;border-bottom:1px solid rgba(180,109,246,.12)}.card-topline i{flex:1;height:1px;background:rgba(180,109,246,.12)}.card-topline span:last-child{color:#a887ba}.cover-wrap{display:block;position:relative;aspect-ratio:1.53/1;overflow:hidden;background:#0b0810}.cover{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.series-card:hover .cover{transform:scale(1.07);filter:saturate(1.08) contrast(1.03)}.cover-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-120%);transition:.9s}.series-card:hover .cover-shine{transform:translateX(120%)}.cover-overlay{position:absolute;inset:auto 14px 14px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(6,4,10,.72);border:1px solid rgba(207,164,255,.25);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:.4s}.series-card:hover .cover-overlay{opacity:1;transform:none}.cover-overlay span{font-size:8px;letter-spacing:2px}.cover-overlay b{font-size:15px;color:#c992ff}.placeholder{height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,rgba(141,57,227,.2),transparent 50%),#0b0810}.placeholder span{font-size:45px}.placeholder small{font-size:8px;letter-spacing:3px;color:#7d7088}.card-body{padding:19px}.title-line{display:flex;justify-content:space-between;gap:15px}.card-index{margin:0 0 7px;color:#735f83;font-size:7px;letter-spacing:2px}.card-body h3{font:600 20px/1.15 Cinzel;margin:0;max-width:330px}.status-orb{flex:none;width:9px;height:9px;border-radius:50%;margin-top:5px;background:#b96cff;box-shadow:0 0 0 4px rgba(185,108,255,.08),0 0 18px #a85cff}.synopsis{color:#807687;font-size:11px;line-height:1.65;max-height:37px;overflow:hidden;margin:13px 0 0}.card-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.chapter-pill{min-height:34px;display:flex;align-items:center;gap:12px;border:1px solid rgba(180,110,248,.18);padding:0 10px;background:rgba(255,255,255,.018);transition:.3s}.chapter-pill span{font-size:8px;color:#aaa0b3;letter-spacing:1px}.chapter-pill b{font-size:7px;color:#8e7c99}.chapter-pill.new{border-color:rgba(177,91,255,.5);background:rgba(143,49,220,.09)}.chapter-pill.new b{color:#d2a4ff}.chapter-pill:hover{border-color:#b46aff;transform:translateY(-2px);box-shadow:0 7px 20px rgba(119,39,199,.18)}.no-chapters{font-size:9px;color:#645b6b}.empty-card{grid-column:1/-1;padding:90px;text-align:center;border:1px dashed var(--line);background:rgba(255,255,255,.015)}.empty-star{font-size:38px;color:#b66aff}.empty-card h3{font:500 24px Cinzel}
.portal{min-height:510px;position:relative;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 8%;background:radial-gradient(circle at 75% 50%,rgba(114,38,203,.18),transparent 32%),linear-gradient(90deg,rgba(12,8,17,.96),rgba(8,5,12,.7))}.portal-copy{position:relative;z-index:3}.portal h2{font:600 clamp(34px,5vw,62px)/1.05 Cinzel;margin:22px 0}.portal p{max-width:530px;color:#8f8498;font-size:13px;line-height:1.8}.portal-symbol{position:absolute;left:69%;font-size:100px;color:#eadcff;text-shadow:0 0 50px #9a50ec;z-index:2}.portal-orbit{position:absolute;border:1px solid rgba(177,103,255,.22);border-radius:50%;left:69%;top:50%;transform:translate(-50%,-50%)}.orbit-1{width:280px;height:280px}.orbit-2{width:420px;height:160px;transform:translate(-50%,-50%) rotate(35deg)}.orbit-3{width:500px;height:190px;transform:translate(-50%,-50%) rotate(-35deg);border-style:dashed}.portal-number{position:absolute;right:5%;bottom:28px;font:80px Cinzel;color:rgba(255,255,255,.025)}.manifesto{height:105px;display:flex;justify-content:center;align-items:center;gap:28px;color:#655b6c}.manifesto p{font-size:8px;letter-spacing:5px}.manifesto span{color:#b16bfa}
footer{border-top:1px solid var(--line);min-height:130px;padding:0 max(24px,calc((100vw - 1220px)/2));display:flex;align-items:center;gap:25px;color:#766d7d}.footer-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.footer-brand strong{display:block;font:12px Cinzel;color:#c9bdd3;letter-spacing:1px}.footer-brand small{font-size:7px;letter-spacing:2px}.footer-brand .brand-mark{width:36px;height:36px}.footer-brand img{width:25px;height:25px}.footer-coord{font:10px Cinzel;color:#514957;letter-spacing:3px}
.search-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,2,7,.86);backdrop-filter:blur(25px);opacity:0;visibility:hidden;transition:.35s}.search-overlay.open{opacity:1;visibility:visible}.search-box{width:min(720px,100%);padding:45px;background:linear-gradient(145deg,rgba(24,14,34,.94),rgba(7,5,11,.96));border:1px solid rgba(190,121,255,.35);box-shadow:0 35px 100px rgba(0,0,0,.6);position:relative;transform:translateY(20px) scale(.98);transition:.35s}.search-overlay.open .search-box{transform:none}.close{position:absolute;right:18px;top:15px;border:0;background:none;color:#84788d;font-size:28px;cursor:pointer}.close:hover{color:white}.search-box h2{font:500 clamp(28px,5vw,47px) Cinzel;line-height:1.1;margin:22px 0}.search-box h2 em{font-style:normal;color:#b26bfa}.search-input-wrap{display:flex;align-items:center;border:1px solid rgba(181,109,250,.3);background:#08060d;padding:0 17px;box-shadow:inset 0 0 25px rgba(130,48,212,.05)}.search-input-wrap span{font-size:23px;color:#a864ef}.search-input-wrap input{width:100%;height:58px;background:none;border:0;outline:0;color:white;font-size:14px;padding:0 13px}.search-box>p{color:#6f6578;font-size:11px}.result-link{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(181,109,250,.13);font-size:12px}.result-link b{color:#a965e7;font-size:9px;letter-spacing:2px}
/* INTRO */
.site-intro{position:fixed;inset:0;z-index:200;overflow:hidden;background:#030208;display:grid;place-items:center;animation:introOut .8s ease 4.2s forwards}.site-intro.done{display:none}.site-intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.intro-glow-one{width:40vw;height:40vw;background:rgba(126,39,217,.18);top:10%;left:10%}.intro-glow-two{width:35vw;height:35vw;background:rgba(190,87,255,.12);right:5%;bottom:0}.intro-content{text-align:center;position:relative;z-index:2;animation:introIn 1.2s cubic-bezier(.2,.8,.2,1) both}.intro-logo-wrap{width:190px;height:190px;position:relative;margin:auto}.custom-intro-logo{width:100%;height:100%;filter:drop-shadow(0 0 22px rgba(180,100,255,.55));animation:float 4s ease-in-out infinite}.intro-ring{position:absolute;inset:5px;border:1px solid rgba(192,122,255,.28);border-radius:50%}.intro-ring-two{inset:20px;border-style:dashed;animation:spin 18s linear infinite}.intro-ring-one{animation:spinReverse 24s linear infinite}.intro-eyebrow{margin:24px 0 10px;color:#b36cff;font-size:9px;font-weight:700;letter-spacing:5px}.intro-content h1{font:600 clamp(35px,6vw,66px) Cinzel;margin:0}.intro-divider{margin:16px auto;color:#d8b4ff}.intro-tagline{margin:0;color:#71677a;font-size:9px;letter-spacing:7px}.intro-skip{position:absolute;bottom:28px;right:30px;border:1px solid rgba(181,108,255,.3);background:rgba(255,255,255,.025);color:#9b90a4;padding:9px 14px;font-size:9px;letter-spacing:2px;cursor:pointer}.intro-skip:hover{color:#fff;border-color:#b56eff}
@keyframes introIn{from{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes spin{to{transform:rotate(386deg) scaleY(.55)}}@keyframes spinReverse{to{transform:rotate(-360deg) scaleY(.38)}}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 110px rgba(130,50,226,.38),inset 0 0 50px rgba(176,94,255,.25)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes cardIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero-orbit{grid-template-columns:1fr;min-height:760px}.hero-copy{padding:70px 0 20px}.hero-cosmos{height:380px}.hero-side-text{display:none}.series-grid{grid-template-columns:repeat(2,1fr)}.portal{min-height:620px}.portal-symbol,.portal-orbit{left:76%;top:68%}.portal-copy{max-width:650px}.portal{padding:60px 4%}.portal p{max-width:470px}.collection-head{align-items:flex-start}.collection-count{display:none}}
@media(max-width:620px){.topbar{height:70px}.nav-wrap,main{width:min(100% - 28px,var(--max))}.brand-copy small{display:none}nav{gap:0;margin-right:8px}nav a{padding:9px 7px;font-size:10px}nav a:before{left:7px;right:7px}.search-btn{width:38px;height:38px}.hero-orbit{min-height:690px}.hero h1{font-size:48px;letter-spacing:-1px}.hero-description{font-size:12px}.hero-meta{margin-top:42px;gap:15px}.hero-cosmos{height:300px}.ring-a{width:300px;height:300px}.ring-b{width:350px;height:350px}.ring-c{width:235px;height:235px}.cosmos-core{width:120px;height:120px}.core-symbol{font-size:34px}.collection{padding:75px 0}.collection-head h2{font-size:31px}.series-grid{grid-template-columns:1fr;gap:18px}.cover-wrap{aspect-ratio:1.55/1}.portal{min-height:650px;padding:55px 0}.portal h2{font-size:37px}.portal-symbol,.portal-orbit{left:70%;top:78%}.portal-number{font-size:50px}.manifesto{gap:10px}.manifesto p{letter-spacing:2px;font-size:7px}footer{padding:30px 14px;flex-wrap:wrap}.footer-coord{display:none}.search-box{padding:34px 22px}.intro-logo-wrap{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-intro{animation-duration:.4s;animation-delay:2.5s}.series-card,.cosmic-btn,.cover,.cover-shine{animation:none;transition:none}}

/* INTERACTIVE CELESTIAL SEARCH */
.search-trigger{border:0;color:inherit;font:inherit;cursor:pointer;padding:0;background:transparent;appearance:none;text-align:inherit;position:relative;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.search-trigger:hover{transform:scale(1.035);filter:drop-shadow(0 0 35px rgba(171,88,255,.18))}
.search-trigger:focus-visible{outline:1px solid rgba(213,166,255,.85);outline-offset:10px;border-radius:50%}
.search-trigger .cosmos-core{transition:box-shadow .45s ease,transform .45s ease;border-color:rgba(209,166,255,.48)}
.search-trigger:hover .cosmos-core{transform:scale(1.08);box-shadow:0 0 35px rgba(158,75,239,.38),inset 0 0 35px rgba(191,112,255,.2)}
.search-trigger .core-symbol{animation:searchStarPulse 2.4s ease-in-out infinite}
.search-orbit-hint{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);font:700 8px 'DM Sans',sans-serif;letter-spacing:4px;color:rgba(216,190,239,.48);white-space:nowrap;opacity:.78;transition:opacity .35s ease,letter-spacing .35s ease,color .35s ease}
.search-orbit-hint span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d9b7ff;box-shadow:0 0 12px #b263ff;margin-right:7px;vertical-align:1px;animation:hintPulse 1.8s ease-in-out infinite}
.search-trigger:hover .search-orbit-hint{opacity:1;letter-spacing:5px;color:#eadcff}
.search-overlay:before,.search-overlay:after{content:"";position:absolute;border:1px solid rgba(173,96,241,.1);border-radius:50%;pointer-events:none}
.search-overlay:before{width:75vw;height:75vw;animation:searchSpin 28s linear infinite}
.search-overlay:after{width:52vw;height:52vw;border-style:dashed;animation:searchSpinReverse 20s linear infinite}
.search-box{overflow:hidden}
.search-modal-orbit{position:absolute;width:220px;height:220px;right:-80px;top:-95px;border:1px solid rgba(180,105,249,.16);border-radius:50%;pointer-events:none;animation:searchSpin 18s linear infinite}
.search-modal-orbit:before{content:"";position:absolute;inset:35px;border:1px solid rgba(203,153,255,.12);border-radius:50%}
.search-modal-orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:#e6d3ff;box-shadow:0 0 15px #b25cff}
.search-modal-orbit i:nth-child(1){left:22px;top:103px}.search-modal-orbit i:nth-child(2){right:20px;top:43px}.search-modal-orbit i:nth-child(3){left:106px;bottom:4px}
.search-input-wrap{position:relative;z-index:2;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.search-input-wrap:focus-within{border-color:rgba(196,126,255,.75);box-shadow:0 0 0 1px rgba(183,99,255,.12),0 0 35px rgba(132,45,220,.17),inset 0 0 35px rgba(130,48,212,.08);transform:translateY(-2px)}
.search-input-wrap input::placeholder{color:#5f5668}
#searchResults{position:relative;z-index:2;max-height:340px;overflow:auto;margin-top:12px;padding-right:5px}
#searchResults::-webkit-scrollbar{width:4px}#searchResults::-webkit-scrollbar-thumb{background:rgba(173,92,245,.35);border-radius:10px}
.result-link{gap:15px;padding:13px 4px;border-bottom:1px solid rgba(181,109,250,.11);transition:background .25s ease,padding .25s ease,transform .25s ease}
.result-link:hover{padding-left:10px;padding-right:10px;background:rgba(160,75,236,.06);transform:translateX(3px)}
.result-main{display:flex;align-items:center;gap:12px;min-width:0}.result-cover{width:42px;height:55px;object-fit:cover;border:1px solid rgba(193,126,255,.25);box-shadow:0 0 18px rgba(130,52,221,.13)}.result-text{min-width:0}.result-text span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-text small{display:block;margin-top:4px;color:#655c6e;font-size:8px;letter-spacing:1.5px;text-transform:uppercase}.result-link b{white-space:nowrap}
.search-empty{padding:28px 0;text-align:center;color:#756a80;font-size:11px}.search-empty strong{display:block;color:#b98be4;font:500 18px Cinzel;margin-bottom:7px}
@keyframes searchStarPulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 12px rgba(226,203,255,.9))}}
@keyframes hintPulse{50%{transform:scale(1.7);opacity:.45}}
@keyframes searchSpin{to{transform:rotate(360deg)}}
@keyframes searchSpinReverse{to{transform:rotate(-360deg)}}
@media(max-width:620px){.search-orbit-hint{bottom:0;font-size:7px;letter-spacing:3px}.search-trigger:hover{transform:none}.search-modal-orbit{opacity:.55}.search-overlay:before{width:130vw;height:130vw}.search-overlay:after{width:90vw;height:90vw}}
@media(prefers-reduced-motion:reduce){.search-trigger .core-symbol,.search-orbit-hint span,.search-modal-orbit,.search-overlay:before,.search-overlay:after{animation:none}.search-trigger,.search-input-wrap,.result-link{transition:none}}

/* V7 — THE CENTRAL ORACLE IS THE SEARCH */
body.search-open{overflow:hidden}
.topbar .search-btn{display:none!important}
.search-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.search-trigger::after{content:"";position:absolute;inset:24%;border:1px solid rgba(224,194,255,.18);border-radius:50%;box-shadow:0 0 35px rgba(164,83,255,.14);opacity:0;transform:scale(.7);transition:.45s ease;pointer-events:none}
.search-trigger:hover::after,.search-trigger:focus-visible::after{opacity:1;transform:scale(1)}
.search-trigger:active{transform:scale(.98)!important}
.search-trigger .cosmos-core{position:relative;z-index:2}
.search-trigger .cosmos-core::before{content:"";position:absolute;inset:-18px;border:1px solid rgba(202,153,255,.13);border-radius:50%;animation:oraclePulse 2.8s ease-in-out infinite;pointer-events:none}
.search-trigger .cosmos-core::after{content:"";position:absolute;inset:-42px;border:1px dashed rgba(175,101,247,.11);border-radius:50%;animation:searchSpinReverse 17s linear infinite;pointer-events:none}
.search-orbit-hint{z-index:4}

.search-overlay{padding:20px;background:radial-gradient(circle at 50% 45%,rgba(106,37,180,.13),transparent 38%),rgba(2,1,6,.94);z-index:500;overscroll-behavior:contain}
.search-backdrop-stars{position:absolute;inset:0;opacity:.55;pointer-events:none;background-image:radial-gradient(circle at 17% 23%,#d9c1ff 0 1px,transparent 1.5px),radial-gradient(circle at 76% 18%,#cba4ff 0 1px,transparent 1.5px),radial-gradient(circle at 82% 77%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 24% 78%,#b97aff 0 1px,transparent 1.5px),radial-gradient(circle at 58% 12%,#e8dbff 0 1px,transparent 1.5px);background-size:280px 280px,330px 330px,410px 410px,360px 360px,500px 500px;animation:starDrift 18s linear infinite}
.search-box{width:min(820px,100%);max-height:min(780px,calc(100vh - 40px));padding:34px 38px 20px;border-radius:28px;background:linear-gradient(145deg,rgba(21,12,32,.97),rgba(5,4,10,.985));border:1px solid rgba(202,151,255,.38);box-shadow:0 0 0 1px rgba(133,56,211,.08),0 45px 140px rgba(0,0,0,.78),inset 0 0 70px rgba(125,43,204,.07);overflow:hidden;transform:translateY(26px) scale(.94);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.search-overlay.open .search-box{transform:none;opacity:1}
.search-box::before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(120deg,rgba(220,183,255,.35),transparent 25%,transparent 72%,rgba(165,85,255,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.search-modal-head{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:4}.search-modal-code{display:block;margin-bottom:11px;font-size:7px;letter-spacing:3px;color:#675d70}.search-box .close{position:relative;right:auto;top:auto;width:40px;height:40px;border:1px solid rgba(191,127,255,.18);border-radius:50%;background:rgba(255,255,255,.025);font-size:23px;line-height:1;color:#8f8198;display:grid;place-items:center;transition:.3s;z-index:5}.search-box .close:hover{color:#fff;border-color:#bd78ff;box-shadow:0 0 25px rgba(165,83,255,.2);transform:rotate(90deg)}
.search-title-row{display:flex;align-items:center;gap:18px;margin:22px 0 24px;position:relative;z-index:3}.search-sigil{width:58px;height:58px;flex:none;border:1px solid rgba(202,151,255,.24);border-radius:50%;display:grid;place-items:center;color:#eadcff;font-size:25px;background:radial-gradient(circle,rgba(173,89,255,.23),transparent 68%);box-shadow:0 0 35px rgba(137,49,221,.15)}.search-box h2{font:500 clamp(30px,5vw,48px)/1.03 Cinzel;margin:0}.search-box h2 em{font-style:normal;color:#b974f5;text-shadow:0 0 25px rgba(174,91,255,.3)}.search-title-row p{margin:8px 0 0;color:#756a7e;font-size:11px;line-height:1.5}
.search-input-wrap{height:64px;border-radius:15px;padding:0 15px;border-color:rgba(190,122,255,.28);background:rgba(3,2,8,.75);box-shadow:inset 0 0 35px rgba(121,42,203,.08);position:relative;z-index:4}.search-input-wrap>span{font-size:25px}.search-input-wrap input{height:62px;font-size:14px}.search-input-wrap kbd{font:600 7px 'DM Sans';letter-spacing:2px;color:#6c6171;border:1px solid rgba(180,115,241,.16);border-radius:6px;padding:6px 7px;white-space:nowrap}.search-status{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 7px;color:#6d6274;font-size:8px;letter-spacing:1.8px;text-transform:uppercase}.search-status span:last-child{color:#a36ed0}
#searchResults{max-height:390px;overflow:auto;margin-top:4px;padding:0 5px 4px 0}.result-card-new{display:grid;grid-template-columns:34px 58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 10px;border:1px solid transparent;border-bottom-color:rgba(185,113,250,.1);border-radius:13px;animation:resultIn .45s both;animation-delay:var(--result-delay);transition:.3s}.result-card-new:hover{border-color:rgba(193,125,255,.3);background:linear-gradient(90deg,rgba(150,65,231,.11),rgba(255,255,255,.02));transform:translateX(4px);box-shadow:0 10px 30px rgba(89,28,156,.12)}.result-number{font:600 9px Cinzel;color:#5f5368;letter-spacing:1px}.result-cover-wrap{width:58px;height:72px;border-radius:7px;overflow:hidden;border:1px solid rgba(195,131,255,.22);background:#0a0710;display:grid;place-items:center;box-shadow:0 0 20px rgba(125,44,210,.1)}.result-cover-wrap img{width:100%;height:100%;object-fit:cover;transition:.45s}.result-card-new:hover .result-cover-wrap img{transform:scale(1.08)}.result-cover-placeholder{font-size:22px;color:#b56cff}.result-info{min-width:0}.result-info small{display:block;color:#806b8d;font-size:7px;letter-spacing:2px;margin-bottom:6px}.result-info strong{display:block;color:#eee4f4;font:600 15px Cinzel;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-info>span{display:block;color:#796d81;font-size:9px;margin-top:5px}.result-open{white-space:nowrap;color:#9e65d0;font-size:7px;letter-spacing:2px}.result-open b{font-size:13px;margin-left:5px}.search-empty-new{padding:55px 20px;text-align:center;border:1px dashed rgba(188,118,255,.18);border-radius:14px;margin-top:8px}.empty-orbit{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 14px;border:1px solid rgba(191,121,255,.25);border-radius:50%;color:#dcbcff;box-shadow:0 0 30px rgba(139,50,219,.15)}.search-empty-new strong{display:block;font:500 18px Cinzel;color:#c9a3df}.search-empty-new p{margin:7px 0 0;color:#706578;font-size:10px}.search-modal-foot{display:flex;justify-content:space-between;gap:20px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(185,113,250,.1);font-size:7px;letter-spacing:2px;color:#514756}.search-modal-foot span:first-child{color:#8963a3}
@keyframes oraclePulse{50%{transform:scale(1.08);opacity:.45}}@keyframes resultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes starDrift{to{background-position:70px 35px,-60px 80px,50px -40px,-40px 60px,80px -50px}}
@media(max-width:620px){.search-box{padding:25px 17px 15px;border-radius:22px;max-height:calc(100vh - 24px)}.search-title-row{gap:12px;margin:18px 0}.search-sigil{width:48px;height:48px;font-size:21px}.search-title-row p{font-size:10px}.search-input-wrap{height:56px}.search-input-wrap input{height:54px;font-size:12px}.search-input-wrap kbd{display:none}.result-card-new{grid-template-columns:24px 48px minmax(0,1fr);gap:9px;padding:10px 4px}.result-cover-wrap{width:48px;height:62px}.result-open{display:none}.result-info strong{font-size:13px}.search-modal-foot{font-size:6px}.search-modal-foot span:last-child{display:none}.search-status{font-size:7px}.search-trigger{width:100%}}
@media(prefers-reduced-motion:reduce){.search-trigger .cosmos-core::before,.search-trigger .cosmos-core::after,.search-backdrop-stars,.result-card-new{animation:none}.search-box{transition:none}}

/* =========================================================
   V8 — MOBILE FIRST + ANIMATED CELESTIAL INTRO + AUDIO UI
   ========================================================= */

/* Intro: cinematic sequence rather than a static splash */
.site-intro{animation:none!important;opacity:1;visibility:visible;transition:opacity .95s cubic-bezier(.2,.8,.2,1),visibility 0s linear .95s;background:radial-gradient(circle at 50% 48%,rgba(112,42,195,.16),transparent 32%),#030208;isolation:isolate}
.site-intro.done{display:grid;opacity:0;visibility:hidden;pointer-events:none}
.site-intro:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(171,99,255,.06) 45deg,transparent 90deg,rgba(214,172,255,.04) 180deg,transparent 230deg,rgba(171,99,255,.06) 300deg,transparent 360deg);animation:introNebula 16s linear infinite;pointer-events:none}
.site-intro:after{content:"";position:absolute;width:min(60vw,720px);height:min(60vw,720px);border:1px solid rgba(190,128,255,.08);border-radius:50%;box-shadow:0 0 90px rgba(131,47,220,.12),inset 0 0 90px rgba(131,47,220,.06);animation:introPortal 5.6s cubic-bezier(.2,.7,.2,1) both;pointer-events:none}
.intro-content{opacity:0;transform:translateY(22px) scale(.96);animation:introContentIn 2.4s cubic-bezier(.2,.8,.2,1) .35s forwards}
.intro-logo-wrap{transform:scale(.72);opacity:0;animation:introLogoIn 1.6s cubic-bezier(.2,1,.2,1) .25s forwards}
.custom-intro-logo{animation:introFloat 4s ease-in-out 1.5s infinite}
.intro-ring-one{animation:introSpin 18s linear infinite}
.intro-ring-two{animation:introSpinReverse 12s linear infinite}
.intro-eyebrow{opacity:0;transform:translateY(10px);animation:introTextIn .9s ease 1.45s forwards}
.intro-content h1{opacity:0;transform:translateY(16px);animation:introTextIn 1s cubic-bezier(.2,.8,.2,1) 1.65s forwards;text-shadow:0 0 0 rgba(200,140,255,0);animation-name:introTitleIn}
.intro-divider{opacity:0;animation:introDividerIn 1s ease 2.25s forwards}
.intro-tagline{opacity:0;transform:translateY(9px);animation:introTextIn .9s ease 2.45s forwards}
.intro-skip{opacity:0;animation:introTextIn .8s ease 2.9s forwards}
.intro-controls{position:absolute;z-index:20;right:26px;bottom:25px;display:flex;align-items:center;gap:9px}
.intro-sound,.intro-skip{position:relative;right:auto;bottom:auto;min-height:36px;padding:9px 13px;border-radius:999px;border:1px solid rgba(181,108,255,.25);background:rgba(255,255,255,.025);color:#92869c;font:600 8px 'DM Sans';letter-spacing:1.8px;cursor:pointer;backdrop-filter:blur(12px);transition:transform .3s,border-color .3s,color .3s,box-shadow .3s}
.intro-sound:hover,.intro-skip:hover{color:#fff;border-color:#b56eff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(128,42,215,.18)}
.intro-sound[aria-pressed="true"]{color:#eadcff;border-color:rgba(205,155,255,.55);box-shadow:0 0 24px rgba(161,78,237,.22)}
.sound-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#7b697f;box-shadow:0 0 0 transparent;vertical-align:middle;transition:.3s}
.intro-sound[aria-pressed="true"] .sound-dot{background:#d7a8ff;box-shadow:0 0 10px #ad5cff;animation:soundPulse 1.2s ease-in-out infinite}
.intro-glow-one{animation:glowDriftOne 7s ease-in-out infinite alternate}
.intro-glow-two{animation:glowDriftTwo 8s ease-in-out infinite alternate}

/* Better touch behavior for the oracle/search circle */
.hero-cosmos{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:0}
.search-trigger{border:0;color:inherit;background:transparent;padding:0;width:100%;appearance:none}
.search-trigger:focus-visible{outline:1px solid rgba(213,174,255,.65);outline-offset:8px}
.search-trigger .cosmos-core{will-change:transform;transition:transform .35s ease,box-shadow .35s ease}
.search-trigger:hover .cosmos-core{transform:scale(1.045);box-shadow:0 0 105px rgba(143,56,239,.38),inset 0 0 45px rgba(176,94,255,.25)}
.search-trigger:active .cosmos-core{transform:scale(.96)}
.search-orbit-hint{animation:hintFloat 2.4s ease-in-out infinite}

/* Cards feel alive without making mobile scrolling heavy */
.series-card{will-change:transform}
.cover-overlay{pointer-events:none}
.chapter-pill{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}
.chapter-pill:hover{transform:translateY(-2px);border-color:rgba(202,145,255,.55);box-shadow:0 8px 28px rgba(105,32,184,.18)}
.chapter-pill:after{content:"";position:absolute;top:-30%;left:-80%;width:45%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}
.chapter-pill:hover:after{left:135%}

/* Search modal: stable viewport behavior on phones */
.search-overlay{display:flex;align-items:center;justify-content:center;min-height:100dvh;height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));}
.search-box{max-height:calc(100dvh - 24px);display:flex;flex-direction:column}
#searchResults{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0}

@keyframes introNebula{to{transform:rotate(360deg) scale(1.08)}}
@keyframes introPortal{0%{transform:scale(.55);opacity:0}45%{opacity:.8}100%{transform:scale(1);opacity:.3}}
@keyframes introContentIn{to{opacity:1;transform:none}}
@keyframes introLogoIn{0%{opacity:0;transform:scale(.55) rotate(-8deg)}65%{opacity:1;transform:scale(1.04) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes introFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.8deg)}}
@keyframes introSpin{to{transform:rotate(360deg)}}
@keyframes introSpinReverse{to{transform:rotate(-360deg)}}
@keyframes introTextIn{to{opacity:1;transform:none}}
@keyframes introTitleIn{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(8px);text-shadow:0 0 35px rgba(190,116,255,.5)}100%{opacity:1;transform:none;filter:blur(0);text-shadow:0 0 24px rgba(190,116,255,.18)}}
@keyframes introDividerIn{0%{opacity:0;transform:scaleX(.1) rotate(-8deg)}100%{opacity:1;transform:none}}
@keyframes glowDriftOne{to{transform:translate(9vw,7vh) scale(1.12);opacity:.7}}
@keyframes glowDriftTwo{to{transform:translate(-8vw,-6vh) scale(1.1);opacity:.75}}
@keyframes hintFloat{50%{transform:translateY(-3px);opacity:.78}}
@keyframes soundPulse{50%{transform:scale(1.7);opacity:.55}}

/* Tablet */
@media (max-width:900px){
  main,.nav-wrap{width:min(100% - 34px,var(--max))}
  .hero-orbit{grid-template-columns:1fr;min-height:0;padding:70px 0 35px}
  .hero-copy{padding:25px 0 5px;max-width:720px}
  .hero-cosmos{height:470px;margin-top:-10px}
  .hero-side-text{display:none}
  .series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection{padding-top:80px}
}

/* Phone */
@media (max-width:620px){
  html,body{width:100%;overflow-x:hidden}
  .topbar{height:64px}
  .nav-wrap,main{width:calc(100% - 24px)}
  .brand{gap:8px;min-width:0}
  .brand-mark{width:36px;height:36px;flex:none}
  .brand-mark img{width:25px;height:25px}
  .brand-copy strong{font-size:10px;letter-spacing:.7px}
  nav{margin-right:0;gap:0;flex:none}
  nav a{padding:8px 5px;font-size:9px;letter-spacing:0}
  nav a:before{left:5px;right:5px}

  .hero-orbit{padding:45px 0 18px}
  .hero-copy{padding:12px 0 0}
  .section-kicker{font-size:7px;letter-spacing:2.2px}
  .section-kicker i{width:18px}
  .hero h1{font-size:clamp(39px,12vw,54px);line-height:.98;letter-spacing:-1.3px;margin:19px 0 18px}
  .hero-description{font-size:11px;line-height:1.7;max-width:100%}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:24px}
  .cosmic-btn{width:100%;min-height:46px;font-size:10px}
  .hero-meta{margin-top:30px;gap:18px;justify-content:space-between}
  .hero-meta span{font-size:7px;letter-spacing:1.3px}
  .hero-meta b{font-size:13px}

  .hero-cosmos{height:370px;margin:0 -5px}
  .ring-a{width:285px;height:285px}
  .ring-b{width:335px;height:335px}
  .ring-c{width:225px;height:225px}
  .cosmos-core{width:112px;height:112px}
  .core-symbol{font-size:32px}
  .orbit-dot{width:6px;height:6px}
  .dot-a{top:14%;right:14%}.dot-b{bottom:15%;left:13%}.dot-c{right:3%}
  .label-top{top:7%;right:3%;font-size:6px;letter-spacing:2px}
  .label-bottom{bottom:8%;left:3%;font-size:6px;letter-spacing:2px}
  .search-orbit-hint{bottom:3px;font-size:6px;letter-spacing:2.3px}

  .collection{padding:62px 0 65px}
  .collection-head{align-items:flex-end;margin-bottom:25px}
  .collection-head h2{font-size:28px;margin:13px 0 7px}
  .collection-head p{font-size:10px;line-height:1.5;max-width:230px}
  .collection-count{padding-left:12px}.collection-count strong{font-size:27px}.collection-count span{font-size:6px;letter-spacing:2px}
  .series-grid{grid-template-columns:1fr;gap:15px}
  .series-card{border-radius:15px}
  .card-topline{height:32px;padding:0 11px;font-size:6px;letter-spacing:1.5px}
  .cover-wrap{aspect-ratio:1.48/1}
  .cover-overlay{opacity:1;transform:none;inset:auto 9px 9px;padding:8px 10px;background:rgba(6,4,10,.58)}
  .cover-overlay span{font-size:7px;letter-spacing:1.5px}
  .card-body{padding:15px}
  .card-body h3{font-size:17px}
  .synopsis{font-size:10px;line-height:1.55;max-height:46px}
  .card-footer{margin-top:14px;gap:6px}
  .chapter-pill{min-height:32px;font-size:8px}

  .portal{min-height:570px;padding:45px 0}
  .portal h2{font-size:31px}
  .portal-copy p{font-size:11px;line-height:1.65}
  .portal-symbol,.portal-orbit{left:72%;top:78%}

  footer{padding:28px 12px}

  /* Intro phone composition */
  .site-intro:after{width:88vw;height:88vw}
  .intro-content{width:100%;padding:0 18px}
  .intro-logo-wrap{width:142px;height:142px}
  .intro-eyebrow{font-size:7px;letter-spacing:3.4px;margin-top:20px}
  .intro-content h1{font-size:clamp(34px,12vw,48px);letter-spacing:-1px}
  .intro-divider{margin:13px auto}.intro-tagline{font-size:7px;letter-spacing:4px}
  .intro-controls{left:12px;right:12px;bottom:max(13px,env(safe-area-inset-bottom));justify-content:center;gap:7px}
  .intro-sound,.intro-skip{min-height:34px;font-size:7px;padding:8px 10px;letter-spacing:1.4px}

  /* Modal fills the phone safely and remains easy to type in */
  .search-overlay{padding:8px}
  .search-box{width:100%;max-height:calc(100dvh - 16px);padding:19px 13px 11px;border-radius:20px}
  .search-modal-code{font-size:6px;letter-spacing:2px;margin-bottom:8px}
  .search-box .close{width:36px;height:36px;font-size:20px}
  .search-title-row{margin:15px 0 16px;gap:10px}
  .search-sigil{width:43px;height:43px;font-size:18px}
  .search-box h2{font-size:27px}
  .search-title-row p{font-size:9px;line-height:1.4;margin-top:5px}
  .search-input-wrap{height:52px;padding:0 11px;border-radius:13px}
  .search-input-wrap>span{font-size:21px}
  .search-input-wrap input{height:50px;font-size:12px}
  .search-status{margin:10px 1px 5px;font-size:6px;letter-spacing:1.1px}
  #searchResults{max-height:none}
  .result-card-new{grid-template-columns:22px 44px minmax(0,1fr);gap:8px;padding:9px 2px}
  .result-cover-wrap{width:44px;height:58px}
  .result-info small{font-size:6px;letter-spacing:1.4px;margin-bottom:4px}
  .result-info strong{font-size:11px}
  .result-info>span{font-size:8px;margin-top:4px}
  .result-open{display:none}
  .search-modal-foot{margin-top:7px;padding-top:8px;font-size:5px;letter-spacing:1.2px}
}

@media (max-width:370px){
  nav a{padding-inline:4px;font-size:8px}
  .brand-copy strong{font-size:9px}
  .hero-cosmos{height:335px}
  .ring-a{width:250px;height:250px}.ring-b{width:295px;height:295px}.ring-c{width:198px;height:198px}.cosmos-core{width:100px;height:100px}
  .intro-logo-wrap{width:125px;height:125px}
  .intro-sound,.intro-skip{font-size:6px;padding-inline:8px}
}

@media (prefers-reduced-motion:reduce){
  .site-intro:before,.site-intro:after,.intro-content,.intro-logo-wrap,.custom-intro-logo,.intro-ring-one,.intro-ring-two,.intro-eyebrow,.intro-content h1,.intro-divider,.intro-tagline,.intro-skip,.intro-glow-one,.intro-glow-two,.search-orbit-hint,.sound-dot{animation:none!important}
  .site-intro{transition:opacity .5s ease}
}

/* Desktop-first main page: keep the composition intact; only scale spacing/type on narrow screens. */
@media(max-width:900px){
  .nav-wrap,main{width:min(94vw,var(--max))}
  .hero-orbit{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:22px;min-height:620px;padding:65px 0 30px}
  .hero-copy{max-width:none}.hero-cosmos{height:560px}.hero-side-text{display:block}
  .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}
@media(max-width:620px){
  /* No separate mobile redesign: preserve the PC visual language while reducing scale. */
  .topbar{height:62px}.nav-wrap,main{width:calc(100% - 22px)}nav{gap:0;margin-right:0}nav a{padding:9px 6px;font-size:8px}
  .brand-copy strong{font-size:9px}.brand-copy small{font-size:6px;letter-spacing:2px}.brand-mark{width:34px;height:34px}.brand-mark img{width:24px;height:24px}
  .hero-orbit{grid-template-columns:minmax(0,1.05fr) minmax(145px,.72fr);gap:8px;min-height:500px;padding:45px 0 20px}
  .hero-copy{padding:5px 0}.hero h1{font-size:clamp(28px,8.8vw,43px);line-height:1.02}.hero-description{font-size:9px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:7px}.cosmic-btn{width:auto;min-height:38px;padding:10px 12px;font-size:8px}.hero-meta{gap:10px}.hero-meta span{font-size:6px}.hero-meta b{font-size:11px}
  .hero-cosmos{height:430px;margin:0}.ring-a{width:210px;height:210px}.ring-b{width:245px;height:245px}.ring-c{width:160px;height:160px}.cosmos-core{width:86px;height:86px}.core-symbol{font-size:27px}.search-orbit-hint{font-size:6px;letter-spacing:1px;white-space:nowrap}
  .collection{padding-top:55px}.collection-head h2{font-size:28px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.series-card{min-width:0}.card-body{padding:11px}.series-card h3{font-size:11px}.synopsis{font-size:8px;line-height:1.5}.chapter-pill{font-size:7px;padding:7px}.card-topline{font-size:6px}.portal{min-height:430px;padding:30px 18px}.portal-copy h2{font-size:30px}
  .site-intro-v10 .intro-image{background-position:center center;filter:saturate(.85) contrast(1.02) brightness(.6);transform:scale(1.12);animation-duration:8.2s}
  .site-intro-v10 .intro-sacred-orbit{top:39%}.site-intro-v10 .orbit-outer{width:105vw;height:48vw}.site-intro-v10 .orbit-mid{width:78vw;height:37vw}.site-intro-v10 .orbit-inner{width:48vw;height:48vw}.site-intro-v10 .intro-sigil{top:39%;font-size:48px}.site-intro-v10 .intro-sigil-glow{top:39%;width:38vw;height:38vw}.site-intro-v10 .intro-copy-v10{top:39%;transform:translate(-50%,calc(-50% + 105px));width:94vw}.site-intro-v10 .intro-brand-v10{font-size:clamp(18px,5.7vw,30px);letter-spacing:2px}.site-intro-v10 .intro-sub-v10{font-size:6px;letter-spacing:3px}.site-intro-v10 .intro-small-mark{font-size:6px;letter-spacing:2px}.site-intro-v10 .intro-enter-v10{margin-top:18px;padding:11px 16px;font-size:7px}.site-intro-v10 .intro-skip-v10{right:10px;bottom:10px;font-size:7px}
}

/* Prevent browser accessibility settings from turning the cinematic intro into a still image. */
@media(prefers-reduced-motion:reduce){
  /* The intro remains visibly animated on desktop, but at a gentler speed. */
  .site-intro-v10 .intro-image{animation-duration:12s!important}
  .site-intro-v10 .intro-nebula-a,.site-intro-v10 .intro-nebula-b{animation-duration:12s!important}
  .site-intro-v10 .orbit-outer,.site-intro-v10 .orbit-mid,.site-intro-v10 .orbit-inner{animation-duration:16s!important}
  .site-intro-v10 .intro-sigil-glow{animation-duration:4s!important}
  .site-intro-v10 .intro-sigil{animation-duration:2.8s,5s!important}
  .site-intro-v10 .intro-star-field{animation-duration:18s!important}
}

/* =========================================================
   V11 — DIVINE CONSTELLATION INTRO
   Pure CSS + Canvas: no background image, no audio.
   ========================================================= */
.site-intro-v11{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#030208;color:#fff;isolation:isolate;cursor:default}
.site-intro-v11:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 43%,rgba(116,45,220,.22),transparent 26%),radial-gradient(circle at 50% 43%,rgba(52,15,105,.22),transparent 52%),linear-gradient(180deg,#020107 0%,#07020f 52%,#020107 100%);z-index:0}
.site-intro-v11:after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.28) 75%,rgba(0,0,0,.78) 100%)}
.site-intro-v11 .divine-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden}
.site-intro-v11 .divine-aura{position:absolute;left:50%;top:43%;border-radius:50%;transform:translate(-50%,-50%);filter:blur(1px);mix-blend-mode:screen;pointer-events:none}
.site-intro-v11 .aura-a{width:min(42vw,620px);height:min(42vw,620px);background:radial-gradient(circle,rgba(255,245,255,.23) 0,rgba(177,92,255,.18) 18%,rgba(103,33,194,.09) 42%,transparent 70%);animation:v11Aura 4.5s ease-in-out infinite}
.site-intro-v11 .aura-b{width:min(75vw,1100px);height:min(75vw,1100px);background:radial-gradient(circle,rgba(127,45,230,.08),transparent 62%);animation:v11Aura 7s ease-in-out .6s infinite reverse}
.site-intro-v11 .aura-c{width:min(24vw,360px);height:min(24vw,360px);background:radial-gradient(circle,rgba(255,255,255,.14),rgba(164,73,255,.1) 28%,transparent 68%);animation:v11Core 2.8s ease-in-out infinite}
.site-intro-v11 .divine-rays{position:absolute;left:50%;top:43%;width:min(62vw,900px);height:min(62vw,900px);transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 6deg,rgba(207,164,255,.08) 7deg 8deg,transparent 9deg 28deg,rgba(207,164,255,.055) 29deg 30deg,transparent 31deg 48deg);border-radius:50%;mask-image:radial-gradient(circle,#000 0 38%,transparent 69%);animation:v11Rays 32s linear infinite}
.site-intro-v11 .divine-ring{position:absolute;left:50%;top:43%;border:1px solid rgba(220,190,255,.28);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px rgba(151,65,255,.09),inset 0 0 25px rgba(151,65,255,.05);will-change:transform}
.site-intro-v11 .ring-1{width:min(21vw,320px);height:min(21vw,320px);border-color:rgba(255,243,255,.48);animation:v11Ring1 9s linear infinite}
.site-intro-v11 .ring-2{width:min(34vw,510px);height:min(16vw,240px);border-style:dashed;animation:v11Ring2 13s linear infinite}
.site-intro-v11 .ring-3{width:min(48vw,720px);height:min(19vw,285px);border-color:rgba(184,121,255,.24);animation:v11Ring3 18s linear infinite}
.site-intro-v11 .ring-4{width:min(57vw,850px);height:min(57vw,850px);border-color:rgba(160,95,232,.12);animation:v11Ring4 26s linear infinite reverse}
.site-intro-v11 .divine-core{position:absolute;left:50%;top:43%;width:min(13vw,190px);height:min(13vw,190px);transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;border:1px solid rgba(246,231,255,.4);border-radius:50%;background:radial-gradient(circle,rgba(255,249,255,.18) 0,rgba(176,91,255,.13) 25%,rgba(57,14,110,.12) 55%,transparent 72%);box-shadow:0 0 55px rgba(160,69,255,.22),inset 0 0 32px rgba(255,255,255,.05);animation:v11CoreFloat 4s ease-in-out infinite;z-index:3}
.site-intro-v11 .core-halo{position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 24px rgba(197,125,255,.28);animation:v11CoreHalo 3.2s ease-in-out infinite}
.site-intro-v11 .core-diamond{position:relative;font:400 clamp(38px,5vw,72px)/1 Georgia,serif;color:#fff;text-shadow:0 0 12px #fff,0 0 34px #c37aff,0 0 65px #7d35d4;animation:v11Diamond 2.6s ease-in-out infinite}
.site-intro-v11 .divine-core span{position:absolute;bottom:25px;font:600 6px 'DM Sans',sans-serif;letter-spacing:4px;color:rgba(240,220,255,.6)}
.site-intro-v11 .divine-glyphs{position:absolute;inset:0;z-index:2;pointer-events:none}
.site-intro-v11 .divine-glyphs i{position:absolute;font-style:normal;color:rgba(245,226,255,.7);text-shadow:0 0 14px #a85cff;animation:v11Glyph 5s ease-in-out infinite}
.site-intro-v11 .divine-glyphs i:nth-child(1){left:31%;top:27%;font-size:17px}.site-intro-v11 .divine-glyphs i:nth-child(2){left:68%;top:29%;font-size:13px;animation-delay:1s}.site-intro-v11 .divine-glyphs i:nth-child(3){left:24%;top:62%;font-size:12px;animation-delay:1.7s}.site-intro-v11 .divine-glyphs i:nth-child(4){left:75%;top:60%;font-size:16px;animation-delay:2.3s}.site-intro-v11 .divine-glyphs i:nth-child(5){left:42%;top:15%;font-size:11px;animation-delay:.7s}.site-intro-v11 .divine-glyphs i:nth-child(6){left:58%;top:72%;font-size:10px;animation-delay:2.8s}
.site-intro-v11 .intro-stars-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.site-intro-v11 .divine-sweep{position:absolute;z-index:5;width:35vw;height:1px;background:linear-gradient(90deg,transparent,rgba(248,230,255,.9),transparent);box-shadow:0 0 20px #a85cff;opacity:0;transform-origin:left center;pointer-events:none}
.site-intro-v11 .sweep-a{left:-40vw;top:28%;animation:v11Sweep 4.8s ease-in-out .5s infinite}.site-intro-v11 .sweep-b{left:-30vw;top:66%;animation:v11Sweep 6.2s ease-in-out 2s infinite reverse}
.site-intro-v11 .intro-copy-v11{position:absolute;left:50%;top:43%;transform:translate(-50%,calc(-50% + min(27vw,300px)));width:min(90vw,900px);text-align:center;z-index:8;opacity:0;animation:v11Copy 1.8s cubic-bezier(.16,.82,.2,1) 1.25s forwards}
.site-intro-v11 .intro-overline{display:block;font:600 clamp(7px,.65vw,10px) 'DM Sans',sans-serif;letter-spacing:clamp(2px,.5vw,6px);color:rgba(242,225,255,.62);margin-bottom:13px}.site-intro-v11 h1{margin:0;font:500 clamp(25px,3.8vw,56px)/1.1 Cinzel,Georgia,serif;letter-spacing:clamp(2px,.55vw,8px);text-shadow:0 0 26px rgba(194,132,255,.3)}.site-intro-v11 h1 b{font-weight:400;opacity:.4;margin:0 .12em}.site-intro-v11 p{margin:12px 0 0;font:600 clamp(6px,.7vw,10px) 'DM Sans',sans-serif;letter-spacing:clamp(3px,.7vw,8px);color:rgba(230,207,248,.55)}
.site-intro-v11 .intro-enter-v11{margin-top:28px;display:inline-flex;align-items:center;gap:15px;padding:13px 22px;border:1px solid rgba(231,207,255,.38);background:rgba(12,5,23,.42);color:#fff;border-radius:999px;cursor:pointer;backdrop-filter:blur(10px);font:700 9px 'DM Sans',sans-serif;letter-spacing:3px;box-shadow:0 0 30px rgba(137,52,232,.12),inset 0 0 18px rgba(255,255,255,.03);transition:.35s}.site-intro-v11 .intro-enter-v11:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.85);box-shadow:0 0 45px rgba(160,73,255,.38),inset 0 0 22px rgba(255,255,255,.07)}.site-intro-v11 .enter-star{font-size:10px;color:#d8a9ff;text-shadow:0 0 12px #a85cff}
.site-intro-v11 .intro-skip-v11{position:absolute;right:24px;bottom:20px;z-index:9;border:0;background:transparent;color:rgba(232,216,248,.45);font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;cursor:pointer;padding:12px}.site-intro-v11 .intro-skip-v11:hover{color:#fff}.site-intro-v11 .intro-skip-v11 span{color:#a975d5}.site-intro-v11 .intro-corner{position:absolute;z-index:8;color:rgba(203,175,225,.25);font:600 7px 'DM Sans',sans-serif;letter-spacing:3px}.site-intro-v11 .corner-tl{left:25px;top:22px}.site-intro-v11 .corner-br{right:25px;bottom:23px}
.site-intro-v11.awakened .divine-core{transform:translate(-50%,-50%) scale(1.06)}.site-intro-v11.leaving{animation:v11Exit 1.05s cubic-bezier(.65,0,.2,1) forwards;pointer-events:none}.site-intro-v11.leaving .divine-backdrop{animation:v11ExitCore 1.05s ease forwards}.site-intro-v11.leaving .intro-copy-v11{animation:v11ExitCopy .55s ease forwards}
@keyframes v11Aura{0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.72}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes v11Core{0%,100%{transform:translate(-50%,-50%) scale(.85);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.18);opacity:1}}@keyframes v11Rays{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v11Ring1{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v11Ring2{0%{transform:translate(-50%,-50%) rotate(15deg)}100%{transform:translate(-50%,-50%) rotate(375deg)}}@keyframes v11Ring3{0%{transform:translate(-50%,-50%) rotate(-24deg)}100%{transform:translate(-50%,-50%) rotate(336deg)}}@keyframes v11Ring4{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes v11CoreFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}@keyframes v11CoreHalo{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes v11Diamond{0%,100%{transform:rotate(0) scale(.94)}50%{transform:rotate(45deg) scale(1.08)}}@keyframes v11Glyph{0%,100%{transform:translateY(0) rotate(0);opacity:.35}50%{transform:translateY(-14px) rotate(12deg);opacity:1}}@keyframes v11Sweep{0%{transform:translateX(0) scaleX(.1);opacity:0}15%{opacity:.75}55%{opacity:.5}100%{transform:translateX(180vw) scaleX(1);opacity:0}}@keyframes v11Copy{0%{opacity:0;transform:translate(-50%,calc(-50% + min(27vw,330px))) scale(.97);filter:blur(9px)}100%{opacity:1;transform:translate(-50%,calc(-50% + min(27vw,300px))) scale(1);filter:blur(0)}}@keyframes v11Exit{to{opacity:0;transform:scale(1.04);visibility:hidden}}@keyframes v11ExitCore{to{transform:scale(1.12);filter:blur(10px);opacity:0}}@keyframes v11ExitCopy{to{opacity:0;transform:translate(-50%,calc(-50% + min(27vw,270px))) translateY(12px);filter:blur(5px)}}
@media(max-width:700px){
 .site-intro-v11 .divine-core{top:40%;width:132px;height:132px}.site-intro-v11 .divine-aura.aura-a{width:280px;height:280px}.site-intro-v11 .divine-aura.aura-c{width:180px;height:180px}.site-intro-v11 .divine-rays{top:40%;width:430px;height:430px}.site-intro-v11 .divine-ring{top:40%}.site-intro-v11 .ring-1{width:190px;height:190px}.site-intro-v11 .ring-2{width:285px;height:135px}.site-intro-v11 .ring-3{width:360px;height:145px}.site-intro-v11 .ring-4{width:410px;height:410px}.site-intro-v11 .intro-copy-v11{top:40%;transform:translate(-50%,150px);width:94vw}.site-intro-v11 .intro-overline{font-size:6px;letter-spacing:2px}.site-intro-v11 h1{font-size:24px;letter-spacing:2px}.site-intro-v11 p{font-size:6px;letter-spacing:2.5px;line-height:1.7}.site-intro-v11 .intro-enter-v11{margin-top:20px;padding:12px 17px;font-size:8px;letter-spacing:2px}.site-intro-v11 .intro-corner{font-size:6px}.site-intro-v11 .corner-tl{left:14px;top:14px}.site-intro-v11 .corner-br{right:14px;bottom:14px}.site-intro-v11 .intro-skip-v11{right:7px;bottom:7px;font-size:6px}.site-intro-v11 .divine-glyphs i:nth-child(1){left:18%;top:25%}.site-intro-v11 .divine-glyphs i:nth-child(2){left:77%;top:28%}.site-intro-v11 .divine-glyphs i:nth-child(3){left:13%;top:59%}.site-intro-v11 .divine-glyphs i:nth-child(4){left:84%;top:56%}.site-intro-v11 .divine-glyphs i:nth-child(5){left:38%;top:12%}.site-intro-v11 .divine-glyphs i:nth-child(6){left:62%;top:69%}
}
@media(prefers-reduced-motion:reduce){.site-intro-v11 .divine-ring,.site-intro-v11 .divine-rays,.site-intro-v11 .divine-core,.site-intro-v11 .core-halo,.site-intro-v11 .core-diamond,.site-intro-v11 .divine-aura,.site-intro-v11 .divine-glyphs i,.site-intro-v11 .divine-sweep{animation-duration:1.8s!important}.site-intro-v11 .intro-copy-v11{animation-duration:.8s!important}}


/* =========================================================
   V12 — MOON + CONSTELLATION INTRO
   Lightweight, desktop-first, touch friendly and always animated.
   ========================================================= */
.site-intro-v12{position:fixed;inset:0;z-index:99999;overflow:hidden;isolation:isolate;background:#020107;color:#f8efff;opacity:1;visibility:visible;display:block;cursor:default;transition:opacity .9s cubic-bezier(.16,.8,.2,1),visibility .9s;}
.site-intro-v12.leaving{opacity:0;visibility:hidden;pointer-events:none}
.site-intro-v12 *{box-sizing:border-box}
.v12-starfield{position:absolute;inset:-10%;opacity:.78;background-image:radial-gradient(circle at 8% 18%,rgba(255,255,255,.95) 0 1px,transparent 1.8px),radial-gradient(circle at 24% 74%,rgba(207,163,255,.8) 0 1px,transparent 1.7px),radial-gradient(circle at 46% 27%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 71% 15%,rgba(210,170,255,.85) 0 1px,transparent 1.7px),radial-gradient(circle at 88% 66%,rgba(255,255,255,.8) 0 1px,transparent 1.8px),radial-gradient(circle at 64% 87%,rgba(190,132,255,.7) 0 1px,transparent 1.8px);background-size:170px 190px,220px 230px,260px 250px,190px 210px,230px 220px,250px 260px;animation:v12Stars 28s linear infinite;will-change:background-position}
.v12-starfield:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(100,36,180,.13),transparent 32%),linear-gradient(180deg,rgba(3,1,10,.12),rgba(2,1,7,.35))}
.v12-nebula{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}
.nebula-left{width:52vw;height:42vw;left:-25vw;top:15vh;background:rgba(90,26,190,.26);animation:v12NebulaA 9s ease-in-out infinite alternate}
.nebula-right{width:48vw;height:46vw;right:-23vw;bottom:-5vh;background:rgba(158,67,245,.22);animation:v12NebulaB 11s ease-in-out infinite alternate}
.v12-constellation{position:absolute;inset:0;width:100%;height:100%;z-index:3;display:block;pointer-events:none;opacity:.95}
.v12-orbit{position:absolute;left:50%;top:42%;border:1px solid rgba(214,181,255,.22);border-radius:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;box-shadow:0 0 22px rgba(126,48,220,.08),inset 0 0 22px rgba(126,48,220,.05);will-change:transform}
.v12-orbit span{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px rgba(188,112,255,.8);left:50%;top:-3px;transform:translateX(-50%)}
.orbit-a{width:min(52vw,720px);height:min(20vw,280px);animation:v12OrbitA 13s linear infinite}
.orbit-b{width:min(39vw,560px);height:min(39vw,560px);animation:v12OrbitB 19s linear infinite reverse;transform:translate(-50%,-50%) rotate(58deg)}
.orbit-c{width:min(27vw,390px);height:min(11vw,160px);animation:v12OrbitC 8s linear infinite;transform:translate(-50%,-50%) rotate(-24deg)}
.v12-moon{position:absolute;left:50%;top:42%;width:min(170px,13vw);height:min(170px,13vw);min-width:108px;min-height:108px;transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center;animation:v12MoonFloat 5s ease-in-out infinite}
.moon-halo{position:absolute;inset:-55%;border-radius:50%;background:radial-gradient(circle,rgba(215,171,255,.27) 0 12%,rgba(135,61,226,.12) 30%,transparent 68%);filter:blur(5px);animation:v12Halo 3.6s ease-in-out infinite}
.moon-body{position:relative;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle at 36% 31%,#fff 0 7%,#eee0ff 25%,#bd91eb 58%,#7440a7 100%);box-shadow:0 0 16px rgba(255,246,255,.9),0 0 38px rgba(172,94,255,.75),inset -12px -10px 22px rgba(40,10,74,.34);overflow:hidden}
.moon-body:before{content:"";position:absolute;width:40%;height:40%;right:10%;top:18%;border-radius:50%;background:rgba(106,59,142,.2);box-shadow:-38px 24px 0 -11px rgba(92,43,133,.18),-22px -8px 0 -14px rgba(255,255,255,.15)}
.moon-cut{position:absolute;width:78%;height:105%;right:-35%;top:-2%;border-radius:50%;background:#07030e;box-shadow:inset 10px 0 12px rgba(181,111,255,.22)}
.moon-body i,.moon-body b{position:absolute;border-radius:50%;background:rgba(255,255,255,.42);width:4px;height:4px;left:25%;top:57%;box-shadow:0 0 8px rgba(255,255,255,.5)}
.moon-body b{width:3px;height:3px;left:48%;top:28%}
.moon-star{position:absolute;font-size:clamp(22px,2.3vw,38px);color:#fff;right:-1%;top:8%;text-shadow:0 0 12px #fff,0 0 30px #bd75ff;animation:v12StarPulse 2.2s ease-in-out infinite}
.v12-constellation-name{position:absolute;z-index:5;left:50%;top:17%;transform:translateX(-50%);font:600 clamp(6px,.55vw,9px) 'DM Sans',sans-serif;letter-spacing:clamp(3px,.65vw,7px);color:rgba(226,205,255,.45);white-space:nowrap;animation:v12FadeUp 1.4s ease .3s both}
.v12-copy{position:absolute;z-index:8;left:50%;top:68%;transform:translate(-50%,-50%);width:min(90vw,850px);text-align:center;pointer-events:none;animation:v12CopyIn 1.5s cubic-bezier(.16,.8,.2,1) .7s both}
.v12-kicker{font:700 clamp(7px,.62vw,10px) 'DM Sans',sans-serif;letter-spacing:clamp(3px,.65vw,7px);color:rgba(235,216,255,.65)}
.v12-kicker span{color:#d9a9ff;text-shadow:0 0 15px #a952ff}
.v12-copy h1{margin:13px 0 8px;font:500 clamp(31px,4vw,64px)/.98 Cinzel,Georgia,serif;letter-spacing:clamp(2px,.35vw,5px);text-shadow:0 0 28px rgba(181,111,255,.25);}
.v12-copy h1 em{font-style:normal;color:#dcbaff;text-shadow:0 0 25px rgba(168,81,255,.5)}
.v12-copy p{margin:0;color:rgba(232,218,247,.56);font:500 clamp(8px,.72vw,11px) 'DM Sans',sans-serif;letter-spacing:clamp(2px,.35vw,4px)}
.v12-enter{pointer-events:auto;margin-top:22px;min-height:43px;padding:11px 19px;border-radius:999px;border:1px solid rgba(220,190,255,.48);background:rgba(10,4,20,.55);color:#fff;cursor:pointer;font:700 8px 'DM Sans',sans-serif;letter-spacing:2.7px;box-shadow:0 0 28px rgba(143,55,226,.16),inset 0 0 16px rgba(255,255,255,.025);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.v12-enter b{margin-left:8px;color:#d9a6ff}.v12-enter:hover{transform:translateY(-3px) scale(1.035);border-color:#fff;box-shadow:0 0 45px rgba(170,76,255,.4),inset 0 0 20px rgba(255,255,255,.06)}.v12-enter:active{transform:scale(.97)}
.enter-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#fff;box-shadow:0 0 10px #c070ff;animation:v12Dot 1.6s ease-in-out infinite}
.v12-skip{position:absolute;z-index:9;right:22px;bottom:19px;border:0;background:none;color:rgba(230,211,249,.45);cursor:pointer;padding:10px;font:600 7px 'DM Sans',sans-serif;letter-spacing:2px;transition:color .2s ease}.v12-skip:hover{color:#fff}.v12-skip span{color:#c98cff}
.v12-corner{position:absolute;z-index:7;bottom:23px;color:rgba(226,205,255,.24);font:600 6px 'DM Sans',sans-serif;letter-spacing:2px}.corner-left{left:22px}.corner-right{right:22px;top:23px;bottom:auto}
.v12-sacred-line{position:absolute;z-index:4;width:22vw;height:1px;background:linear-gradient(90deg,transparent,rgba(214,178,255,.5),transparent);opacity:.55;transform-origin:center;animation:v12Line 4s ease-in-out infinite}.line-top{left:2%;top:23%}.line-bottom{right:2%;bottom:23%;animation-delay:1.5s}
@keyframes v12Stars{to{background-position:45px -38px,-55px 48px,38px -32px,-42px 35px,55px -45px,-35px 42px}}
@keyframes v12NebulaA{to{transform:translate3d(8vw,-4vh,0) scale(1.14);opacity:.75}}@keyframes v12NebulaB{to{transform:translate3d(-7vw,5vh,0) scale(1.12);opacity:.72}}
@keyframes v12OrbitA{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes v12OrbitB{to{transform:translate(-50%,-50%) rotate(302deg)}}@keyframes v12OrbitC{to{transform:translate(-50%,-50%) rotate(336deg)}}
@keyframes v12MoonFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes v12Halo{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.1);opacity:1}}@keyframes v12StarPulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes v12Dot{50%{transform:scale(1.7);box-shadow:0 0 17px #d095ff}}@keyframes v12FadeUp{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes v12CopyIn{from{opacity:0;transform:translate(-50%,calc(-50% + 22px));filter:blur(7px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}@keyframes v12Line{0%,100%{transform:scaleX(.3);opacity:.2}50%{transform:scaleX(1);opacity:.7}}

/* Keep the animation alive on desktop and mobile even if the OS requests reduced motion. */
@media(prefers-reduced-motion:reduce){.v12-starfield,.v12-nebula,.v12-orbit,.v12-moon,.moon-halo,.moon-star,.v12-constellation-name,.v12-copy,.enter-dot,.v12-sacred-line{animation-duration:initial!important;animation-iteration-count:infinite!important}.v12-copy{animation:v12CopyIn 1.5s cubic-bezier(.16,.8,.2,1) .7s both!important}.v12-constellation-name{animation:v12FadeUp 1.4s ease .3s both!important}}

@media(max-width:700px){
  .v12-starfield{opacity:.7;background-size:130px 160px,170px 190px,190px 190px,150px 170px,180px 180px,200px 210px}
  .v12-nebula{filter:blur(48px)}.nebula-left{width:72vw;height:62vw}.nebula-right{width:68vw;height:60vw}
  .v12-orbit{top:39%}.orbit-a{width:92vw;height:34vw}.orbit-b{width:76vw;height:76vw}.orbit-c{width:55vw;height:23vw}
  .v12-moon{top:39%;width:118px;height:118px;min-width:118px;min-height:118px}.moon-star{font-size:27px}
  .v12-constellation-name{top:10%;letter-spacing:3px}.v12-copy{top:68%;width:calc(100% - 28px)}.v12-copy h1{font-size:clamp(29px,10vw,44px);letter-spacing:1px}.v12-copy p{font-size:8px;letter-spacing:2px}.v12-enter{min-height:44px;padding:12px 16px;font-size:7px;letter-spacing:2px}
  .v12-sacred-line{width:34vw}.corner-left{left:12px;bottom:12px}.corner-right{right:12px;top:12px}.v12-skip{right:10px;bottom:10px;font-size:6px}
}
@media(max-width:380px){.v12-moon{width:100px;height:100px;min-width:100px;min-height:100px}.v12-copy{top:69%}.v12-copy h1{font-size:28px}.v12-copy p{font-size:7px}.v12-enter{margin-top:17px}.v12-constellation-name{font-size:5px}}


/* =========================================================
   V13 PERFORMANCE LAYER — SOLO DISPOSITIVOS MÓVILES
   En PC se conserva el render original: partículas, blur y hover.
   ========================================================= */
@media (max-width:900px) and (hover:none){
  html{scroll-behavior:auto;text-rendering:optimizeSpeed}
  body{overscroll-behavior-x:none}
  img{content-visibility:auto}
  .series-card,.cosmic-btn,.chapter-pill,.cover,.cover-shine{will-change:auto}
  .search-overlay,.topbar,.cover-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
  .series-card:hover{transform:none;box-shadow:none}
  .series-card:hover .cover{transform:none;filter:none}
  .series-card:hover .cover-shine{transform:none}
  .series-card:hover .cover-overlay{opacity:1;transform:none}
  .cosmic-btn:hover,.chapter-pill:hover{transform:none;box-shadow:none}
  .topbar{background:rgba(5,4,10,.94)}
  .hero-orbit:before{filter:none}
  .series-card{animation-duration:.45s}
  .cover{transition:transform .35s ease}
  .collection,.portal{contain:layout paint}
}
@media (max-width:620px){
  html{scroll-behavior:auto}
  .site-noise{display:none}
  #pageConstellationCanvas{opacity:.28}
  .topbar{backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-orbit{overflow:clip}
  .hero-copy{contain:content}
  .series-card{contain:layout paint;box-shadow:0 8px 28px rgba(0,0,0,.16)}
  .cover-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
  .search-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Very old / low-memory devices: keep the identity, remove expensive effects. */
@media (max-width:420px){
  .v12-nebula{display:none}
  .v12-starfield{animation:none}
  .moon-halo{filter:none}
  .search-overlay:before,.search-overlay:after{display:none}
  .portal-orbit{display:none}
  .cosmos-rings{box-shadow:none}
  .cosmos-core{box-shadow:0 0 34px rgba(130,50,226,.24),inset 0 0 22px rgba(176,94,255,.16)}
}
/* If the browser genuinely asks for reduced motion, remain usable and calm. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* =========================================================
   NOVELAS / TOUCH STATUS WINDOW
   ========================================================= */
.novels-section{position:relative;max-width:1220px;margin:0 auto;padding:100px 26px 120px;overflow:hidden}
.novels-section:before{content:"";position:absolute;inset:10% 5% 15%;border:1px solid rgba(191,145,255,.08);border-radius:50%;pointer-events:none}
.novels-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px;position:relative;z-index:2}
.novels-head h2{margin:12px 0 8px;font-size:clamp(38px,5vw,66px);letter-spacing:-2px}
.novels-head h2 span{opacity:.28;font-weight:300}
.novels-head p{max-width:620px;margin:0;color:rgba(235,226,248,.58);font-size:13px;line-height:1.8}
.novels-code{font-size:8px;letter-spacing:3px;text-align:right;color:rgba(220,195,255,.45);line-height:1.8;white-space:nowrap}
.novels-code strong{display:block;font-size:28px;line-height:1;color:#ead9ff;letter-spacing:0;margin-bottom:4px}
.novel-stage{position:relative;min-height:650px;display:grid;place-items:center;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:36px;cursor:grab}
.novel-stage:active{cursor:grabbing}
.novel-stage:before{content:"";position:absolute;width:min(78vw,760px);height:min(78vw,760px);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.17),rgba(100,70,180,.06) 38%,transparent 70%);filter:blur(5px);z-index:-2}
.novel-aura{position:absolute;width:520px;height:520px;border:1px solid rgba(214,181,255,.1);border-radius:50%;box-shadow:0 0 100px rgba(139,92,246,.12),inset 0 0 80px rgba(139,92,246,.06);animation:novelAura 8s ease-in-out infinite;z-index:-1}
.novel-orbit{position:absolute;border:1px solid rgba(211,180,255,.11);border-radius:50%;pointer-events:none}
.novel-orbit-a{width:660px;height:270px;transform:rotate(-18deg);animation:novelOrbit 18s linear infinite}
.novel-orbit-b{width:730px;height:310px;transform:rotate(28deg);animation:novelOrbit 24s linear infinite reverse}
.novel-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:83px 79px;opacity:.16;mask-image:radial-gradient(circle at center,black,transparent 72%);pointer-events:none}
.novel-status-window{width:min(900px,92vw);display:grid;grid-template-columns:minmax(270px,390px) 1fr;gap:42px;align-items:center;padding:28px;border:1px solid rgba(216,186,255,.25);background:linear-gradient(135deg,rgba(20,13,35,.94),rgba(10,8,20,.84));box-shadow:0 25px 90px rgba(0,0,0,.55),0 0 70px rgba(139,92,246,.12),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .55s ease}
.novel-status-window.is-next{animation:novelShiftNext .62s cubic-bezier(.16,.8,.2,1)}
.novel-status-window.is-prev{animation:novelShiftPrev .62s cubic-bezier(.16,.8,.2,1)}
.novel-status-top{grid-column:1/-1;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:3px;color:rgba(224,199,255,.55)}
.novel-status-top i{height:1px;flex:1;background:linear-gradient(90deg,rgba(211,176,255,.25),transparent)}
.novel-visual{height:420px;position:relative;display:grid;place-items:center}
.novel-ring{position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid rgba(201,166,255,.16);box-shadow:0 0 45px rgba(139,92,246,.1);animation:novelSpin 22s linear infinite}
.novel-ring:before,.novel-ring:after{content:"✦";position:absolute;color:rgba(238,220,255,.75);font-size:10px}
.novel-ring:before{left:20px;top:45px}.novel-ring:after{right:28px;bottom:50px}
.novel-image-frame{width:260px;height:360px;position:relative;overflow:hidden;border:1px solid rgba(232,211,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(139,92,246,.12);transform:perspective(900px) rotateY(-5deg);background:linear-gradient(135deg,#171024,#08060e)}
.novel-image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-120%);animation:novelShine 6s ease-in-out infinite;pointer-events:none}
.novel-image-frame img{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.novel-sigil{position:absolute;bottom:7px;right:calc(50% - 150px);width:38px;height:38px;border:1px solid rgba(230,205,255,.3);border-radius:50%;display:grid;place-items:center;background:rgba(10,7,17,.8);color:#ead9ff;z-index:2;font-size:13px;box-shadow:0 0 22px rgba(139,92,246,.18)}
.novel-info{padding:0 8px 10px 0}
.novel-label{font-size:8px;letter-spacing:3px;color:rgba(210,181,247,.45)}
.novel-info h3{font-size:clamp(30px,4vw,50px);line-height:1.03;margin:12px 0 16px;letter-spacing:-1.4px}
.novel-info p{max-width:420px;color:rgba(235,226,248,.58);font-size:12px;line-height:1.8;margin:0 0 28px}
.novel-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:8px;letter-spacing:2px;color:rgba(229,208,255,.5)}
.novel-meta span:first-child{color:#d9b9ff;border:1px solid rgba(192,150,255,.22);padding:8px 11px;background:rgba(139,92,246,.07)}
.novel-swipe-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:rgba(230,209,255,.36);white-space:nowrap;animation:novelHint 2.5s ease-in-out infinite}
.novel-swipe-hint span{font-size:15px;margin-right:8px}
.novel-progress{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:min(280px,55vw);height:1px;background:rgba(214,181,255,.08);overflow:hidden}
.novel-progress:after{content:"";display:block;height:100%;width:0;background:rgba(224,196,255,.7);box-shadow:0 0 10px rgba(196,153,255,.7)}
.novel-progress.playing:after{animation:novelProgress 8s linear forwards}
@keyframes novelShiftNext{0%{opacity:1;transform:translateX(0) scale(1)}35%{opacity:0;transform:translateX(-42px) scale(.98);filter:blur(4px)}65%{opacity:0;transform:translateX(42px) scale(.98);filter:blur(4px)}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes novelShiftPrev{0%{opacity:1;transform:translateX(0) scale(1)}35%{opacity:0;transform:translateX(42px) scale(.98);filter:blur(4px)}65%{opacity:0;transform:translateX(-42px) scale(.98);filter:blur(4px)}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes novelAura{50%{transform:scale(1.06) rotate(4deg);opacity:.7}100%{transform:scale(1) rotate(0)}}
@keyframes novelOrbit{to{transform:rotate(342deg)}}
@keyframes novelSpin{to{transform:rotate(360deg)}}
@keyframes novelShine{0%,35%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
@keyframes novelHint{50%{opacity:.75;transform:translateX(-50%) translateY(-4px)}}
@keyframes novelProgress{from{width:0}to{width:100%}}
@media(max-width:760px){
  .novels-section{padding:70px 14px 90px}.novels-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}.novels-code{display:none}.novel-stage{min-height:620px}.novel-status-window{width:min(94vw,520px);grid-template-columns:1fr;gap:12px;padding:18px 18px 28px}.novel-status-top{margin-bottom:0}.novel-visual{height:350px}.novel-ring{width:315px;height:315px}.novel-image-frame{width:210px;height:292px}.novel-sigil{right:calc(50% - 120px);bottom:16px}.novel-info{padding:0 8px;text-align:center}.novel-info p{margin-left:auto;margin-right:auto}.novel-meta{justify-content:center}.novel-swipe-hint{bottom:24px}.novel-progress{bottom:9px}
}
@media(prefers-reduced-motion:reduce){.novel-aura,.novel-orbit,.novel-ring,.novel-image-frame:after,.novel-swipe-hint{animation:none}.novel-status-window{transition:none}}

.novel-swipe-hint.hidden{opacity:0;transition:opacity .35s ease}


/* =========================================================
   OMNISCIENT SCAN — TYPOGRAPHY V15
   Every informational text gets its own visual hierarchy.
   ========================================================= */
:root{
  --type-main:#e7d8ff;
  --type-bright:#f2e9ff;
  --type-purple:#b878ff;
  --type-lilac:#d5a8ff;
  --type-muted:#a998b7;
  --type-dim:#756680;
  --type-line:rgba(177,105,255,.34);
  --type-glow:rgba(155,73,255,.34);
}

/* Base reading text: no more flat white */
body{font-family:'Space Grotesk','DM Sans',sans-serif;color:var(--type-main)}
body p, body li{color:var(--type-muted)}

/* Main hierarchy */
.hero h1,
.collection-head h2,
.novels-head h2,
.novel-info h3,
.portal h2,
.search-box h2,
.empty-card h3,
.card-body h3{
  font-family:'Cinzel',Georgia,serif !important;
  color:transparent !important;
  background:linear-gradient(110deg,#9d62df 0%,#ead8ff 22%,#b878ff 45%,#f0dfff 64%,#9254d4 86%,#d7b2ff 100%) !important;
  background-size:260% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-stroke:1px rgba(198,143,255,.20);
  text-shadow:none !important;
  filter:drop-shadow(0 0 9px rgba(155,73,255,.22));
  animation:typeGradient 7s ease-in-out infinite, typeFloat 5s ease-in-out infinite !important;
}

/* Animated contour surrounding important headings */
.hero h1,.collection-head h2,.novels-head h2,.novel-info h3,.portal h2,.search-box h2,.empty-card h3,.card-body h3{isolation:isolate}
.hero h1::after,.collection-head h2::after,.novels-head h2::after,.novel-info h3::after,.portal h2::after,.search-box h2::after,.empty-card h3::after,.card-body h3::after{
  content:"" !important;
  position:absolute !important;
  inset:-9px -14px !important;
  z-index:-1 !important;
  border:1px solid rgba(184,120,255,.20) !important;
  border-radius:10px !important;
  background:linear-gradient(90deg,transparent,rgba(174,91,255,.10),transparent) !important;
  box-shadow:0 0 18px rgba(143,58,230,.08),inset 0 0 16px rgba(143,58,230,.04) !important;
  opacity:.55 !important;
  transform:scale(.985) !important;
  animation:typeContour 5s ease-in-out infinite !important;
  pointer-events:none !important;
}

/* Emphasis words inherit the animated system instead of becoming static */
.hero h1 em,.portal h2 em,.search-box h2 em,.featured-word{
  color:transparent !important;
  background:linear-gradient(90deg,#a35be9,#f0cfff,#ad6cf2,#e4baff) !important;
  background-size:220% auto !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  text-shadow:none !important;
  animation:typeAccent 4.5s ease-in-out infinite !important;
}

/* Section labels: technical/futuristic */
.section-kicker,.card-topline,.card-index,.collection-count span,.novels-code,.novel-status-top,.novel-label,.novel-meta,.search-modal-code,.search-status,.search-modal-foot,.footer-coord,.footer-brand small{
  font-family:'Orbitron','Courier New',monospace !important;
  color:#a987c0 !important;
  text-shadow:0 0 7px rgba(169,105,255,.20) !important;
  animation:typeMicro 3.8s ease-in-out infinite !important;
}
.section-kicker{color:#bd7cff !important}
.section-kicker b,.collection-count span{color:#8d7897 !important}

/* Normal information: elegant and readable */
.hero-description,.collection-head>div>p,.novels-head>div>p,.synopsis,.novel-info p,.portal-copy p,.search-title-row p,.search-box>p,.search-empty,.no-chapters,footer p,.manifesto p{
  font-family:'Space Grotesk','Trebuchet MS',sans-serif !important;
  color:#a998b7 !important;
  text-shadow:0 0 10px rgba(134,75,171,.13) !important;
  animation:typeBody 6s ease-in-out infinite !important;
}

/* Navigation, controls and action labels */
nav a,.cosmic-btn,.search-orbit-hint,.novel-swipe-hint,.cover-overlay span,.cover-overlay b,.chapter-pill,.result-open,.v12-enter,.v12-skip{
  font-family:'Orbitron','Arial Narrow',sans-serif !important;
  color:#ad91bc !important;
  text-shadow:0 0 8px rgba(176,103,255,.18) !important;
  transition:color .35s ease,text-shadow .35s ease,letter-spacing .35s ease !important;
}
nav a:hover,nav a.active,.cosmic-btn:hover,.chapter-pill:hover{color:#e1c9ff !important;text-shadow:0 0 12px rgba(210,163,255,.48),0 0 24px rgba(157,76,239,.20) !important}

/* Card titles */
.card-body h3{font-size:clamp(18px,2vw,25px) !important;color:transparent !important}
.card-body h3::after{inset:-6px -9px !important;border-radius:8px !important}

/* Small metadata should still feel alive */
.hero-meta span,.hero-meta b,.constellation-label,.hero-side-text,.novel-swipe-hint,.search-orbit-hint,.portal-number,.footer-coord{
  font-family:'Orbitron','Courier New',monospace !important;
  color:#8f7a9c !important;
  text-shadow:0 0 9px rgba(167,92,255,.16) !important;
}
.hero-meta b{color:#c69aff !important}
.constellation-label{animation:typeMicro 4s ease-in-out infinite}

/* Intro text gets the same family, without disturbing its layout */
.v12-kicker,.v12-copy h1,.v12-copy p,.v12-enter,.v12-skip,.v12-constellation-name,.v12-corner{
  text-shadow:0 0 12px rgba(171,92,255,.24) !important;
}
.v12-copy h1{color:transparent !important;background:linear-gradient(100deg,#a55fe9,#f1ddff,#a967ed,#d9b1ff) !important;background-size:220% auto !important;-webkit-background-clip:text !important;background-clip:text !important;animation:typeGradient 6s ease-in-out infinite !important}
.v12-copy p,.v12-corner,.v12-constellation-name{color:#967fa4 !important}

/* Search result typography */
.result-info small,.result-info strong,.result-info>span,.result-number,.result-open,.search-empty-new strong,.search-empty-new p,.search-modal-foot{
  text-shadow:0 0 8px rgba(167,92,255,.16) !important;
}
.result-info strong,.search-empty-new strong{font-family:'Cinzel',Georgia,serif !important;color:#d8b8ee !important}
.result-info small,.result-number,.result-open{font-family:'Orbitron','Courier New',monospace !important;color:#9179a0 !important}
.result-info>span,.search-empty-new p{font-family:'Space Grotesk',sans-serif !important;color:#95869e !important}

/* Footer */
footer strong{font-family:'Cinzel',Georgia,serif !important;color:#c9a8e0 !important;text-shadow:0 0 12px rgba(170,91,255,.25) !important;animation:typeAccent 5s ease-in-out infinite !important}

@keyframes typeGradient{0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 7px rgba(155,73,255,.16))}50%{background-position:100% 50%;filter:drop-shadow(0 0 15px rgba(189,113,255,.32))}}
@keyframes typeAccent{0%,100%{background-position:0% 50%;opacity:.84;filter:drop-shadow(0 0 6px rgba(172,91,255,.18))}50%{background-position:100% 50%;opacity:1;filter:drop-shadow(0 0 13px rgba(210,148,255,.38))}}
@keyframes typeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes typeContour{0%,100%{opacity:.28;transform:scale(.985)}50%{opacity:.70;transform:scale(1.008)}}
@keyframes typeMicro{0%,100%{opacity:.70;letter-spacing:inherit;text-shadow:0 0 6px rgba(169,105,255,.12)}50%{opacity:1;text-shadow:0 0 13px rgba(190,126,255,.34)}}
@keyframes typeBody{0%,100%{opacity:.78;text-shadow:0 0 7px rgba(124,78,167,.08)}50%{opacity:1;text-shadow:0 0 14px rgba(155,100,205,.20)}}

@media(prefers-reduced-motion:reduce){
  .hero h1,.collection-head h2,.novels-head h2,.novel-info h3,.portal h2,.search-box h2,.empty-card h3,.card-body h3,.hero h1 em,.portal h2 em,.search-box h2 em,.featured-word,.section-kicker,.card-topline,.card-index,.collection-count span,.novels-code,.novel-status-top,.novel-label,.novel-meta,.search-modal-code,.search-status,.search-modal-foot,.footer-coord,.footer-brand small,.hero-description,.collection-head>div>p,.novels-head>div>p,.synopsis,.novel-info p,.portal-copy p,.search-title-row p,.search-box>p,.search-empty,.no-chapters,footer p,.manifesto p,footer strong,.v12-copy h1{animation:none !important}
}

/* =========================================================
   SECCIONES MANHWAS / NOVELAS — TIPOGRAFÍA INTERACTIVA
   Letras individuales + contorno luminoso + respuesta al mouse/dedo.
   ========================================================= */
.collection-head .section-title-animated,
.novels-head .section-title-animated{
  position:relative;
  display:inline-block;
  color:#f0e4ff !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-stroke:1.15px rgba(207,159,255,.58);
  text-shadow:
    0 0 1px rgba(255,255,255,.7),
    0 0 8px rgba(155,76,255,.22),
    0 0 22px rgba(155,76,255,.10);
  filter:none !important;
  animation:sectionTitleBreath 5s ease-in-out infinite !important;
  isolation:isolate;
}

/* El contorno es de las letras, no una caja alrededor del título. */
.collection-head .section-title-animated::after,
.novels-head .section-title-animated::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-13px !important;
  top:auto !important;
  height:1px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent 0%,rgba(164,91,255,.15) 12%,rgba(218,177,255,.75) 50%,rgba(164,91,255,.15) 88%,transparent 100%) !important;
  box-shadow:0 0 10px rgba(172,93,255,.45) !important;
  opacity:.65 !important;
  transform-origin:center !important;
  animation:sectionLinePulse 3.6s ease-in-out infinite !important;
  z-index:-1 !important;
}

/* Cada letra puede reaccionar por separado. */
.section-title-animated .letter{
  display:inline-block;
  position:relative;
  color:#eee1ff;
  -webkit-text-stroke:1px rgba(202,148,255,.50);
  text-shadow:
    0 0 2px rgba(255,255,255,.45),
    0 0 8px rgba(151,72,255,.16);
  transform:translate3d(0,0,0) scale(1);
  transform-origin:50% 85%;
  transition:
    transform .42s cubic-bezier(.2,.85,.25,1),
    color .3s ease,
    -webkit-text-stroke-color .3s ease,
    text-shadow .3s ease,
    filter .3s ease;
  will-change:transform;
}

.section-title-animated .letter::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(221,183,255,0);
  box-shadow:0 0 0 rgba(190,115,255,0);
  transform:translateX(-50%) scale(0);
  transition:all .35s ease;
  pointer-events:none;
}

.section-title-animated .letter.is-hot,
.section-title-animated .letter:hover{
  color:#fff7ff;
  -webkit-text-stroke-color:rgba(224,181,255,.95);
  text-shadow:
    0 0 2px rgba(255,255,255,.95),
    0 0 9px rgba(205,143,255,.82),
    0 0 22px rgba(151,67,255,.52),
    0 0 38px rgba(122,46,220,.25);
  transform:translate3d(0,-7px,0) scale(1.075) rotateX(12deg);
  filter:brightness(1.15);
  z-index:5;
}

.section-title-animated .letter.is-hot::after,
.section-title-animated .letter:hover::after{
  background:rgba(232,202,255,.95);
  box-shadow:0 0 9px rgba(201,133,255,.85);
  transform:translateX(-50%) scale(1);
}

/* El separador / queda elegante y no salta con las letras. */
.section-title-animated > span{
  display:inline-block;
  color:rgba(197,145,255,.62) !important;
  -webkit-text-stroke:.7px rgba(184,124,255,.35);
  text-shadow:0 0 10px rgba(154,76,255,.28);
  transform:translateY(-1px);
}

/* Subtítulos: más finos, pero también con contorno y movimiento. */
.collection-head .section-subtitle-animated,
.novels-head .section-subtitle-animated{
  position:relative;
  display:block;
  max-width:680px;
  color:#b9a8c8 !important;
  font-family:'Space Grotesk','Trebuchet MS',sans-serif !important;
  font-size:13px;
  line-height:1.85;
  letter-spacing:.12px;
  -webkit-text-stroke:.35px rgba(188,137,231,.28);
  text-shadow:0 0 8px rgba(137,75,180,.12);
  animation:sectionSubtitleBreath 5.5s ease-in-out infinite !important;
}

.section-subtitle-animated .letter{
  display:inline-block;
  transform:translate3d(0,0,0);
  transition:
    transform .34s cubic-bezier(.2,.8,.25,1),
    color .28s ease,
    text-shadow .28s ease,
    -webkit-text-stroke-color .28s ease;
  will-change:transform;
}

.section-subtitle-animated .letter.is-hot,
.section-subtitle-animated .letter:hover{
  color:#e8d5fa;
  -webkit-text-stroke-color:rgba(214,168,250,.58);
  text-shadow:
    0 0 5px rgba(209,164,255,.55),
    0 0 13px rgba(145,70,220,.32);
  transform:translate3d(0,-3px,0) scale(1.035);
}

/* Barrido de luz muy fino bajo el subtítulo. */
.collection-head .section-subtitle-animated::after,
.novels-head .section-subtitle-animated::after{
  content:"";
  display:block;
  width:76px;
  height:1px;
  margin-top:9px;
  background:linear-gradient(90deg,rgba(187,117,255,.75),rgba(221,186,255,.28),transparent);
  box-shadow:0 0 9px rgba(161,79,238,.32);
  animation:sectionSubtitleLine 4.2s ease-in-out infinite;
  transform-origin:left center;
}

@keyframes sectionTitleBreath{
  0%,100%{text-shadow:0 0 1px rgba(255,255,255,.55),0 0 8px rgba(155,76,255,.20),0 0 20px rgba(155,76,255,.08)}
  50%{text-shadow:0 0 2px rgba(255,255,255,.8),0 0 12px rgba(183,111,255,.34),0 0 28px rgba(155,76,255,.15)}
}
@keyframes sectionLinePulse{
  0%,100%{opacity:.38;transform:scaleX(.82)}
  50%{opacity:.9;transform:scaleX(1)}
}
@keyframes sectionSubtitleBreath{
  0%,100%{opacity:.76}
  50%{opacity:1}
}
@keyframes sectionSubtitleLine{
  0%,100%{opacity:.42;transform:scaleX(.55)}
  50%{opacity:1;transform:scaleX(1.35)}
}

@media(max-width:700px){
  .collection-head .section-title-animated,
  .novels-head .section-title-animated{
    -webkit-text-stroke:.95px rgba(207,159,255,.58);
  }
  .section-title-animated .letter.is-hot,
  .section-title-animated .letter:hover{
    transform:translate3d(0,-5px,0) scale(1.045);
  }
}

@media(prefers-reduced-motion:reduce){
  .collection-head .section-title-animated,
  .novels-head .section-title-animated,
  .collection-head .section-title-animated::after,
  .novels-head .section-title-animated::after,
  .collection-head .section-subtitle-animated,
  .novels-head .section-subtitle-animated,
  .collection-head .section-subtitle-animated::after,
  .novels-head .section-subtitle-animated::after{
    animation:none !important;
  }
  .section-title-animated .letter,
  .section-subtitle-animated .letter{
    transition:none !important;
  }
}


/* =========================================================
   OBRAS MÁS APOYADAS — ARCHIVO HOGYOKU
   Inspiración visual: ilusión, reiatsu y elegancia oscura.
   ========================================================= */
.collection-body{
  display:grid;
  grid-template-columns:minmax(0,2.05fr) minmax(300px,.95fr);
  gap:34px;
  align-items:stretch;
}
.collection-body .series-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.popular-panel{
  position:relative;
  min-height:100%;
  padding:25px 24px 22px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 35%,rgba(123,48,190,.20),transparent 38%),
    linear-gradient(160deg,rgba(20,12,29,.96),rgba(7,5,11,.985));
  border:1px solid rgba(198,151,255,.20);
  box-shadow:inset 0 0 45px rgba(108,41,165,.06),0 20px 70px rgba(20,5,35,.20);
}
.popular-panel:before,
.popular-panel:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.popular-panel:before{inset:9px;border:1px solid rgba(205,165,255,.08);clip-path:polygon(0 0,100% 0,100% 72%,87% 100%,0 100%)}
.popular-panel:after{width:180%;height:90px;left:-40%;top:38%;background:linear-gradient(90deg,transparent,rgba(207,164,255,.045),transparent);transform:rotate(-18deg);animation:popularAtmosphere 7s ease-in-out infinite}
.popular-aura{position:absolute;width:260px;height:260px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(137,56,213,.17),rgba(137,56,213,.035) 42%,transparent 70%);filter:blur(3px);animation:popularAura 5s ease-in-out infinite;pointer-events:none;z-index:-1}
.popular-slice{position:absolute;left:-30%;width:160%;height:1px;background:linear-gradient(90deg,transparent,rgba(224,193,255,.5),transparent);opacity:.32;transform-origin:center;pointer-events:none}
.popular-slice-a{top:31%;transform:rotate(-22deg);animation:popularSliceA 6s ease-in-out infinite}
.popular-slice-b{top:66%;transform:rotate(19deg);animation:popularSliceB 8s ease-in-out infinite}
.popular-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:2}
.popular-kicker{display:block;font:500 7px/1 Inter,sans-serif;letter-spacing:3px;color:rgba(208,174,245,.54);text-shadow:0 0 10px rgba(176,101,255,.18)}
.popular-head h3{margin:12px 0 7px;font:600 clamp(25px,2.5vw,34px)/1.05 Cinzel,serif;letter-spacing:-.6px;color:#eadcf6;-webkit-text-stroke:.55px rgba(177,111,235,.38);text-shadow:0 0 12px rgba(172,89,255,.20),0 0 28px rgba(120,48,184,.12);animation:popularTitleBreath 4.8s ease-in-out infinite}
.popular-head p{margin:0;max-width:250px;color:rgba(202,187,211,.52);font:400 10px/1.6 Inter,sans-serif}
.popular-rank{margin-top:2px;padding:7px 9px;border:1px solid rgba(202,157,255,.18);font:600 7px Inter,sans-serif;letter-spacing:2px;color:rgba(222,194,251,.58);background:rgba(157,76,225,.045);box-shadow:0 0 20px rgba(137,54,208,.07);white-space:nowrap}
.popular-stage{position:relative;margin-top:20px;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;outline:none;touch-action:pan-y}
.popular-stage:focus-visible{box-shadow:0 0 0 1px rgba(201,151,255,.42)}
.popular-veil{position:absolute;inset:15% -10% 15%;background:radial-gradient(ellipse,rgba(174,91,255,.11),transparent 58%);filter:blur(10px);animation:popularVeil 5.5s ease-in-out infinite;pointer-events:none}
.popular-sigil{position:absolute;top:14px;right:8px;width:42px;height:42px;border:1px solid rgba(222,194,255,.20);border-radius:50%;display:grid;place-items:center;color:rgba(234,214,255,.70);font-size:13px;background:rgba(9,6,14,.76);box-shadow:0 0 25px rgba(155,75,231,.13);z-index:4;animation:popularSigil 8s linear infinite}
.popular-sigil:before,.popular-sigil:after{content:"";position:absolute;border:1px solid rgba(205,163,255,.12);border-radius:50%}
.popular-sigil:before{inset:-7px;animation:popularSigilRing 5s linear infinite reverse}
.popular-sigil:after{inset:6px;border-color:rgba(237,218,255,.10)}
.popular-cover{position:relative;width:min(220px,72%);aspect-ratio:3/4;display:block;margin:12px auto 0;overflow:hidden;border:1px solid rgba(218,190,255,.28);background:#09060e;box-shadow:0 25px 55px rgba(0,0,0,.52),0 0 32px rgba(130,47,199,.18);transform:perspective(900px) rotateY(-4deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s}
.popular-cover:before{content:"";position:absolute;inset:7px;border:1px solid rgba(230,207,255,.10);z-index:3;pointer-events:none}
.popular-cover:hover{transform:perspective(900px) rotateY(0) translateY(-5px) scale(1.015);border-color:rgba(223,192,255,.52);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 42px rgba(148,59,222,.28)}
.popular-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .8s}
.popular-cover:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}
.popular-cover-shine{position:absolute;inset:-20% 0;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.20) 50%,transparent 62%);transform:translateX(-125%);animation:popularShine 7s ease-in-out infinite;pointer-events:none;z-index:2}
.popular-placeholder{height:100%;display:grid;place-items:center;color:#b97aff;font-size:42px;background:radial-gradient(circle,rgba(141,57,227,.22),transparent 55%),#0b0810}
.popular-info{width:min(300px,90%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:17px;position:relative;z-index:3}
.popular-position{font:600 25px/1 Cinzel,serif;color:rgba(214,178,249,.48);text-shadow:0 0 14px rgba(174,89,255,.18)}
.popular-title-wrap{min-width:0}
.popular-label{display:block;font:500 6px/1 Inter,sans-serif;letter-spacing:2.4px;color:rgba(210,184,232,.38);margin-bottom:5px}
.popular-title-wrap a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee4f5;text-decoration:none;font:600 15px/1.25 Cinzel,serif;text-shadow:0 0 10px rgba(190,122,255,.16);transition:color .35s,text-shadow .35s,letter-spacing .35s}
.popular-title-wrap a:hover{color:#dcb9ff;letter-spacing:.15px;text-shadow:0 0 14px rgba(190,112,255,.45)}
.popular-visits{text-align:right;min-width:55px}
.popular-visits span{display:block;font:600 13px/1 Cinzel,serif;color:#cba1ef}
.popular-visits small{display:block;margin-top:4px;font:500 5px/1 Inter,sans-serif;letter-spacing:1.8px;color:rgba(204,181,220,.40)}
.popular-progress{position:relative;width:min(300px,90%);height:1px;margin:17px auto 0;background:rgba(220,188,255,.08);overflow:hidden}
.popular-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,transparent,#b86cff,#eed9ff,transparent);box-shadow:0 0 10px rgba(184,108,255,.75);animation:popularProgress 7s linear infinite}
.popular-hint{margin-top:13px;font:500 6px/1 Inter,sans-serif;letter-spacing:2.4px;color:rgba(209,184,227,.28);text-align:center;animation:popularHint 3s ease-in-out infinite}
.popular-empty{min-height:420px;display:grid;place-items:center;text-align:center;color:rgba(204,185,216,.42);font:400 11px Inter,sans-serif;border:1px dashed rgba(188,135,236,.12);margin-top:20px}
.popular-stage.is-changing .popular-cover{animation:popularChange .85s cubic-bezier(.4,0,.2,1)}
.popular-stage.is-changing .popular-info{animation:popularInfo .85s cubic-bezier(.4,0,.2,1)}

@keyframes popularAtmosphere{0%,100%{transform:translateX(-4%) rotate(-18deg);opacity:.18}50%{transform:translateX(10%) rotate(-18deg);opacity:.55}}
@keyframes popularAura{0%,100%{transform:translate(-50%,-50%) scale(.92);opacity:.62}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}
@keyframes popularSliceA{0%,100%{transform:translateX(-5%) rotate(-22deg);opacity:.16}50%{transform:translateX(8%) rotate(-22deg);opacity:.55}}
@keyframes popularSliceB{0%,100%{transform:translateX(5%) rotate(19deg);opacity:.12}50%{transform:translateX(-8%) rotate(19deg);opacity:.46}}
@keyframes popularTitleBreath{0%,100%{text-shadow:0 0 10px rgba(172,89,255,.17),0 0 26px rgba(120,48,184,.08)}50%{text-shadow:0 0 16px rgba(197,119,255,.36),0 0 34px rgba(120,48,184,.15)}}
@keyframes popularVeil{50%{transform:scale(1.12) translateY(-8px);opacity:.72}}
@keyframes popularSigil{to{transform:rotate(360deg)}}
@keyframes popularSigilRing{to{transform:rotate(-360deg)}}
@keyframes popularShine{0%,38%{transform:translateX(-125%)}58%,100%{transform:translateX(125%)}}
@keyframes popularProgress{from{width:0}to{width:100%}}
@keyframes popularHint{50%{opacity:.65;transform:translateY(-2px)}}
@keyframes popularChange{0%{opacity:1;transform:perspective(900px) rotateY(-4deg) translateX(0) scale(1);filter:blur(0)}42%{opacity:0;transform:perspective(900px) rotateY(-9deg) translateX(-28px) scale(.97);filter:blur(4px)}58%{opacity:0;transform:perspective(900px) rotateY(9deg) translateX(28px) scale(.97);filter:blur(4px)}100%{opacity:1;transform:perspective(900px) rotateY(-4deg) translateX(0) scale(1);filter:blur(0)}}
@keyframes popularInfo{0%{opacity:1;transform:translateX(0)}45%{opacity:0;transform:translateX(-18px)}60%{opacity:0;transform:translateX(18px)}100%{opacity:1;transform:translateX(0)}}

@media(max-width:1050px){
  .collection-body{grid-template-columns:minmax(0,1.7fr) minmax(270px,.9fr);gap:22px}
  .collection-body .series-grid{gap:18px}
  .popular-panel{padding:22px 18px 20px}
  .popular-stage{min-height:430px}
  .popular-cover{width:min(185px,75%)}
  .popular-info{grid-template-columns:auto 1fr;}
  .popular-visits{grid-column:2;text-align:left}
}
@media(max-width:900px){
  .collection-body{grid-template-columns:1fr;gap:30px}
  .collection-body .series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .popular-panel{min-height:540px}
  .popular-stage{min-height:470px}
  .popular-cover{width:min(220px,55%)}
  .popular-info{grid-template-columns:auto 1fr auto;width:min(390px,92%)}
  .popular-visits{grid-column:auto;text-align:right}
}
@media(max-width:620px){
  .collection-body{gap:24px}
  .collection-body .series-grid{grid-template-columns:1fr}
  .popular-panel{min-height:520px;padding:20px 16px 18px}
  .popular-head h3{font-size:27px}
  .popular-stage{min-height:440px}
  .popular-cover{width:min(205px,62%)}
  .popular-info{grid-template-columns:auto 1fr;gap:10px;width:94%}
  .popular-visits{grid-column:2;text-align:left}
  .popular-sigil{right:2px}
}
@media(prefers-reduced-motion:reduce){
  .popular-panel:after,.popular-aura,.popular-slice,.popular-head h3,.popular-sigil,.popular-sigil:before,.popular-cover-shine,.popular-progress span,.popular-hint,.popular-stage.is-changing .popular-cover,.popular-stage.is-changing .popular-info{animation:none!important}
}