:root{--ink:#2b2e4a;--muted:#626477;--paper:#fffdf9;--blue:#6fa3d8;--darkblue:#345e87}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,'Avenir Next',Avenir,'Trebuchet MS',sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #345e87;outline-offset:6px;border-radius:8px}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-90px;left:20px;background:white;padding:10px;z-index:5}.skip:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;padding-block:26px;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.9px}.brand img{flex-shrink:0}.header nav{display:flex;gap:32px;font-size:15px;font-weight:600}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:25px;min-height:570px;padding-block:62px 84px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--darkblue);margin:0 0 20px}h1,h2,p{margin-top:0}h1{font-size:clamp(36px,4vw,54px);line-height:1.16;letter-spacing:-2.2px;margin-bottom:24px}h1 em{font-style:normal;color:var(--darkblue)}.lead{max-width:470px;font-size:20px;line-height:1.75;color:var(--muted);margin-bottom:29px}.button{display:inline-flex;gap:23px;align-items:center;background:var(--ink);color:white;padding:15px 23px;border-radius:17px;font-size:16px;font-weight:700;box-shadow:0 5px 0 #dce6f0}.button:hover{background:var(--darkblue)}.hero-story{display:block;font-size:13px;margin-top:23px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.hero-art{position:relative;padding:30px 5px 20px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:30px 5px 4px;background:#edf3f8;border-radius:48% 52% 43% 57% / 52% 45% 55% 48%;z-index:-1;transform:rotate(-7deg)}.mascot{display:block;width:100%;padding:34px 8px 10px}.hello{position:absolute;top:0;left:36px;transform:rotate(-8deg);font-size:25px;font-weight:700;background:white;padding:8px 22px;border-radius:24px 24px 4px 24px;box-shadow:0 2px 0 #e5e5e5}.tiny-note{display:block;text-align:center;font-size:14px;line-height:1.5;color:var(--muted);transform:rotate(-3deg);margin:0 0 2px}.spark{position:absolute;width:28px;fill:#ddbb75;stroke:var(--ink);stroke-width:1.4}.one{right:12px;top:36px}.two{left:12px;bottom:55px;width:19px}.world-section{background:#f5f1e9;padding:64px 0 72px;border-radius:46px 46px 0 0}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-intro .eyebrow{margin-bottom:12px}h2{font-size:33px;line-height:1.25;letter-spacing:-1px;margin-bottom:14px}.section-intro h2{margin-bottom:0}.section-intro>p{font-size:16px;color:var(--muted);margin:0}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:start}.world{background:var(--paper);border-radius:19px;border:1px solid #e9e4dc;overflow:hidden}.world summary{list-style:none;display:flex;align-items:center;gap:15px;cursor:pointer;padding:21px 18px;min-height:136px}.world summary::-webkit-details-marker{display:none}.world-icon{background:var(--tint);width:70px;height:76px;flex-shrink:0;border-radius:23px 28px 20px 27px;display:grid;place-items:center}.world-icon img{width:62px}.world strong{display:block;font-size:19px;letter-spacing:-.4px;line-height:1.3}.world-description{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:6px}.plus{font-size:22px;margin-left:auto;color:var(--darkblue)}.world[open] .plus{transform:rotate(45deg)}.world summary:hover{background:#faf8f4}.world-inside{font-size:16px;padding:0 22px 20px}.world-inside p{margin:0 0 12px}.world-inside .text-link{font-size:14px}.story-teaser{display:grid;grid-template-columns:350px 1fr;gap:64px;align-items:center;padding-block:75px}.story-teaser p:not(.eyebrow){color:var(--muted);max-width:580px}.teaser-art{position:relative;text-align:center;background:#edf3f8;border-radius:50%;padding:15px}.boat{position:absolute;bottom:7px;right:4px;width:112px;transform:rotate(-9deg)}.text-link{font-weight:700;font-size:16px;color:var(--darkblue);border-bottom:1px solid #b5c9dc;padding-bottom:5px}.goodnight{border-top:1px solid #e9e4dc;border-bottom:1px solid #e9e4dc;padding-block:26px;display:flex;justify-content:center;align-items:center;gap:27px}.goodnight p{font-size:17px;margin:0}.goodnight strong{font-weight:600}.footer{padding-block:45px;text-align:center}.footer .brand{justify-content:center;font-size:20px}.footer p{font-size:14px;margin:13px 0 0;color:var(--muted)}.footer .small{font-size:12px}.reading{max-width:740px;margin:45px auto 80px;padding:0 25px}.reading h1{font-size:45px}.reading .intro{text-align:center;margin-bottom:48px}.reading .intro img{width:160px}.reading .intro .eyebrow{margin-bottom:15px}.prose{font-size:21px;line-height:1.9}.prose p{margin:0 0 20px}.prose hr{border:0;text-align:center;margin:42px 0;height:25px}.prose hr:after{content:'·  ·  ·';letter-spacing:10px;color:var(--blue)}.reading-back{display:inline-block;margin-bottom:28px;font-size:15px;color:var(--darkblue)}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.world-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:12px}.header nav{gap:16px;font-size:13px}.brand{font-size:21px}.hero-art{padding-top:40px}.story-teaser{grid-template-columns:260px 1fr;gap:35px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{padding-block:18px;flex-wrap:wrap;gap:15px}.header .brand img{width:48px}.header nav{width:100%;justify-content:space-between;font-size:13px;gap:10px}.hero{grid-template-columns:1fr;padding-block:34px 48px;gap:35px}.hero-copy{text-align:center}h1{font-size:38px;letter-spacing:-1.4px}.lead{font-size:18px;max-width:440px;margin-inline:auto}.hero-art{max-width:370px;margin-inline:auto;width:100%}.hero-story{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-intro{display:block}.section-intro>p{margin-top:18px;font-size:15px}h2{font-size:29px}.world-section{padding-block:42px;border-radius:28px 28px 0 0}.world-grid{grid-template-columns:1fr;gap:12px}.world summary{min-height:112px;padding:16px}.world-description{font-size:14px}.story-teaser{grid-template-columns:1fr;padding-block:48px;gap:28px}.teaser-art{width:260px;margin:auto}.goodnight{gap:14px}.goodnight img{width:70px}.goodnight p{font-size:14px}.reading{margin-top:25px}.reading h1{font-size:34px}.prose{font-size:19px;line-height:1.85}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.header nav,.footer,.reading-back{display:none}.reading{max-width:none;margin:0}.prose{font-size:12pt;line-height:1.6}.reading .intro img{width:90px}}

/* Nachtmonster: a complete first world, sharing the site navigation. */
.night-world{margin-top:32px;margin-bottom:55px}.night-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:var(--panel);border-radius:32px;padding:46px}.night-welcome h1{font-size:44px}.night-welcome h1 em{font-style:normal;color:var(--darkblue)}.lumi-portrait{text-align:center;background:var(--art-panel);border-radius:46% 54% 48% 52%;padding:20px 8px 30px}.lumi-note{display:block;font-size:15px;color:var(--muted)}.lumi-introduction{background:var(--panel);padding:38px 46px;border-radius:28px;margin-top:24px}.lumi-introduction>p:not(.eyebrow){max-width:750px;color:var(--muted)}.lumi-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--border);padding-top:23px}.lumi-facts p{margin:0;font-size:15px}.lumi-facts strong,.lumi-facts span{display:block}.lumi-facts span{color:var(--muted);margin-top:5px}.night-feature{display:grid;grid-template-columns:270px 1fr;gap:42px;align-items:center;background:var(--panel);padding:36px 46px;border-radius:28px;margin-top:24px}.night-feature p:not(.eyebrow){color:var(--muted)}.story-meta{font-size:14px}.world-companion{display:flex;gap:26px;align-items:center;justify-content:center;background:var(--panel);padding:26px;border-radius:26px;margin-top:24px}.world-companion p{margin-bottom:7px;font-size:16px}.moon-window svg{display:block;width:100%}@media(max-width:800px){.night-welcome{padding:30px;gap:25px}.night-welcome h1{font-size:34px}.night-feature{grid-template-columns:180px 1fr;gap:20px;padding:30px}.lumi-introduction{padding:30px}}@media(max-width:650px){.night-world{margin-top:22px}.night-welcome{grid-template-columns:1fr;padding:25px;text-align:center}.night-welcome h1{font-size:33px}.lumi-portrait{max-width:300px;margin:auto}.lumi-facts{grid-template-columns:1fr;gap:18px}.night-feature{grid-template-columns:1fr;padding:26px}.moon-window{width:190px;margin:auto}.world-companion{padding:22px 15px;gap:15px}.world-companion img{width:70px}.world-companion .text-link{font-size:14px}.night-welcome .button{font-size:14px;padding:14px 16px}}

