@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&display=swap');
:root{--pink:#f5c9e6;--gold:#f2d18d;--line:#765b9d;--ink:#e8dafa}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px Georgia,serif;background:radial-gradient(ellipse at 50% 0,#483268 0,#1a1237 45%,#08091b 100%);background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 20px 30px,#fff 99%,transparent),radial-gradient(2px 2px at 90px 110px,#f6cfff 99%,transparent),radial-gradient(1px 1px at 160px 70px,#fff 99%,transparent);background-size:210px 170px}a{color:#ffd5f4}a:hover{color:#fff2b7}.shell{position:relative;max-width:1180px;margin:22px auto 50px;border:2px solid #b993cb;box-shadow:0 0 0 5px #201535,0 0 45px #bd78e855;background:#17122d}.topstrip{padding:8px 18px;background:#25183e;color:#e7c5e7;border-bottom:1px solid #a17cbe;display:flex;justify-content:space-between;font:11px Verdana,sans-serif}.hero{height:335px;position:relative;overflow:hidden;background:radial-gradient(circle at 52% 48%,#8963a8 0,#3a275b 32%,#120f31 75%);border-bottom:5px double #cba1cc;text-align:center}.hero:before{content:'';position:absolute;width:235px;height:235px;border-radius:50%;left:50%;top:17px;transform:translateX(-50%);background:#f8e6b4;box-shadow:0 0 28px #fff1c6,0 0 100px #e5bbff99}.hero:after{content:'';position:absolute;width:213px;height:213px;border-radius:50%;left:calc(50% + 42px);top:-3px;background:#473166;box-shadow:12px -10px 30px #473166}.hero .star{position:absolute;color:#ffeab8;font-size:26px;text-shadow:0 0 12px #fff}.s1{left:13%;top:18%}.s2{right:15%;top:23%}.s3{left:24%;bottom:20%}.s4{right:25%;bottom:12%}.hero-content{position:relative;z-index:2;padding-top:155px;text-shadow:0 2px 6px #180b33,0 0 22px #110c26}.eyebrow{font:12px Verdana,sans-serif;letter-spacing:5px;color:#fff1cf}.hero h1{font:700 clamp(35px,5.5vw,69px) 'Cinzel Decorative',Georgia,serif;color:#fff0d2;margin:8px 0 2px;letter-spacing:1px}.hero p{font:italic 16px Georgia;color:#f5c7e8;margin:0}.ribbon{background:linear-gradient(90deg,#4c2867,#8a4d8d,#4c2867);text-align:center;padding:10px;border-bottom:2px solid #a47cad;font:12px Verdana;letter-spacing:2px;color:#fff1d2}.columns{display:grid;grid-template-columns:205px minmax(0,1fr) 205px;gap:14px;padding:16px}.panel{background:linear-gradient(#29203f,#1c1731);border:1px solid #81649f;box-shadow:inset 0 0 0 3px #221934;margin-bottom:14px;padding:10px}.panel h2,.content h2{font:700 15px 'Cinzel Decorative',Georgia,serif;color:#f7dfad;margin:0 0 12px;text-align:center;border-bottom:1px solid #72538b;padding-bottom:9px}.menu a{display:block;margin:6px 0;text-decoration:none;color:#f5d6ec;background:linear-gradient(#5b3d78,#38254f);border:1px solid #a779b5;text-align:center;padding:9px 3px;font:12px Georgia;box-shadow:inset 0 1px #b898c655}.menu a:hover,.menu a.active{background:linear-gradient(#a76ca8,#66457f);color:white}.tiny{text-align:center;font:11px Verdana;line-height:1.7;color:#d7c5e7}.ornament{text-align:center;font-size:24px;color:#edc3f5;padding:7px}.content{min-height:520px;border:1px solid #8e6da8;padding:20px 24px;background:linear-gradient(#211933e8,#17142ce8)}.content h2{text-align:left;font-size:19px}.content p{line-height:1.8}.intro{font-style:italic;color:#f0d7ee}.separator{text-align:center;color:#e2b9d7;letter-spacing:12px;margin:17px 0}.section-title{font:700 15px Georgia;color:#f3d6a3;border-bottom:1px dotted #84699a;margin:18px 0 12px;padding-bottom:6px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{display:block;text-decoration:none;border:1px solid #795c97;background:#302343;padding:7px;text-align:center;color:#f3d7eb}.tile-art{height:100px;display:grid;place-items:center;background:radial-gradient(circle at center,#a279a5,#45305f 62%,#1b1633);font-size:44px;color:#f9e4bd;border:1px solid #9b76a8}.tile strong{display:block;font:12px Georgia;margin:8px 0 3px}.tile small{font:10px Verdana;color:#cdb5dd}.update{padding:11px 0;border-bottom:1px dotted #69517f;font-size:13px}.update time{color:#e8c693;font-weight:bold}.linklist a{display:block;padding:6px 0;border-bottom:1px dotted #5c4774;font-size:12px}.footer{text-align:center;padding:20px;background:#221936;border-top:3px double #a27eae;font:11px Verdana;color:#cbb9da;line-height:2}.note{font:11px Verdana;color:#bcaad1}.breadcrumbs{font:11px Verdana;color:#c8abd4;margin-bottom:16px}.album-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.album{border:1px solid #785f93;padding:14px;background:#2b203f;text-decoration:none}.album b{display:block;color:#f4dbb5;margin-bottom:7px}.album span{font-size:12px;color:#d6c6e0}.episode{border-bottom:1px dotted #6d5684;padding:10px 0}.episode b{color:#efd3aa}.callout{border:1px solid #896a9f;padding:13px;background:#302442;font-size:12px;line-height:1.7}@media(max-width:850px){.columns{grid-template-columns:160px minmax(0,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.right .panel{margin:0}.hero{height:300px}.hero-content{padding-top:150px}}@media(max-width:580px){.shell{margin:0;border:0}.columns{display:block;padding:10px}.left{display:grid;grid-template-columns:1fr 1fr;gap:8px}.left .panel{margin-bottom:8px}.left .panel:first-child{grid-column:1/-1}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.menu a{margin:0}.right{display:block}.right .panel{margin-bottom:10px}.hero{height:270px}.hero-content{padding-top:150px}.hero h1{font-size:34px}.eyebrow{font-size:9px}.content{padding:15px}.tiles{grid-template-columns:repeat(2,1fr)}.topstrip{font-size:9px}}
/* Additions for the complete site */
.searchbox{padding:12px;margin:15px 0;background:#302442;border:1px solid #785f93;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.searchbox input{background:#160f28;color:#f7e3f3;border:1px solid #b48cb9;padding:9px;flex:1;min-width:150px}.episode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.episode-link{border:1px solid #735a8f;background:#2b203f;padding:10px;text-decoration:none;color:#f3d6a3;font-size:12px}.episode-link span{display:block;color:#c9b5d8;font-size:10px;margin-top:6px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo{display:block;border:1px solid #795c97;background:#302343;padding:5px;text-decoration:none;text-align:center}.photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.photo span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px Verdana;padding:6px 2px}.tiny-left{font:12px Verdana;color:#d6c5e3}@media(max-width:650px){.episode-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}

/* Moonlight Sanctuary typography refresh - October 2026 */
:root{--font-royal:'Cinzel Decorative',Georgia,serif;--font-reading:Georgia,'Times New Roman',serif;--font-ui:'Trebuchet MS',Verdana,sans-serif}
body{font-family:var(--font-reading);font-size:15px}
.hero h1{font-family:var(--font-royal);font-size:clamp(34px,5.2vw,64px);line-height:1.22}
.panel h2,.content h2{font-family:var(--font-royal);line-height:1.5}
.menu a{font-family:var(--font-ui);font-size:13px;line-height:1.35;padding:10px 5px}
.linklist a{font-family:var(--font-ui);font-size:13px;line-height:1.45}
.tile strong,.album b,.section-title{font-family:var(--font-royal);line-height:1.5}
.tile strong{font-size:12px}
.album b{font-size:13px}
.content p{line-height:1.85}
.tiny{font-family:var(--font-ui);font-size:12px;line-height:1.65}
.breadcrumbs,.note,.tiny-left,.searchbox input{font-family:var(--font-ui)}
.episode-link{font-family:var(--font-ui);font-size:13px}
.photo span{font-family:var(--font-ui);font-size:11px}
@media(max-width:580px){.hero h1{font-size:clamp(28px,8vw,38px)}.menu a{font-size:12px}}

/* October 2026 final typography refinements */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');
.hero h1{font-size:clamp(32px,4.7vw,58px)}
.panel h2{font-family:'Cinzel',Georgia,serif;font-weight:700;letter-spacing:.2px}
.album b{font-size:15px}
.album span{font-size:14px;line-height:1.55}
.tile strong{font-size:14px}
.tile small{font-size:12px;line-height:1.5}
@media(max-width:580px){.hero h1{font-size:clamp(27px,7.2vw,35px)}}

/* Character profile layout — Moonlight Sanctuary */
.character-page{width:100%;min-width:0}.character-intro{display:grid;grid-template-columns:minmax(145px,35%) minmax(0,1fr);gap:22px;align-items:start;margin:22px 0 30px}.character-portrait{min-height:245px;border:1px solid #826294;background:radial-gradient(circle at 50% 35%,#5b3b74,#291b40 65%,#1c1530);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#f8e0aa;text-align:center;padding:18px}.character-portrait span{font-size:75px;text-shadow:0 0 24px #b995d0}.character-portrait small{font:11px/1.7 Arial,sans-serif;letter-spacing:2px;color:#d9b8df}.character-biography{min-width:0}.character-biography h3{color:#f6dda5;font-size:19px;margin:12px 0;border-bottom:1px solid #735585;padding-bottom:10px}.character-biography p{line-height:1.75}.character-role{font-style:italic;color:#e9bfe3}.character-hint{font-size:12px;opacity:.75}.character-albums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0 25px}.character-album{display:flex;flex-direction:column;gap:12px;min-width:0;padding:19px 15px;background:#2d203e;border:1px solid #765787;text-decoration:none;color:#e8d2e8;transition:background .15s}.character-album:hover{background:#50305e}.character-album strong{color:#f9dfa3;font-size:17px}.character-album span{font-size:13px;line-height:1.5}.character-back{margin-top:25px}@media(max-width:700px){.character-intro{grid-template-columns:1fr}.character-portrait{min-height:175px}.character-albums{grid-template-columns:1fr}}

.mega-link{display:inline-block;margin:8px 0;padding:10px 15px;border:1px solid #c59bc9;background:linear-gradient(#654277,#3e2a5d);color:#fff0c9;text-decoration:none;font:12px Verdana,sans-serif;line-height:1.5}.mega-link:hover{background:#82578d;color:#fff}

/* Expandable episode summaries; one MEGA link per season above the guide */
.episode-accordion{display:grid;gap:9px}.episode-item{border:1px solid #735a8f;background:#2b203f}.episode-item summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:14px;color:#f3d6a3;list-style:none;font:13px var(--font-ui)}.episode-item summary::-webkit-details-marker{display:none}.episode-item summary strong{flex-shrink:0}.episode-item summary>span:not(.episode-toggle){font-size:12px;color:#d4c1df}.episode-toggle{margin-left:auto;font-size:18px;transition:transform .15s}.episode-item[open] .episode-toggle{transform:rotate(180deg)}.episode-item[open]{border-color:#b08ac4}.episode-summary{border-top:1px solid #735a8f;padding:2px 15px 10px;color:#e8dafa;font-size:13px;line-height:1.7}.episode-summary p{margin:9px 0}.episode-item summary:hover{background:#45305d}@media(max-width:580px){.episode-item summary{flex-wrap:wrap}.episode-item summary>span:not(.episode-toggle){flex-basis:75%}}

/* Character biography portraits and vintage profile facts */
.character-portrait{padding:0;overflow:hidden;min-height:0}.character-portrait img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;background:#1c1530}.character-portrait:not(:has(img)){min-height:245px;padding:18px}.character-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin:16px 0 20px}.character-facts>div{border-bottom:1px dotted #735585;padding:0 0 8px;min-width:0}.character-facts dt{font:11px Arial,sans-serif;color:#e2bbd9;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.character-facts dd{margin:0;color:#f7e4bd;font-size:13px;line-height:1.45}@media(max-width:500px){.character-facts{grid-template-columns:1fr}}

/* Compact screenshot albums: fixed width, no labels, pagination and lightbox */
.columns>*{min-width:0}.content{min-width:0}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;max-width:100%;min-width:0}.gallery-grid .photo{min-width:0;aspect-ratio:1;padding:3px;border:1px solid #765b9d;background:#2b203f;cursor:pointer;overflow:hidden}.gallery-grid .photo img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}.gallery-grid .photo span{display:none}.gallery-grid .photo:hover{border-color:#f2d18d;background:#50345e}.gallery-toolbar,.gallery-pages{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;font:12px Verdana,sans-serif;color:#d8c2e6}.gallery-pages{justify-content:center;margin:16px 0}.gallery-pages button{background:#503461;border:1px solid #a77ab4;color:#ffe6b5;padding:8px 12px;cursor:pointer}.gallery-pages button:disabled{opacity:.35;cursor:default}.moon-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(8,5,20,.96);display:flex;align-items:center;justify-content:center;padding:45px 60px}.moon-lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 25px #503461}.moon-lightbox button{position:absolute;border:1px solid #9774a9;background:#302040;color:#ffe6b5;font-size:30px;cursor:pointer}.lightbox-close{top:12px;right:18px;padding:0 12px}.lightbox-prev{left:10px;top:48%;padding:5px 10px}.lightbox-next{right:10px;top:48%;padding:5px 10px}.lightbox-count{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#f4d7ad;font:12px Verdana,sans-serif}@media(max-width:650px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.moon-lightbox{padding:50px 38px}}