@font-face{font-family:'Story Literary';src:url('/literature-assets/story-serif-a4a6df631b8e.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{--shell-bg:#101a17;--shell-panel:#1b2e25;--shell-gold:#d3e59c;--shell-ink:#eee9dc;--shell-muted:#a4b1ab;--shell-line:#45584b80;--shell-serif:'Story Literary','Noto Serif TC','Songti TC',serif}
html[data-site-style=mistcrown]{--shell-bg:#10181c;--shell-panel:#1a2b30;--shell-gold:#d1b97d;--shell-line:#50615f66}
.site-shell-page{margin:0;background:var(--shell-bg);color:var(--shell-ink);--serif:var(--shell-serif)}
.site-shell-page main h1,.site-shell-page main h2,.site-shell-page main h3{font-family:var(--shell-serif);font-weight:500}
.site-shell-header{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:16px 24px;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--shell-bg);color:var(--shell-ink)}
.site-shell-header a{text-decoration:none}.site-shell-brand{display:flex;align-items:center;gap:12px;color:var(--shell-ink);flex-shrink:0}.site-shell-brand img{display:block;width:56px;height:56px;object-fit:contain;border-radius:0}.site-shell-brand strong{display:block;font:400 27px/1.3 var(--shell-serif);letter-spacing:.5px}.site-shell-brand small{display:block;font:12px/1.6 Georgia,serif;color:var(--shell-gold)}
.site-shell-actions{display:flex;align-items:center;gap:20px}.site-shell-header nav.site-shell-languages{display:flex;align-items:center;align-self:auto;margin:0;gap:2px;padding:3px;border:1px solid var(--shell-line);border-radius:7px;white-space:nowrap}.site-shell-header .site-shell-languages a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:40px;min-height:42px;padding:5px 9px;border-radius:4px;background:var(--shell-panel);color:var(--shell-ink);font:500 12px/1.4 system-ui}.site-shell-header .site-shell-languages a[aria-current]{background:var(--shell-gold);color:#152126}.site-shell-header .site-shell-languages a:hover{box-shadow:inset 0 0 0 1px var(--shell-gold)}
.site-shell-header a.site-shell-enter{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:52px;padding:13px 24px;border:1px solid var(--shell-gold);border-radius:5px;background:var(--shell-gold);color:#152126;font:500 14px/1.6 system-ui;white-space:nowrap}.site-shell-header a.site-shell-enter:hover{filter:brightness(1.08)}
.site-shell-nav{display:flex;align-items:center;gap:28px;box-sizing:border-box;max-width:1440px;margin:0 auto;padding:0 24px;border-top:1px solid var(--shell-line);border-bottom:1px solid var(--shell-line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--shell-line) transparent;color:var(--shell-muted)}.site-shell-nav a{flex-shrink:0;display:flex;align-items:center;min-height:49px;text-decoration:none;color:inherit;font:13px/1.5 system-ui;position:relative}.site-shell-nav a[aria-current],.site-shell-nav a:hover{color:var(--shell-gold)}.site-shell-nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--shell-gold)}
.site-shell-footer{max-width:1240px;box-sizing:border-box;margin:50px auto 0;padding:32px 24px 38px;border-top:1px solid var(--shell-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--shell-bg);color:var(--shell-muted)}.site-shell-footer a{color:inherit;text-decoration:none}.site-shell-footer .site-shell-footer-brand{font:22px/1.4 var(--shell-serif);color:var(--shell-ink)}.site-shell-footer-brand small{display:block;font:11px/1.8 Georgia,serif;color:var(--shell-gold)}.site-shell-footer p{font:12px/1.9 system-ui;margin:10px 0 0}.site-shell-footer nav{display:flex;flex-wrap:wrap;gap:18px}.site-shell-footer nav a{min-height:40px;display:flex;align-items:center;font:12px/1.5 system-ui}.site-shell-footer a:hover{color:var(--shell-gold)}.site-shell-footer .site-shell-notice{flex-basis:100%;font-size:11px;max-width:1000px;color:var(--shell-muted)}
.site-shell-header a:focus-visible,.site-shell-nav a:focus-visible,.site-shell-footer a:focus-visible{outline:2px solid var(--shell-gold);outline-offset:4px}
.site-shell-page #book-app{max-width:1120px;margin:0 auto;padding:45px 24px 25px}.site-shell-page .orchard{border-color:var(--shell-line)}.site-shell-page .share-item,.site-shell-page .success-panel,.site-shell-page .book-cover{border-color:var(--shell-line)}.site-shell-page .book-tools a,.site-shell-page .book-tools button{min-height:44px}.site-shell-page #book-app>.loading{padding:50px 0;color:var(--shell-muted)}.site-shell-page #book-message{max-width:1120px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.site-shell-header{padding:16px 18px;gap:18px}.site-shell-brand strong{font-size:23px}.site-shell-brand img{width:48px;height:48px}.site-shell-actions{gap:12px}.site-shell-header a.site-shell-enter{padding:11px 18px;font-size:13px;min-height:48px}.site-shell-nav{gap:24px;padding:0 18px}.site-shell-nav a{font-size:12px;min-height:47px}.site-shell-footer{padding:26px 18px 30px;margin-top:30px;gap:20px}.site-shell-footer nav{gap:18px}.site-shell-page #book-app{padding:30px 18px 20px}}
@media(max-width:560px){.site-shell-header{flex-wrap:wrap;gap:13px}.site-shell-brand img{width:45px;height:45px}.site-shell-brand strong{font-size:22px}.site-shell-brand small{font-size:11px}.site-shell-actions{width:100%;justify-content:space-between;gap:10px}.site-shell-header .site-shell-languages a{min-width:39px;min-height:40px}.site-shell-header a.site-shell-enter{min-height:48px;padding:11px 22px}.site-shell-footer{align-items:flex-start;flex-direction:column}}

.site-shell-page:not(.orchard-page) #book-app{max-width:900px}.site-shell-page .shelf-foot{margin-bottom:0}

/* Story member pages share the game's account header and exploration footer. */
.site-shell-header.site-member-header{max-width:none;min-height:116px;padding:18px max(18px,3%);border-bottom:1px solid var(--shell-line)}
.site-member-controls{display:grid;grid-template-columns:auto auto;align-items:center;gap:28px}.site-member-account{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.site-member-name{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--shell-muted);font:12px/1.4 system-ui}.site-member-name[hidden]{display:none}.site-member-account-actions{display:flex;align-items:center;gap:12px}.site-member-header a.site-member-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;box-sizing:border-box;padding:12px 20px;border:1px solid var(--shell-line);border-radius:5px;background:var(--shell-panel);color:var(--shell-ink);font:600 14px/1.5 system-ui;text-decoration:none;white-space:nowrap}.site-member-header a.site-member-button[hidden]{display:none}.site-member-header a.site-member-button:hover{border-color:var(--shell-gold)}
.site-member-header nav.site-member-languages{display:flex;align-items:center;margin:0;padding:3px;gap:2px;border:1px solid #a9955e80;border-radius:8px;white-space:nowrap}.site-member-languages a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 14px;border-radius:5px;font:14px/1.5 system-ui;color:var(--shell-ink);text-decoration:none}.site-member-languages a[aria-current]{background:var(--shell-gold);color:#162126}.site-member-languages a:hover{box-shadow:inset 0 0 0 1px var(--shell-gold)}
.site-member-footer,.site-member-footer.site-footer{box-sizing:border-box;width:90%;max-width:1400px;margin:45px auto 0;padding:32px 0 30px;border-top:1px solid var(--shell-line);color:var(--shell-muted);background:transparent}.site-member-footer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 0 30px}.site-member-footer-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;min-height:56px;padding:15px 22px;background:var(--shell-panel);border:1px solid #7c896d70;border-radius:6px;color:var(--shell-ink);font:600 14px/1.5 system-ui;text-decoration:none}.site-member-footer-actions>a:hover{border-color:var(--shell-gold);background:#354435}.site-member-footer-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:12px/1.8 system-ui;color:var(--shell-muted)}.site-member-footer a:focus-visible{outline:2px solid var(--shell-gold);outline-offset:4px}
@media(max-width:700px){.site-shell-header.site-member-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;min-height:0;padding:18px}.site-member-header>.site-shell-brand{grid-column:1;grid-row:1;gap:9px;min-width:0}.site-member-header .site-shell-brand img{width:42px;height:42px}.site-member-header .site-shell-brand strong{font-size:20px;white-space:nowrap}.site-member-header .site-shell-brand small{font-size:10px}.site-member-controls,.site-member-account{display:contents}.site-member-header .site-member-stories{grid-column:1;grid-row:2;justify-self:start}.site-member-name{grid-column:2;grid-row:1;justify-self:end;max-width:140px;font-size:11px}.site-member-account-actions{grid-column:2;grid-row:2;gap:8px}.site-member-header a.site-member-button{min-height:46px;padding:10px 12px;font-size:13px}.site-member-header nav.site-member-languages{padding:3px;gap:0}.site-member-languages a{min-height:38px;padding:7px 10px;font-size:12px}.site-member-footer,.site-member-footer.site-footer{margin-top:32px;padding:26px 0 28px}.site-member-footer-actions{gap:10px;margin-bottom:24px}.site-member-footer-actions>a{flex:1 1 140px;min-height:48px;padding:12px;font-size:13px}.site-member-footer-meta{flex-direction:column;align-items:center;gap:5px;font-size:11px;text-align:center}}

