.reading-page{--surface:#0f0e18;--surface-2:#1b1a26;--border:#ffffff1c;--text:#f2f0f7;--text-2:#d4d1e0;--muted:#a29fb3;isolation:isolate;color:#f2f0f7;background:#0f0e18;min-height:100vh;position:relative;overflow-x:clip}.reading-page :focus-visible{outline-offset:2px;outline:3px solid #48f}.page-band{isolation:isolate;background:var(--field);color:var(--field-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 9vw),0 100%);flex-direction:column;margin-bottom:-4vw;padding:84px max(16px,50vw - 500px) calc(40px + 9vw);display:flex;position:relative;overflow:hidden}.page-band-paper{z-index:-1;opacity:.08;color:var(--field-ink);pointer-events:none;position:absolute;inset:-60%;transform:rotate(-13deg)}.page-band-paper .brand-wallpaper{width:100%;height:100%}.page-band-nav{z-index:3;position:absolute;top:14px;left:max(14px,50vw - 500px)}.page-band-nav:empty{display:none}.page-band-nav .sn-circle{background:var(--field-ink);color:var(--field);border-color:#0000}.page-band-title{max-width:11ch;font:700 clamp(46px, 13vw, 150px)/.88 var(--font-display);letter-spacing:-.035em;color:var(--field-ink);overflow-wrap:normal;text-wrap:balance;margin:0}.page-band-aside{margin-top:20px}@media (min-width:900px){.page-band[data-aside]{grid-template-columns:minmax(0,1fr) min(42vw,440px);align-items:center;column-gap:48px;display:grid}.page-band[data-aside] .page-band-title{max-width:min(54vw,560px);font-size:clamp(54px,7.4vw,110px)}.page-band[data-aside] .page-band-aside{margin:0}}.cast-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:250px;display:grid;overflow:hidden}@media (max-width:899px){.page-band-aside:has(.cast-columns){margin:22px calc(-1*max(16px,50vw - 500px)) 0}.cast-columns{width:calc(100% + 48px);margin-left:-24px;rotate:-8deg}.page-band:has(.cast-columns){padding-bottom:calc(18px + 9vw)}}.cast-track{animation:cast-up var(--dur) linear infinite;flex-direction:column;display:flex}.cast-column[data-dir=down] .cast-track{animation-name:cast-down}.cast-columns[data-paused] .cast-track{animation-play-state:paused}.cast-face{aspect-ratio:1;background:#0f0e1833;border-radius:14px;flex:none;margin-bottom:10px;display:block;overflow:hidden;box-shadow:0 6px 16px #0006}.cast-face img{object-fit:cover;width:100%;height:100%;display:block}@keyframes cast-up{0%{translate:0}to{translate:0 -50%}}@keyframes cast-down{0%{translate:0 -50%}to{translate:0}}@media (prefers-reduced-motion:reduce){.cast-track{animation:none}}@media (min-width:900px){.page-band:has(.cast-columns){min-height:560px}.page-band-aside:has(.cast-columns){width:min(40vw,440px);position:absolute;top:-30%;bottom:-30%;right:max(24px,50vw - 520px);rotate:-8deg}.page-band-aside .cast-columns{border-radius:0;height:100%;overflow:visible}}.section-list{display:none}@media (min-width:900px){.section-list{background:color-mix(in srgb, var(--field-ink) 92%, transparent);border-radius:18px;grid-template-columns:1fr 1fr;gap:2px 18px;padding:18px 20px;display:grid}.section-list a{border-bottom:1px solid color-mix(in srgb, var(--field) 25%, transparent);min-height:44px;color:var(--field);font:700 14px/1.2 var(--font-display);align-items:center;text-decoration:none;display:flex}.section-list a:hover{color:#fff}}.page-band-aside:empty{display:none}@media (max-width:899px){.page-band-aside:has(>.section-list){display:none}}.world-art-tiles{scrollbar-width:none;gap:8px;margin:0 calc(-1*max(16px,50vw - 500px));padding:0 max(16px,50vw - 500px);display:flex;overflow-x:auto}.world-art-tile{aspect-ratio:4/3;background:#0f0e1833;border-radius:14px;flex:none;width:112px;position:relative;overflow:hidden;box-shadow:0 6px 16px #0006}.world-art-tile img{object-fit:cover}@media (min-width:900px){.world-art-tiles{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;display:grid;overflow:visible;rotate:-6deg}.world-art-tile{width:auto}}.reading-page :is(.content-page,.content-set-hub){color:#f2f0f7;width:min(100% - 32px,680px);margin:0 auto;padding:0}.reading-page .content-set-hub{margin-top:40px}.content-page-header{border-bottom:1px solid #ffffff1c;margin:0 0 8px;padding:22px 0 18px}.content-page-header>p{font:600 13px/1.4 var(--font-body);color:#a29fb3;margin:0 0 4px}.content-set-hub .content-page-header h1{font:700 clamp(32px, 9vw, 52px)/.98 var(--font-display);letter-spacing:-.02em;color:#f2f0f7;text-wrap:balance;margin:0 0 12px}.content-set-hub .content-page-header>p{font:500 17px/1.6 var(--font-body);color:#d4d1e0}.reading-page .legal-links{justify-content:flex-start;gap:0 4px}.reading-page .legal-links a{color:#d4d1e0;padding:0 8px 0 0;font-size:14px}.reading-page :is(.content-page,.content-set-hub) :is(p,ol,ul){font:500 17px/1.65 var(--font-body);color:#d4d1e0}.reading-page :is(.content-page,.content-set-hub) :is(h2,h3){color:#f2f0f7;overflow-wrap:anywhere}.reading-page :is(.content-page,.content-set-hub) h2{font:700 24px/1.15 var(--font-display);letter-spacing:-.005em;color:var(--hue);margin:0 0 10px;scroll-margin-top:20px}.reading-page :is(.content-page,.content-set-hub)>section{margin-top:36px}.reading-page :is(.content-page,.content-set-hub) a{color:var(--hue);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--hue) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--hue) 45%, transparent)}.legal-page{overflow-wrap:anywhere}.legal-page p+p{margin-top:12px}.legal-page :is(ol,ul){padding-left:24px}.legal-page li+li{margin-top:10px}.content-page .withdrawal-form{border-left:3px solid #ffffff2a;margin:0 0 1em;padding:4px 0 4px 14px}.content-page .withdrawal-form p{margin:0 0 4px}.content-link-list{gap:10px;display:grid}.reading-page .content-link-list :is(a,button){color:#f2f0f7;min-height:52px;font:700 16px/1.25 var(--font-display);text-align:left;cursor:pointer;background:#1b1a26;border:1px solid #ffffff1c;border-radius:14px;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.reading-page .content-link-list :is(a,button):after{content:"→";color:var(--hue);margin-left:auto;padding-left:12px}.reading-page .content-link-list :is(a,button):hover{border-color:color-mix(in srgb, var(--hue) 60%, transparent)}.content-set-hub .content-link-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.content-set-hub .content-link-list a{border-left:4px solid var(--hue);min-height:76px}.reading-page .about-worlds{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:12px}.reading-page .about-worlds a{isolation:isolate;background:#1b1a26 var(--art,none) center / cover no-repeat;color:#fff;text-shadow:0 1px 2px #000;border:0;align-items:flex-end;min-height:92px;padding:10px 12px;font-size:15px;position:relative;overflow:hidden}.reading-page .about-worlds a:before{content:"";z-index:-1;background:linear-gradient(#0000 30%,#000c);position:absolute;inset:0}.reading-page .about-worlds a:after{content:none}.content-faq>div{border-top:1px solid #ffffff1c;padding:18px 0 4px}.reading-page .content-faq h3{font:700 18px/1.25 var(--font-display);margin:0 0 6px}.content-faq p{margin:0}.reading-page .site-footer a{color:#b9b6c8}@media (min-width:900px){.reading-page :is(.content-page,.content-set-hub){width:min(100% - 48px,1000px)}.reading-page .content-page-header{padding-left:288px}.reading-page :is(.content-page,.content-set-hub)>p{border-top:1px solid #ffffff1c;padding:28px 0 0 288px}.reading-page :is(.content-page,.content-set-hub)>section{border-top:1px solid #ffffff1c;grid-template-columns:240px minmax(0,1fr);align-items:start;column-gap:48px;padding-top:28px;display:grid}.reading-page :is(.content-page,.content-set-hub)>section>*{grid-column:2}.reading-page :is(.content-page,.content-set-hub)>section>h2{grid-area:1/1/span 40;margin:0;font-size:26px;position:sticky;top:24px}.reading-page .content-faq{grid-template-columns:240px repeat(2,minmax(0,1fr))}.reading-page .content-faq>div{grid-column:auto}}