.fina-portrait{background:#f4e3e4}[data-theme=night] .fina-portrait{background:#3d3049}

/* The story library is a calm index, with an optional reading sequence. */
.header nav{flex-wrap:wrap;row-gap:7px}.library{margin-block:36px 56px}.library-intro{background:var(--panel);padding:42px;border-radius:30px;margin-bottom:24px}.library-intro h1{font-size:44px}.library-intro p:not(.eyebrow){max-width:690px;color:var(--muted)}.library-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}.library-story{display:grid;grid-template-columns:150px 1fr 28px;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:22px 30px}.library-story:hover{background:var(--hover)}.library-art{background:var(--art-panel);border-radius:40%;display:block}.library-story .eyebrow{display:block;margin-bottom:9px}.library-story strong{display:block;font-size:24px;line-height:1.35;letter-spacing:-.5px}.library-description{display:block;color:var(--muted);font-size:16px;margin-block:9px}.library-story .story-meta{display:block;color:var(--darkblue)}.library-arrow{font-size:25px}.story-sequence{border-top:1px solid var(--border);margin-top:35px;padding-top:28px;display:flex;align-items:start;flex-direction:column;gap:15px}.story-sequence .eyebrow{margin-bottom:0}.story-sequence>a:last-child{font-size:15px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.header nav{justify-content:flex-start;gap:10px 20px}.library-intro{padding:25px}.library-intro h1{font-size:33px}.library-story{grid-template-columns:80px 1fr;gap:14px;padding:20px 16px}.library-story strong{font-size:21px}.library-description{font-size:15px}.library-arrow{display:none}.library-story .story-meta{font-size:12px}.library-art{align-self:start}.library-story .eyebrow{font-size:9px;letter-spacing:1px}}
.series-choice{display:flex;gap:16px;flex-wrap:wrap}.library-series{margin-block:38px 54px;scroll-margin-top:100px}.library-series>h2,.library-series>p{background:var(--panel);padding:12px 22px;margin:0}.library-series>h2{border-radius:20px 20px 0 0;padding-top:22px}.library-series>p{border-radius:0 0 20px 20px;color:var(--muted);margin-bottom:20px}.collection-callout{display:flex;align-items:center;gap:25px;justify-content:space-between;background:var(--panel);border-radius:26px;padding:30px;margin-top:35px}.collection-callout p:last-child{margin-bottom:0;color:var(--muted)}.collection-callout .button{flex-shrink:0}@media(max-width:800px){.collection-callout{flex-direction:column;align-items:start}.collection-callout .button{white-space:normal}}@media(max-width:650px){.series-choice .button{font-size:14px}.collection-callout{padding:24px}}