@media(max-width:700px){.site-member-header>.site-shell-brand{grid-column:1 / -1}.site-member-header .site-member-name{max-width:110px}}

.site-member-story-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(max-width:700px){.site-member-story-links{grid-column:1 / -1;grid-row:3;display:flex;width:100%}.site-member-story-links a.site-member-button{flex:1}.site-member-story-links .site-member-stories{grid-column:auto;grid-row:auto}.site-member-header .site-member-account-actions{grid-column:1 / -1;justify-self:end}}

/* The language selector comes before top-up and the story library. */
.site-member-controls{display:grid;grid-template-columns:auto auto auto;column-gap:12px;row-gap:7px}
.site-member-header .site-member-account,.site-member-header .site-member-account-actions,.site-member-header .site-member-story-links{display:contents}
.site-member-header .site-member-name{grid-area:1/1/2/4;justify-self:end}
.site-member-header nav.site-member-languages{grid-area:2/1;justify-self:start}
.site-member-header [data-member-topup]{grid-area:2/2}
.site-member-header [data-member-stories]{grid-area:2/3}
@media(max-width:700px){
 .site-shell-header.site-member-header{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px}
 .site-member-header>.site-shell-brand{grid-area:1/1/2/3}
 .site-member-header .site-member-name{grid-area:1/3;justify-self:end}
 .site-member-header nav.site-member-languages{grid-area:2/1;justify-self:start}
 .site-member-header [data-member-topup]{grid-area:2/2}
 .site-member-header [data-member-stories]{grid-area:2/3}
}
@media(max-width:360px){
 .site-shell-header.site-member-header{padding:14px;column-gap:5px}
 .site-member-header a.site-member-button{padding:9px 8px;font-size:12px}
 .site-member-languages a{padding:7px 6px;font-size:11px}
}
@media(max-width:850px){
 html .topbar #header-language{grid-area:2/2;justify-self:start}
 html .topbar #account-controls .account-actions{grid-area:2/3;display:flex;gap:8px;justify-self:end}
 html .topbar #back:not([hidden]){grid-area:3/1/4/4;justify-self:start}
 html .topbar:has(#library-language) #header-language{grid-area:2/1;justify-self:start}
 html .topbar:has(#library-language) #account-controls .account-actions{grid-area:2/2;justify-self:end}
 html .topbar:has(#library-language) #back:not([hidden]){grid-area:3/1/4/3}
}
@media(max-width:380px){html .topbar #account-controls .account-actions{gap:6px}}