@font-face{font-family:"Wonderslot Display";src:url("../assets/fonts/gentium-plus-bold.woff") format("woff");font-weight:700;font-display:swap}@font-face{font-family:"Wonderslot Serif";src:url("../assets/fonts/gentium-basic-bold.woff") format("woff");font-weight:700;font-display:swap}
:root{--ink:#f3f0e8;--muted:#b8b5c9;--night:#07091a;--gold:#f1b943;--violet:#7650e8;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Verdana,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}.story-sky{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(7,9,26,.48),rgba(7,9,26,.95)),url("../assets/starfield.webp") center top/500px 500px repeat}.story-sky:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(116,73,205,.18),transparent 34%),radial-gradient(circle at 22% 58%,rgba(46,98,171,.12),transparent 36%)}a{color:inherit}.stories-main{max-width:1220px;margin:auto;padding:0 28px}.section-label{margin:0 0 13px;color:var(--gold);font-size:.77rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.stories-hero{min-height:610px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:45px;padding:65px 0 70px}.stories-hero h1,.archive-heading h2,.featured-copy h2,.world-bridge h2,.community-tease h2,.article-hero h1,.article-body h2,.character-note h2,.more-stories h2{font-family:"Wonderslot Display",Georgia,serif;margin:0}.stories-hero h1 em{display:block;color:var(--gold);font-style:italic}.stories-hero .lead{max-width:660px;margin:25px 0 33px;color:#cbc9d8;font-size:1.13rem}.story-button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,#ffd46f,var(--gold));color:#1b1105;text-decoration:none;font-weight:700;box-shadow:0 12px 32px rgba(241,185,67,.18)}.story-button:hover{filter:brightness(1.06)}.story-button.secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);box-shadow:none;color:#fff}.hero-book{position:relative;min-height:420px;display:grid;place-items:center}.hero-book:before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(241,185,67,.18),rgba(118,80,232,.13) 45%,transparent 72%);filter:blur(16px)}.hero-book img{position:relative;width:min(102%,580px);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 34px 50px rgba(0,0,0,.52));-webkit-mask-image:radial-gradient(ellipse 68% 72% at center,#000 54%,rgba(0,0,0,.8) 73%,transparent 100%);mask-image:radial-gradient(ellipse 68% 72% at center,#000 54%,rgba(0,0,0,.8) 73%,transparent 100%)}
.featured{display:grid;grid-template-columns:1.05fr .95fr;min-height:440px;margin:20px 0 110px;border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;background:linear-gradient(135deg,rgba(28,33,71,.85),rgba(10,12,35,.92));box-shadow:0 30px 80px rgba(0,0,0,.22)}.featured-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(241,185,67,.16),transparent 57%)}.featured-art img{width:min(92%,500px);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 22px 36px rgba(0,0,0,.5));-webkit-mask-image:radial-gradient(ellipse at center,#000 58%,transparent 94%);mask-image:radial-gradient(ellipse at center,#000 58%,transparent 94%)}.featured-copy{padding:60px 58px;display:flex;flex-direction:column;justify-content:center}.featured-copy h2{margin-bottom:18px}.featured-copy p:not(.section-label){color:var(--muted);font-size:1.04rem}.story-meta{margin-bottom:20px;color:#8e8ba0;font-size:.78rem;letter-spacing:.06em}.text-link{color:#fff;text-decoration:none;font-weight:700}.text-link span{margin-left:7px;color:var(--gold)}
.archive{padding:10px 0 110px}.archive-heading{max-width:720px;margin-bottom:52px}.archive-heading p:last-child{color:var(--muted)}.tale-list{display:grid;gap:22px}.tale-card{min-height:280px;display:grid;grid-template-columns:300px 1fr;align-items:center;gap:42px;padding:24px 50px 24px 20px;border-top:1px solid var(--line);text-decoration:none;transition:background .25s ease,transform .25s ease}.tale-card:nth-child(even){grid-template-columns:1fr 300px;padding:24px 20px 24px 50px}.tale-card:nth-child(even) .tale-art{order:2}.tale-card:hover{background:linear-gradient(90deg,rgba(118,80,232,.1),rgba(241,185,67,.06));transform:translateY(-2px)}.tale-art{display:grid;place-items:center;min-height:230px}.tale-art img{width:230px;height:230px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 18px 25px rgba(0,0,0,.38));-webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 93%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 93%)}.tale-copy h3{margin:4px 0 10px;font-family:"Wonderslot Display",Georgia,serif;color:#fff}.tale-copy p{max-width:720px;margin:0 0 16px;color:var(--muted)}.tale-copy .read{color:var(--gold);font-weight:700;font-size:.9rem}
.world-bridge{margin:0 0 100px;padding:70px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle,rgba(118,80,232,.14),transparent 58%)}.world-bridge p:not(.section-label){max-width:720px;margin:18px auto 30px;color:var(--muted)}.bridge-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.community-tease{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:110px;padding:55px;border-radius:28px;background:linear-gradient(135deg,rgba(25,37,78,.64),rgba(22,15,52,.54));border:1px solid rgba(255,255,255,.09)}.community-tease p{color:var(--muted)}.community-mark{font-family:"Wonderslot Display",Georgia,serif;color:rgba(241,185,67,.88);font-size:clamp(3rem,7vw,6rem);text-align:center}
/* Article pages */
.article-main{max-width:1120px;margin:auto;padding:0 28px}.breadcrumbs{padding-top:35px;color:#8f8ca0;font-size:.82rem}.breadcrumbs a{text-decoration:none}.breadcrumbs span{margin:0 8px;color:#625f73}.article-hero{min-height:500px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;padding:45px 0 65px;border-bottom:1px solid var(--line)}.article-hero h1{margin:8px 0 20px}.article-deck{max-width:700px;color:#c4c1d0;font-size:1.12rem}.article-art{display:grid;place-items:center;position:relative}.article-art:before{content:"";position:absolute;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(241,185,67,.17),rgba(118,80,232,.1) 47%,transparent 72%)}.article-art img{position:relative;width:min(100%,390px);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 25px 34px rgba(0,0,0,.45));-webkit-mask-image:radial-gradient(ellipse at center,#000 57%,transparent 94%);mask-image:radial-gradient(ellipse at center,#000 57%,transparent 94%)}.article-body{max-width:760px;margin:70px auto;font-family:Georgia,"Times New Roman",serif;color:#e2dfd7;font-size:1.16rem;line-height:1.9}.article-body>p:first-child:first-letter{float:left;margin:.11em .12em 0 0;color:var(--gold);font-family:"Wonderslot Display",Georgia,serif;font-size:4.3rem;line-height:.72}.article-body h2{margin:58px 0 16px;color:#fff}.article-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:48px 0;color:var(--gold)}.article-divider:before,.article-divider:after{content:"";width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(241,185,67,.6))}.article-divider:after{transform:rotate(180deg)}.story-quote{margin:46px 0;padding:22px 0 22px 30px;border-left:2px solid var(--gold);color:#f4ddb0;font-family:"Wonderslot Display",Georgia,serif;font-size:1.65rem;line-height:1.35}.character-note{display:grid;grid-template-columns:220px 1fr;gap:38px;align-items:center;max-width:880px;margin:70px auto;padding:35px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(20,24,57,.72)}.character-note img{width:210px;height:210px;object-fit:contain;mix-blend-mode:screen}.character-note p{color:var(--muted)}.more-stories{max-width:1000px;margin:80px auto 100px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.more-card{padding:27px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);text-decoration:none}.more-card span{color:var(--gold);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.more-card strong{display:block;margin-top:8px;font-family:"Wonderslot Display",Georgia,serif;font-size:1.35rem}.article-cta{text-align:center;margin:70px 0 105px}.article-cta p{color:var(--muted)}
@media(max-width:820px){.stories-hero,.featured,.community-tease,.article-hero{grid-template-columns:1fr}.stories-hero{text-align:center;padding-top:55px}.stories-hero .lead{margin-left:auto;margin-right:auto}.hero-book{min-height:340px}.featured-art{min-height:340px}.featured-copy{padding:45px}.tale-card,.tale-card:nth-child(even){grid-template-columns:210px 1fr;padding:22px;gap:24px}.tale-card:nth-child(even) .tale-art{order:0}.tale-art img{width:190px;height:190px}.article-hero{text-align:center}.article-deck{margin-left:auto;margin-right:auto}.article-art{max-width:440px;margin:auto}.character-note{grid-template-columns:170px 1fr}.character-note img{width:160px;height:160px}}
@media(max-width:560px){.stories-main,.article-main{padding:0 20px}.stories-hero{min-height:0;padding-bottom:45px}.hero-book{min-height:260px}.featured{margin-bottom:75px}.featured-art{min-height:270px}.featured-copy{padding:34px 25px}.archive{padding-bottom:75px}.tale-card,.tale-card:nth-child(even){grid-template-columns:1fr;text-align:center;padding:26px 12px}.tale-art{min-height:180px}.tale-art img{width:180px;height:180px}.world-bridge{padding:55px 20px;margin-bottom:70px}.community-tease{padding:34px 24px;margin-bottom:75px}.article-hero{min-height:0;padding-top:30px}.article-body{margin-top:52px;font-size:1.06rem;line-height:1.82}.story-quote{font-size:1.4rem}.character-note{grid-template-columns:1fr;text-align:center}.character-note img{margin:auto}.more-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tale-card{transition:none}}

/* Preserve the native symbol detail and dissolve the baked-in square edges. */
.featured-art img{width:min(76%,360px);height:auto;-webkit-mask-image:radial-gradient(circle at center,#000 52%,rgba(0,0,0,.78) 62%,transparent 77%);mask-image:radial-gradient(circle at center,#000 52%,rgba(0,0,0,.78) 62%,transparent 77%)}
.tale-art img,.character-note img{-webkit-mask-image:radial-gradient(circle at center,#000 52%,rgba(0,0,0,.78) 62%,transparent 77%);mask-image:radial-gradient(circle at center,#000 52%,rgba(0,0,0,.78) 62%,transparent 77%)}
.article-art img{width:min(74vw,280px);height:auto;-webkit-mask-image:radial-gradient(circle at center,#000 51%,rgba(0,0,0,.76) 61%,transparent 76%);mask-image:radial-gradient(circle at center,#000 51%,rgba(0,0,0,.76) 61%,transparent 76%)}
.article-art img.native-small{width:min(74vw,260px)}

/* Keep the home-page artwork crisp and dissolve its rectangular source edges. */
.hero-book{isolation:isolate}
.hero-book:before{width:110%;height:110%;aspect-ratio:auto;filter:blur(20px);z-index:-1}
.hero-book img{width:min(112%,640px);mix-blend-mode:normal;filter:drop-shadow(0 34px 50px rgba(0,0,0,.52));-webkit-mask-image:radial-gradient(ellipse 72% 80% at 50% 48%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.58) 72%,transparent 88%);mask-image:radial-gradient(ellipse 72% 80% at 50% 48%,#000 48%,rgba(0,0,0,.96) 58%,rgba(0,0,0,.58) 72%,transparent 88%)}