:root{color-scheme:dark;--bg:#101b25;--panel:#16232e;--ink:#f0ede5;--muted:#b7c0c6;--gold:#d6ba82;--line:#30404b;--display:"Jiuyu Script","STKaiti","KaiTi",cursive;--serif:var(--display);--sans:"Jiuyu Text","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a,button,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}::selection{background:#826b43;color:#fff}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:var(--gold);color:var(--bg);padding:12px 18px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:#101b25f2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1400px;margin:auto;padding:19px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:20px;letter-spacing:.12em;white-space:nowrap}.brand-mark{width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:21px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav a{color:var(--muted);transition:color .2s}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--gold)}.repo-link{margin-left:14px}.repo-link span{font-size:16px;margin-left:5px}
.home-shell{max-width:1400px;padding:0 5%;margin:auto}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:6%;min-height:670px;align-items:center;padding:70px 0 86px}.eyebrow{font-size:13px;color:var(--gold);letter-spacing:.12em;margin:0 0 20px}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(66px,7.6vw,108px);line-height:1.12;letter-spacing:.1em;margin:0 0 32px}.hero h1 span{display:block;margin-top:10px}.hero-intro{font-family:var(--serif);font-size:23px;line-height:1.85;margin:0 0 15px}.hero-note{font-size:14px;color:var(--muted);line-height:1.9;margin:0;max-width:360px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:2px;padding:11px 20px;font-size:14px;line-height:1.7;transition:background .2s,color .2s}.primary{background:var(--gold);border-color:var(--gold);color:#101b25}.primary:hover{background:#e8d1a4;border-color:#e8d1a4}.secondary{color:var(--ink);background:transparent}.secondary:hover{background:#20303d}.hero-meta{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-top:34px}.line{height:1px;width:25px;background:var(--gold)}
.hero-art{height:478px;display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:12px;position:relative}.portrait{margin:0;position:relative;overflow:hidden;border:1px solid #bca27360;background:var(--panel)}.portrait img{height:100%;width:100%;object-fit:cover;object-position:left center;transition:transform .65s}.portrait:hover img{transform:scale(1.025)}.portrait-one{margin-bottom:25px}.portrait-two{margin-top:35px}.portrait-three{margin-top:75px;margin-bottom:25px}.portrait:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b131ded);pointer-events:none}.portrait figcaption{position:absolute;bottom:20px;left:16px;z-index:2;font-family:var(--serif);font-size:23px;writing-mode:vertical-rl;letter-spacing:.16em}.portrait figcaption span{font:11px Georgia,serif;writing-mode:horizontal-tb;letter-spacing:.04em;color:var(--gold);margin-bottom:13px}.art-caption{position:absolute;bottom:-35px;left:0;color:var(--muted);font-size:11px;letter-spacing:.18em}.entry-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 75px}.entry{padding:30px 0 28px;position:relative}.entry:first-child{border-right:1px solid var(--line);padding-right:8%}.entry:last-child{padding-left:8%}.entry-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.entry-top .eyebrow{margin:0;font-size:12px}.entry-status{font-size:12px;color:var(--muted)}.entry h2{font:500 28px var(--serif);margin:19px 0 12px}.entry p{font-size:14px;color:var(--muted);margin:0 0 20px}.entry-action{font-size:14px;color:var(--gold)}.entry:hover h2{color:var(--gold)}.entry-action span{margin-left:9px}
.site-footer{max-width:1400px;padding:27px 5% 36px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:12px}.site-footer>div{display:flex;gap:22px;align-items:center}.footer-title{font-family:var(--serif);font-size:17px;color:var(--ink);letter-spacing:.12em}.spoiler-link{font-size:12px;white-space:nowrap}.spoiler-link span{margin-left:5px;padding:2px 5px;border:1px solid var(--line);font-size:11px}.spoiler-link:hover{color:var(--gold)}
.page-shell{max-width:1400px;padding:54px 5% 85px;margin:auto;min-height:calc(100vh - 176px)}.page-heading{margin-bottom:36px}.page-heading .eyebrow{font-size:12px;margin-bottom:12px}.page-heading h1{font-family:var(--serif);font-weight:500;font-size:46px;letter-spacing:.06em;line-height:1.5;margin:0 0 15px}.page-heading>p:last-child{font-size:15px;color:var(--muted);margin:0;line-height:1.9}.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px;padding-bottom:26px;border-bottom:1px solid var(--line)}.search-field{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid #43535e;max-width:390px;width:100%;padding:10px 16px}.search-field>span{font-size:24px;line-height:1;color:var(--gold)}.search-field input{background:none;border:0;color:var(--ink);width:100%;font-size:15px;outline-offset:8px;min-width:0}.search-field input::placeholder{color:var(--muted)}.gallery-count{font-size:14px;white-space:nowrap;color:var(--muted)}.gallery-count strong{font:26px Georgia,serif;color:var(--gold);margin-right:4px}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.character-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.card-heading{display:flex;align-items:center;padding:14px 18px;gap:13px}.card-number{font:18px Georgia,serif;color:var(--gold)}.card-heading h2{font:500 22px var(--serif);margin:0}.real-name{font-size:12px;color:var(--muted);margin-left:auto}.image-open{padding:0;border:0;background:none;display:block;position:relative;width:100%}.image-open img{width:100%;height:auto}.image-hint{position:absolute;right:12px;bottom:12px;background:#0a121dde;color:var(--ink);border:1px solid #e4c98c80;font-size:12px;padding:5px 10px;opacity:0;transition:opacity .2s}.image-open:hover .image-hint,.image-open:focus-visible .image-hint{opacity:1}.card-footer{padding:11px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.card-footer a{color:var(--gold)}.empty-results{text-align:center;padding:60px 10px;color:var(--muted)}
dialog{width:min(1600px,96vw);max-width:96vw;max-height:96dvh;padding:0;border:1px solid #7c7059;background:var(--bg);color:var(--ink);overflow:auto}dialog::backdrop{background:#040b13e8;backdrop-filter:blur(5px)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line)}.viewer-toolbar h2{font:500 21px var(--serif);margin:0}.viewer-toolbar>div{display:flex;align-items:center;gap:20px}.viewer-toolbar a{font-size:13px;color:var(--gold)}.viewer-toolbar button{background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:6px 12px;font-size:14px}.viewer-toolbar button span{font-size:19px;margin-left:7px}.viewer-image-wrap{overflow:auto}.viewer-image-wrap img{width:100%;height:auto}.viewer-tip{text-align:center;font-size:12px;color:var(--muted);margin:12px 0}
.spoiler-notice{max-width:770px;margin:45px auto 25px;padding:45px;border:1px solid #8a765157;background:var(--panel)}.warning-label{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--gold);border:1px solid #8a7651;padding:3px 10px}.spoiler-notice h2{font:500 30px var(--serif);margin:22px 0 15px}.spoiler-notice p{font-size:15px;line-height:1.95;color:var(--muted)}.notice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.reading-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:60px;border-top:1px solid var(--line);padding-top:32px}.reading-toc{position:sticky;top:105px;align-self:start;max-height:calc(100dvh - 130px);overflow-y:auto;padding-right:12px;font-size:13px}.reading-toc .eyebrow{font-size:11px}.toc ul{list-style:none;padding:0;margin:0}.toc li{margin:0 0 12px;line-height:1.8}.toc li ul{border-left:1px solid var(--line);margin:12px 0 20px;padding-left:13px}.toc a{color:var(--muted)}.toc a:hover,.toc a:focus{color:var(--gold)}.reading-column{max-width:890px;min-width:0}.mobile-toc{display:none}.prose{font-family:var(--serif);font-size:18px;line-height:2;color:#e0e2df;overflow-wrap:break-word}.prose p{margin:0 0 23px}.prose h2{font-weight:500;color:var(--ink);font-size:31px;line-height:1.5;margin:48px 0 24px;padding-top:22px;border-top:1px solid var(--line)}.prose h2:first-child{margin-top:0}.prose h3{font-size:24px;font-weight:500;line-height:1.55;color:var(--gold);margin:38px 0 18px}.prose h4{font-size:20px;color:var(--ink)}.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.prose li{margin-bottom:10px}.prose strong{color:var(--ink)}.table-scroll{overflow-x:auto;margin:25px 0 35px;max-width:100%;border:1px solid var(--line);font-family:var(--sans)}.prose table{border-collapse:collapse;width:100%;min-width:680px;font-size:14px;line-height:1.85;text-align:left}.prose th,.prose td{padding:13px 15px;border:1px solid var(--line);vertical-align:top}.prose th{color:var(--gold);background:var(--panel);font-weight:500}.prose td:first-child{min-width:110px}.prose blockquote{border-left:2px solid var(--gold);padding-left:20px;margin-left:0;color:var(--muted)}.reading-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;color:var(--muted);font-size:12px}.reading-end a{color:var(--gold)}
.chapters-empty{border-top:1px solid var(--line);padding:70px 20px 45px;text-align:center}.empty-symbol{display:grid;place-items:center;width:68px;height:68px;border:1px solid #675d47;margin:0 auto 28px;font:36px var(--serif);color:var(--gold)}.chapters-empty .eyebrow{font-size:12px;margin-bottom:12px}.chapters-empty h2{font:500 31px var(--serif);margin:0 0 20px}.chapters-empty p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9}.chapters-empty .button{margin-top:16px}.chapter-list{max-width:900px}.chapter-item{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:25px 0}.chapter-item>span{color:var(--gold);font:20px Georgia,serif}.chapter-item h2{font:500 23px var(--serif);margin:0;flex:1}.chapter-reading{max-width:1000px}.chapter-reading>h1{font:500 40px var(--serif);margin:15px 0 40px}.chapter-pagination{border-top:1px solid var(--line);padding-top:25px;margin-top:45px;display:flex;justify-content:space-between;color:var(--gold);font-size:14px}.error-page{padding-top:130px;text-align:center}.error-page h1{font:500 40px var(--serif)}.error-page p{color:var(--muted)}
@media(min-width:1600px){.hero-art{height:515px}.hero{padding-top:85px}}
@media(max-width:1050px){.hero{gap:5%;min-height:610px}.hero-art{height:400px;gap:9px}.hero h1{font-size:80px}.hero-intro{font-size:21px}.hero-note{font-size:13px}.reading-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.entry-status{font-size:11px}}
@media(max-width:760px){.header-inner{padding:15px 5%;gap:15px}.brand{font-size:18px;gap:9px}.brand-mark{width:29px;height:29px;font-size:18px}.site-header nav{gap:17px;font-size:13px}.repo-link{display:none}.hero{grid-template-columns:1fr;padding:42px 0 58px;gap:37px}.hero h1{font-size:72px;line-height:1.1;margin-bottom:23px}.hero h1 span{display:inline;margin:0}.hero-intro{font-size:21px}.hero-note{font-size:14px;max-width:none}.hero-meta{margin-top:25px}.hero-actions{margin-top:23px}.hero-art{height:350px;gap:12px;max-width:620px;width:100%}.portrait-one{margin-bottom:25px}.portrait-two{margin-top:20px}.portrait-three{margin-top:45px;margin-bottom:25px}.portrait figcaption{font-size:22px;left:13px;bottom:17px}.art-caption{bottom:-27px;font-size:10px}.entry-grid{grid-template-columns:1fr;margin-bottom:45px}.entry:first-child{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.entry:last-child{padding-left:0}.entry{padding-top:27px;padding-bottom:25px}.entry h2{font-size:27px}.entry-status{font-size:12px}.site-footer{align-items:flex-start;padding-bottom:27px;gap:14px}.site-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-title{font-size:16px}.site-footer>div>span{font-size:11px}.spoiler-link{font-size:11px}.page-shell{padding-top:35px;padding-bottom:55px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:34px;margin-bottom:12px}.page-heading>p:last-child{font-size:14px}.page-heading .eyebrow{font-size:11px}.gallery-tools{gap:12px;padding-bottom:21px;align-items:center}.search-field{padding:9px 12px}.search-field input{font-size:14px}.gallery-count{font-size:12px}.gallery-count strong{font-size:21px}.character-grid{grid-template-columns:1fr;gap:23px}.card-heading{padding:12px 14px}.card-heading h2{font-size:21px}.real-name{font-size:11px}.card-footer{padding:10px 14px}.image-hint{opacity:1;font-size:11px;padding:3px 8px;right:8px;bottom:8px}.viewer-toolbar{padding:12px;gap:10px}.viewer-toolbar h2{font-size:19px}.viewer-toolbar>div{gap:12px}.viewer-toolbar a{font-size:11px}.viewer-toolbar button{font-size:12px;padding:5px 9px}.viewer-tip{font-size:11px;padding:0 10px}.reading-layout{display:block;padding-top:22px}.reading-toc{display:none}.mobile-toc{display:block;border:1px solid var(--line);padding:13px 17px;margin-bottom:28px;font-size:14px}.mobile-toc summary{cursor:pointer;color:var(--gold)}.mobile-toc .toc{padding-top:20px;font-size:13px}.prose{font-size:17px;line-height:1.95}.prose h2{font-size:26px;margin-top:37px}.prose h3{font-size:22px}.reading-end{flex-direction:column;gap:8px}.spoiler-notice{margin-top:30px;padding:28px 23px}.spoiler-notice h2{font-size:26px}.spoiler-notice p{font-size:14px}.notice-actions{flex-direction:column;align-items:stretch}.chapters-empty{padding:50px 10px 30px}.chapters-empty h2{font-size:27px}.chapter-reading>h1{font-size:32px}}
@media(max-width:380px){.hero h1{font-size:62px}.hero-art{height:290px;gap:8px}.brand{font-size:16px}.site-header nav{gap:12px;font-size:12px}.header-inner{gap:8px}.gallery-tools{flex-direction:column;align-items:stretch}.gallery-count{align-self:flex-end}}
/* Character directory: portrait windows, then full individual dossiers. */
.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px}
.character-tile{border:0;background:none;overflow:visible;min-width:0}
.tile-link{position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 16px 18px;border:1px solid var(--line);background:var(--panel);border-radius:4px;min-height:100%;transition:border-color .2s,background .2s}
.tile-link:hover{border-color:var(--gold);background:#1c2b37}
.tile-number{align-self:flex-start;color:var(--gold);font:13px Georgia,serif;letter-spacing:.08em;margin-bottom:12px}
.avatar-window{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%;border:1px solid #9c825654;background:#24323d;isolation:isolate}
.avatar-window img{display:block;width:100%;height:100%;object-fit:contain}.character-tile .avatar-window{border-radius:8px}
.tile-link h2{font:500 22px/1.45 var(--serif);margin:18px 0 6px;text-align:center;overflow-wrap:anywhere}
.tile-caption{color:var(--muted);font-size:12px;line-height:1.6;text-align:center}
.character-profile{max-width:1400px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:32px;font-size:14px;color:var(--muted)}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold)}
.profile-heading{display:flex;align-items:center;gap:30px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.profile-avatar{width:148px;flex:0 0 148px}
.profile-heading-copy{min-width:0}
.profile-heading .eyebrow{font-size:12px;margin-bottom:12px}
.profile-heading h1{font:500 48px/1.35 var(--serif);letter-spacing:.04em;margin:0 0 8px;overflow-wrap:anywhere}
.profile-name-line{color:var(--muted);font-size:15px;margin:0 0 14px;overflow-wrap:anywhere}
.profile-basic{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--ink)}
.profile-basic span{display:inline-block;padding:4px 10px;border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere}
.profile-quote{margin:26px 0 38px;padding:2px 0 2px 20px;border-left:2px solid var(--gold);font:19px/1.9 var(--serif);color:var(--gold)}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);align-items:start;gap:42px;margin-top:36px}
.profile-layout>section{min-width:0}
.profile-layout h2{font:500 27px/1.5 var(--serif);margin:0 0 22px}
.dossier-section{position:sticky;top:105px}
.dossier-image{border:1px solid #7c7059;overflow:hidden}
.dossier-image .image-hint{opacity:1;font-size:14px;padding:6px 12px}
.dossier-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.dossier-actions .button{min-height:44px}
.profile-info{padding-left:28px;border-left:1px solid var(--line)}
.profile-section{border-top:1px solid var(--line);padding:19px 0 22px}
.profile-section h3{font-size:15px;line-height:1.65;color:var(--gold);font-weight:500;margin:0 0 11px;letter-spacing:.08em}
.profile-section p,.profile-secret p{font:17px/1.9 var(--serif);margin:0 0 7px;overflow-wrap:anywhere}
.profile-section p:last-child{margin:0}
.profile-secret{border-top:1px solid var(--line);padding:15px 0;font-size:15px}
.profile-secret summary{color:var(--gold);cursor:pointer;min-height:44px;line-height:44px}
.profile-secret summary>span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:2px 6px;margin-left:8px;white-space:nowrap}
.profile-secret>div{padding:12px 0 4px}
.profile-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line);align-items:center}
.profile-pagination a{display:flex;flex-direction:column;font-size:18px;line-height:1.65;min-height:44px;color:var(--gold);overflow-wrap:anywhere}
.profile-pagination a>span{font-size:12px;color:var(--muted);margin-bottom:3px}
.profile-pagination a:last-child{text-align:right}
.profile-pagination .back-to-gallery{font-size:14px;justify-content:center;color:var(--ink);border:1px solid var(--line);padding:8px 13px}
.viewer-toolbar{position:sticky;top:0;background:var(--bg);z-index:2}
.viewer-toolbar button{min-height:44px}
.viewer-image-wrap{max-height:calc(92dvh - 150px);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.viewer-image-wrap img{width:100%;max-width:none}
.is-zoomed .viewer-image-wrap img{width:1774px}
.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px 20px;background:var(--bg)}
.viewer-bottom .viewer-tip{margin:0;text-align:left;line-height:1.8}
.viewer-bottom a{color:var(--gold);font-size:13px;display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
@media(max-width:1150px){.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-layout{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.profile-info{padding-left:22px}}
@media(max-width:850px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1fr);gap:38px}.dossier-section{position:static}.profile-info{padding-left:0;border-left:0}.profile-section{padding:19px 0}.profile-info h2{margin-bottom:18px}}
/* Narrow screens use a two-column directory and readable stacked profiles. */
@media(max-width:640px){
  .header-inner{padding:10px 16px;gap:8px;flex-wrap:wrap}
  .brand{font-size:17px;gap:8px;letter-spacing:.06em}
  .brand-mark{width:30px;height:30px;flex:0 0 30px}
  .site-header nav{gap:4px;font-size:14px;flex-wrap:wrap;margin-left:auto}
  .site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px}
  .site-header nav .repo-link{display:none}
  .home-shell{padding:0 16px}
  .hero{padding:34px 0 54px;gap:30px;min-height:0}
  .hero-copy{min-width:0}
  .hero h1{font-size:clamp(2rem,16vw,4.5rem);letter-spacing:.06em;line-height:1.25;margin-bottom:22px}
  .hero h1 span{display:inline;margin:0}
  .hero-intro{font-size:20px}
  .hero-note{font-size:14px;line-height:1.9}
  .hero-art{height:clamp(220px,82vw,350px);gap:10px}
  .hero-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px}
  .hero-actions .button{padding:11px 10px;min-height:46px;font-size:15px}
  .hero-meta{font-size:12px;line-height:1.8;flex-wrap:wrap}
  .entry p{font-size:15px}
  .entry-action{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
  .page-shell{padding:28px 16px 50px}
  .page-heading h1{font-size:32px;line-height:1.5}
  .page-heading>p:last-child{font-size:15px}
  .gallery-tools{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}
  .search-field{padding:9px 12px;min-height:46px;flex:1 1 220px;max-width:none}
  .search-field input{font-size:16px;line-height:1.6}
  .gallery-count{margin-left:auto;font-size:13px}
  .avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .tile-link{padding:14px 12px 17px}
  .tile-number{font-size:12px;margin-bottom:10px}
  .tile-link h2{font-size:21px;margin:14px 0 6px}
  .tile-caption{font-size:12px}
  .breadcrumbs{margin-bottom:17px;font-size:14px}
  .profile-heading{gap:16px;align-items:flex-start;padding-bottom:24px}
  .profile-avatar{width:88px;flex:0 0 88px;margin-top:3px}
  .profile-heading .eyebrow{font-size:11px;line-height:1.7;margin-bottom:7px;letter-spacing:.06em}
  .profile-heading h1{font-size:32px;line-height:1.35;letter-spacing:.02em;margin-bottom:8px}
  .profile-name-line{font-size:14px;line-height:1.8;margin-bottom:11px}
  .profile-basic{gap:6px;font-size:13px}
  .profile-basic span{padding:3px 7px}
  .profile-quote{font-size:17px;padding-left:14px;margin:23px 0 28px;line-height:1.85}
  .profile-layout{margin-top:28px;gap:32px}
  .profile-layout h2{font-size:25px;margin-bottom:16px}
  .dossier-image .image-hint{font-size:13px;right:9px;bottom:9px;padding:5px 10px}
  .dossier-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dossier-actions .button{font-size:14px;padding:10px 8px;min-height:46px}
  .profile-section p,.profile-secret p{font-size:18px;line-height:1.85}
  .profile-section h3{font-size:15px;margin-bottom:9px}
  .profile-pagination{gap:12px;padding-top:22px;margin-top:32px}
  .profile-pagination a{font-size:16px;line-height:1.8}
  .profile-pagination .back-to-gallery{font-size:14px;padding:8px 10px}
  dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0}
  dialog[open]{display:flex;flex-direction:column}
  .viewer-toolbar{padding:10px 12px;flex:0 0 auto;gap:10px}
  .viewer-toolbar h2{font-size:19px;min-width:0;overflow-wrap:anywhere}
  .viewer-toolbar>div{gap:8px;flex:0 0 auto}
  .viewer-toolbar button{font-size:14px;min-height:44px;padding:5px 9px;white-space:nowrap}
  .viewer-image-wrap{flex:1;min-height:0;max-height:none;display:flex;align-items:flex-start}
  .viewer-image-wrap img{flex-shrink:0}
  .viewer-bottom{padding:9px 12px;flex:0 0 auto;flex-wrap:wrap;gap:5px 12px}
  .viewer-bottom .viewer-tip{font-size:12px;padding:0}
  .viewer-bottom a{font-size:13px;margin-left:auto}
  .notice-actions .button{font-size:15px;min-height:46px}
  .site-footer{padding:24px 16px;flex-wrap:wrap;gap:14px}
  .site-footer>div>span{font-size:12px}
  .spoiler-link{font-size:12px;min-height:44px;display:flex;align-items:center;gap:4px}
}
@media(max-width:360px){.tile-link{padding:12px 10px 15px}.tile-link h2{font-size:19px}.profile-avatar{width:74px;flex-basis:74px}.profile-heading{gap:13px}.profile-heading h1{font-size:29px}.profile-pagination{gap:8px}.viewer-toolbar{flex-wrap:wrap}.viewer-toolbar>div{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Scenery remains decorative; all readable content is live HTML. */
body{font-weight:400;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
#main{position:relative;isolation:isolate}
.page-backdrop{position:absolute;z-index:-1;inset:0 0 auto;height:750px;background:url("backgrounds/moonlit-archive.webp") center top/cover no-repeat;pointer-events:none;overflow:hidden}
.page-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101b2522 0%,#101b255e 30%,#101b25d9 65%,var(--bg) 100%)}
.page-home .page-backdrop{height:980px;background-image:url("backgrounds/greybridge-dusk.webp");background-position:60% top}
.page-home .page-backdrop:after{background:linear-gradient(90deg,#101b25c9,#101b2555 65%),linear-gradient(180deg,#101b2520 0%,#101b2548 45%,var(--bg) 93%)}
.page-reader .page-backdrop{height:560px;opacity:.5}
.hero h1{font-weight:400;font-size:clamp(80px,8.8vw,124px);letter-spacing:.08em;text-shadow:0 4px 30px #0c142bc2}
.hero-intro{font-size:25px;text-shadow:0 2px 14px #0009}
.hero-note{color:#d1d9dc}
.hero-art .portrait{box-shadow:0 20px 45px #070e1770}
.brand,.footer-title,.page-heading h1,.profile-heading h1{font-weight:400}
.page-heading h1{font-size:54px}
.tile-link{background:linear-gradient(145deg,#1c2d3ceb,#14212eed);box-shadow:0 9px 28px #070e1733}
.tile-link h2{font-size:27px;font-weight:400;line-height:1.25}
.tile-link:hover{background:linear-gradient(145deg,#243d4deb,#192b3ced);transform:translateY(-3px)}
.tile-link{transition:background .2s,border-color .2s,transform .2s}
.profile-heading{border-color:#879baf50}
.profile-heading h1{font-size:58px}
.profile-quote{font-size:24px;line-height:1.8}
.profile-info{background:#101b25e8;border:1px solid #43576880;border-radius:4px;padding:25px 28px 8px}
.profile-section p,.profile-secret p,.prose{font-family:var(--sans);font-weight:400}
.prose{line-height:2.05;letter-spacing:.015em}
.prose h2,.prose h3,.prose h4{font-family:var(--display);font-weight:400;letter-spacing:.04em}
.prose h2{font-size:36px}.prose h3{font-size:29px}
.reading-column{background:#101b25f0;padding:28px;border:1px solid #43576870;border-radius:4px}
.world-entry{display:grid;grid-template-columns:1fr auto;gap:8px 28px;margin:0 0 34px;padding:28px 32px;border:1px solid #ad946060;border-radius:4px;background:linear-gradient(90deg,#101b25ed,#101b25a8),url("backgrounds/moonlit-archive.webp") center 40%/cover;transition:border-color .2s}
.world-entry:hover{border-color:var(--gold)}
.world-entry .eyebrow{grid-column:1/-1;margin:0;font-size:11px}
.world-entry-title{font:38px/1.4 var(--display);color:var(--ink)}
.world-entry-copy{grid-column:1;color:#c1ccd2;font-size:14px}
.world-entry-action{grid-column:2;grid-row:2/4;align-self:center;color:var(--gold);font-size:14px}
.world-heading{padding:14px 0 34px;max-width:790px;margin-bottom:10px}
.world-heading h1{font-size:76px;line-height:1.4}
.world-heading>p:last-of-type{font-size:17px;color:#c6d0d7;line-height:1.95}
.world-jump-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:14px;color:var(--gold)}
.world-jump-links a{display:inline-flex;align-items:center;min-height:44px}
.world-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 65px}
.world-overview-card{position:relative;border:1px solid #71849250;border-radius:4px;padding:29px 30px;background:linear-gradient(140deg,#172a38eb,#101b25f2)}
.overview-number{font:14px Georgia,serif;color:var(--gold);letter-spacing:.08em}
.world-overview-card h2{font:400 31px/1.5 var(--display);margin:11px 0 14px}
.world-overview-card p{font-size:16px;line-height:1.95;color:#c5cfd4;margin:0 0 19px}
.related-terms{display:flex;flex-wrap:wrap;gap:8px}
.term-link{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:38px;max-width:100%;padding:5px 10px;border:1px solid #4f647873;border-radius:2px;font-size:13px;color:var(--gold);overflow-wrap:anywhere;line-height:1.8}
.term-link:hover{background:#27394c;border-color:var(--gold)}
.link-spoiler{font-size:10px;color:var(--muted)}
.wiki-section{border-top:1px solid var(--line);padding-top:38px;scroll-margin-top:105px}
.wiki-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.wiki-section-heading .eyebrow{font-size:11px;margin:0 0 10px}
.wiki-section h2{font:400 38px/1.5 var(--display);margin:0}
.wiki-section-heading>p{font-size:13px;color:var(--muted);margin:0}
.wiki-section-heading strong{font:24px Georgia,serif;color:var(--gold)}
.wiki-editorial{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 25px;max-width:850px}
.wiki-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.wiki-tools .search-field{max-width:480px;background:#162839;font-size:16px}
.wiki-tools input{font-size:16px}
.wiki-count{color:var(--muted);font-size:13px}
.wiki-clear{font-family:var(--sans);background:none;border:1px solid var(--line);color:var(--gold);padding:8px 12px;min-height:44px;font-size:13px;line-height:1.7;border-radius:2px}
.wiki-clear:hover{background:#243747}
.wiki-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:27px}
.wiki-filters button{font-family:var(--sans);font-size:14px;min-height:44px;border:1px solid #405566;background:#152536;color:#c5cfd4;padding:8px 14px;border-radius:2px;line-height:1.7}
.wiki-filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.wiki-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.wiki-term{min-width:0;background:linear-gradient(130deg,#1a2c3af5,#121f2cf5);border:1px solid #385061;border-radius:4px;padding:24px 28px;scroll-margin-top:115px;overflow-wrap:anywhere}
.wiki-term:target{border-color:var(--gold);box-shadow:0 0 0 2px #d6ba8220}
.term-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--gold)}
.term-category{font-size:11px;letter-spacing:.1em;color:var(--muted)}
.term-permalink{display:grid;place-items:center;width:38px;min-height:38px;border:1px solid #3d5363;border-radius:2px;font:18px Georgia,serif}
.wiki-term h3{font:400 35px/1.45 var(--display);letter-spacing:.02em;margin:4px 0 12px;color:var(--ink)}
.term-aliases{color:var(--muted);font-size:12px;margin:0 0 13px}
.term-summary{font-size:17px;font-weight:500;line-height:1.9;color:#e1e4df;margin:0 0 15px}
.term-description p{font-size:15px;line-height:1.95;color:#c0cbd2;margin:0 0 13px}
.term-related{margin-top:21px;border-top:1px solid #374e60;padding-top:16px}
.term-related>span,.term-people>span{display:block;font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.term-people{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:15px;align-items:center}
.term-people>span{margin:0}
.term-people>a{font-size:13px;min-height:38px;display:inline-flex;align-items:center;color:var(--gold)}
.term-source{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0 0}
.wiki-spoiler-notice{margin-top:36px;padding:30px;border:1px solid #9c825660;background:#162634;border-radius:4px}
.wiki-spoiler-notice h2{font-size:32px;margin:17px 0 12px}
.wiki-spoiler-notice p{color:var(--muted);font-size:15px;line-height:1.95;margin:0 0 21px;max-width:760px}
.advanced-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:38px 0 24px}
.advanced-heading .wiki-clear{margin-left:auto}
.world-back{display:inline-flex;align-items:center;min-height:44px;margin-top:30px;color:var(--gold);font-size:14px}
.gallery-world-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font:14px/1.8 var(--sans);margin:0 0 19px;gap:8px}
.gallery-world-link:hover{text-decoration:underline;text-underline-offset:5px}
.footer-world-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);white-space:nowrap}
.hero-art{display:block;margin-bottom:12px}
.hero-slides{height:100%}
.hero-slide{height:100%;display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:12px;animation:portrait-reveal .3s ease-out}
.portrait>a{display:block;height:100%}
.portrait figcaption{pointer-events:none}
.carousel-controls{position:absolute;top:calc(100% + 16px);left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:14px}
.carousel-controls .art-caption{position:static;line-height:1.8;font-size:10px;letter-spacing:.1em}
.carousel-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}
.carousel-buttons button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b9a37080;border-radius:2px;background:#162634d9;color:var(--gold);font:23px/1 var(--sans);transition:background .2s,border-color .2s}
.carousel-buttons button:hover{background:#314656;border-color:var(--gold)}
#carousel-status{font:12px/1.8 var(--sans);font-variant-numeric:tabular-nums;color:var(--gold);min-width:46px;text-align:center;white-space:nowrap}
@keyframes portrait-reveal{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero{padding-bottom:95px}.hero-slide{gap:12px}.carousel-controls{gap:10px}.carousel-controls .art-caption{font-size:10px}}
@media(max-width:640px){.hero-slide{gap:10px}.hero-art{margin-bottom:28px}.hero{padding-bottom:62px}.carousel-controls{top:calc(100% + 12px);flex-wrap:wrap;gap:8px 12px}.carousel-controls .art-caption{font-size:9px;letter-spacing:.04em}.carousel-buttons{margin-left:auto;gap:8px}.carousel-buttons button{width:44px;height:44px}.footer-world-link{font-size:13px}}
@media(max-width:360px){.carousel-controls .art-caption{max-width:112px}.hero-slide{gap:8px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.tile-link:hover{transform:none}}
/* Centre each original head rather than cropping from the exhibition card's left edge. */
.hero-art .portrait{container-type:inline-size}
.hero-art .portrait:before{content:"";position:absolute;inset:0;background-image:var(--hero-portrait-src);background-size:auto 100%;background-position:20% center;filter:blur(12px) brightness(.5);transform:scale(1.08);pointer-events:none}
.hero-art .portrait>a{position:relative;overflow:hidden}
.hero-art .portrait img{position:absolute;top:0;left:50%;width:auto;max-width:none;height:min(100%,calc(100cqw * var(--hero-face-scale)));object-fit:initial;transform:translateX(calc(-1 * var(--hero-focus-x)));transition:filter .25s}
.hero-art .portrait:hover img{transform:translateX(calc(-1 * var(--hero-focus-x)));filter:brightness(1.05)}
@media(max-width:1050px){.hero h1{font-size:94px}.hero-intro{font-size:24px}}
@media(max-width:760px){.hero h1{font-size:80px}.world-overview{gap:16px}.world-overview-card{padding:22px}.wiki-term{padding:23px}.world-heading h1{font-size:62px}.wiki-section-heading{gap:10px}.reading-column{padding:20px}.profile-info{padding:22px}}
@media(max-width:640px){
 html{scroll-padding-top:135px}
 .header-inner{gap:2px;padding-top:13px;padding-bottom:4px}
 .brand{font-size:23px;letter-spacing:.03em}
 .brand-mark{font-size:23px}
 .site-header nav{width:100%;margin:6px 0 0;justify-content:space-between;border-top:1px solid #30404b80;padding-top:3px;gap:10px}
 .site-header nav a{padding:6px 8px;min-height:44px;font-size:14px}
 .page-backdrop{height:660px;background-image:url("backgrounds/moonlit-archive-mobile.webp");background-position:68% top}
 .page-home .page-backdrop{height:900px;background-image:url("backgrounds/greybridge-dusk-mobile.webp");background-position:66% top}
 .page-home .page-backdrop:after{background:linear-gradient(180deg,#101b25a6 0%,#101b256b 38%,#101b25b5 72%,var(--bg) 100%)}
 .hero h1{font-size:clamp(48px,18vw,78px);line-height:1.28;letter-spacing:.03em;margin-bottom:15px}
 .hero-intro{font-size:24px;line-height:1.8}
 .hero-note{font-size:15px}
 .page-heading h1{font-size:42px;line-height:1.35;margin-bottom:17px}
 .page-heading>p:last-child{font-size:15px}
 .tile-link h2{font-size:26px;line-height:1.4;margin-top:14px}
 .profile-heading h1{font-size:42px;line-height:1.35}
 .profile-quote{font-size:23px;line-height:1.8}
 .profile-info{padding:19px 18px 4px}
 .profile-section p,.profile-secret p{font-size:18px;line-height:1.95}
 .prose{font-size:18px;line-height:2}
 .prose h2{font-size:31px}.prose h3{font-size:27px}
 .reading-column{padding:18px 15px}
 .world-entry{padding:23px 20px;grid-template-columns:1fr;gap:10px;margin-bottom:25px;background-image:linear-gradient(90deg,#101b25ed,#101b25a8),url("backgrounds/moonlit-archive-mobile.webp")}
 .world-entry-title{font-size:36px}
 .world-entry-copy{font-size:14px;line-height:1.9}
 .world-entry-action{grid-column:1;grid-row:auto;min-height:44px;display:inline-flex;align-items:center}
 .world-heading{padding:0 0 25px}
 .world-heading h1{font-size:62px}
 .world-heading>p:last-of-type{font-size:16px}
 .world-overview{grid-template-columns:1fr;gap:16px;margin-bottom:40px}
 .world-overview-card{padding:24px 22px}
 .world-overview-card h2{font-size:32px}
 .world-overview-card p{font-size:16px}
 .wiki-section{padding-top:26px;scroll-margin-top:135px}
 .wiki-section h2{font-size:33px;line-height:1.5}
 .wiki-tools{gap:12px}
 .wiki-tools .search-field{flex:1 1 100%;width:100%;padding:10px 13px;min-height:48px}
 .wiki-count{font-size:13px}
 .wiki-tools .wiki-clear{margin-left:auto}
 .wiki-filters{gap:8px;margin-bottom:23px}
 .wiki-filters button{font-size:13px;padding:8px 12px;min-height:44px}
 .wiki-grid{grid-template-columns:1fr;gap:18px}
 .wiki-term{padding:23px 20px;scroll-margin-top:135px}
 .wiki-term h3{font-size:36px;line-height:1.45}
 .term-summary{font-size:18px;font-weight:500;line-height:1.95}
 .term-description p{font-size:16px;line-height:2}
 .term-link{min-height:44px;font-size:13px;padding:6px 10px}
 .term-permalink{min-height:44px;width:44px}
 .term-people>a{min-height:44px;font-size:14px}
 .wiki-spoiler-notice{padding:25px 21px;margin-top:25px}
 .wiki-spoiler-notice p{font-size:16px}
 .wiki-spoiler-notice .button{width:100%;font-size:15px;min-height:48px}
 .advanced-heading{gap:12px}
 .advanced-heading .wiki-clear{margin-left:0}
}
@media(max-width:360px){.tile-link h2{font-size:23px}.profile-heading h1{font-size:36px}.world-heading h1{font-size:54px}.wiki-section h2{font-size:30px}.wiki-term h3{font-size:32px}}

/* Each character has their own scenery, with a clear portrait above the dossier. */
.page-character .page-backdrop{height:100%;background-image:linear-gradient(#101b25ed,#101b25fa),var(--character-background);background-size:cover;background-position:center top;opacity:1}
.page-character .page-backdrop:after{display:none}
.character-scene{position:relative;isolation:isolate;min-height:clamp(640px,56vw,900px);overflow:hidden}
.character-scene-art{position:absolute;z-index:-2;inset:0;display:block}
.character-scene-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.scene-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#101b25ed 0%,#101b25cf 26%,#101b2560 44%,transparent 61%),linear-gradient(0deg,var(--bg),transparent 35%);pointer-events:none}
.scene-content{padding-top:35px;padding-bottom:70px;min-height:0}
.scene-content .breadcrumbs{margin-bottom:40px;color:#d2d5d4}
.scene-content .breadcrumbs a{color:var(--gold);min-height:44px;display:inline-flex;align-items:center}
.scene-content .profile-heading{display:block;max-width:43%;padding:0;border:0;margin:0}
.scene-content .profile-avatar{width:94px;height:94px;margin-bottom:22px;border-color:#bba27280}
.scene-content .profile-heading h1{font-size:clamp(48px,5.5vw,76px);line-height:1.35;margin:6px 0 14px;text-shadow:0 3px 20px #0007;overflow-wrap:anywhere}
.scene-content .profile-name-line{color:#d1d9dc;line-height:1.9;margin-bottom:18px}
.scene-content .profile-basic{max-width:430px;gap:7px 10px}
.scene-content .profile-basic span{background:#101b2577;border:1px solid #b5c3c435;padding:4px 9px;color:#e5e7e1;font-size:13px}
.scene-content .profile-quote{max-width:40%;background:none;border:0;padding:0;margin:25px 0 20px;color:#eee8d9;font-size:25px;line-height:1.8;text-shadow:0 2px 14px #000}
.scene-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;max-width:43%;margin-top:22px}
.scene-actions .button{font-family:var(--sans);background:#101b25bb;font-size:14px;min-height:46px;border-color:#bba27299}
.scene-actions .image-open{width:auto}
.scene-original{font:13px/1.8 var(--sans);color:var(--gold);min-height:44px;display:inline-flex;align-items:center}
.character-profile{padding-top:28px}
.page-character .dossier-section h2,.page-character .profile-info h2{text-shadow:0 2px 12px #0007}
@media(max-width:850px) and (min-width:641px){.scene-content .profile-heading{max-width:46%}.scene-content .profile-avatar{width:78px;height:78px}.scene-content .profile-heading h1{font-size:52px}.scene-content .profile-quote{max-width:43%;font-size:23px}.scene-content .breadcrumbs{margin-bottom:25px}}
@media(max-width:640px){
 .page-character .page-backdrop{background-image:none;background-color:var(--bg)}
 .character-scene{--scene-art-height:min(112vw,480px);min-height:0}
 .character-scene-art{height:var(--scene-art-height);bottom:auto}
 .character-scene-art img{object-position:var(--scene-focus-x,50%) top;object-fit:cover}
 .scene-shade{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) calc(100% - var(--scene-art-height)),#101b2500 calc(100% - var(--scene-art-height) + 140px),#101b2500 100%)}
 .scene-content{padding-top:calc(var(--scene-art-height) - 15px);padding-bottom:24px}
 .scene-content .breadcrumbs{position:absolute;top:12px;left:20px;background:#101b25cc;border:1px solid #b5c3c435;border-radius:3px;padding:0 12px;margin:0;font-size:12px}
 .scene-content .profile-heading{display:flex;align-items:flex-start;gap:17px;max-width:none}
 .scene-content .profile-avatar{flex-shrink:0;width:68px;height:68px;margin:9px 0 0}
 .scene-content .profile-heading-copy{min-width:0}
 .scene-content .profile-heading h1{font-size:42px;margin:5px 0 9px}
 .scene-content .profile-heading .eyebrow{font-size:10px;letter-spacing:.08em}
 .scene-content .profile-name-line{font-size:14px;margin-bottom:14px}
 .scene-content .profile-basic{gap:6px}
 .scene-content .profile-basic span{font-size:12px;padding:3px 7px}
 .scene-content .profile-quote{max-width:none;font-size:23px;margin:22px 0 10px;line-height:1.8}
 .scene-actions{max-width:none;margin-top:16px;gap:18px}
 .scene-actions .button{font-size:14px;padding:10px 15px}
 .character-profile{padding-top:17px}
}
@media(max-width:360px){.scene-content .profile-heading h1{font-size:36px}.scene-content .profile-avatar{width:58px;height:58px}.scene-content .profile-heading{gap:13px}}

/* Chapter artwork appears after its scene and keeps the whole painting visible. */
.chapter-illustration{margin:42px 0 38px;scroll-margin-top:110px}
.chapter-art-open{display:block;width:100%;padding:0;border:1px solid #bba27266;border-radius:3px;overflow:hidden;background:var(--panel)}
.chapter-art-open:hover{border-color:var(--gold)}
.chapter-art-open img{display:block;width:100%;height:auto}
.chapter-illustration figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 2px 0;font:13px/1.8 var(--sans);color:var(--muted)}
.chapter-illustration figcaption>span:last-child{color:var(--gold);white-space:nowrap;font-size:12px}
.chapter-item.has-art{display:grid;grid-template-columns:32px 180px minmax(0,1fr) 20px;gap:24px}
.chapter-thumbnail{width:180px;height:auto;border:1px solid #bba27244;border-radius:3px}
.chapter-item h2{line-height:1.7}
.chapter-item:hover h2{color:var(--gold)}
@media(max-width:760px){
 .chapter-illustration{margin:30px 0 27px}
 .chapter-illustration figcaption{font-size:12px;gap:10px;padding-top:9px}
 .chapter-illustration figcaption>span:last-child{font-size:11px}
 .chapter-item.has-art{grid-template-columns:24px 100px minmax(0,1fr) 12px;gap:12px;padding:20px 0}
 .chapter-thumbnail{width:100px}
 .chapter-item h2{font-size:20px}
 .chapter-item>span{font-size:17px}
}
@media(max-width:380px){.chapter-item.has-art{grid-template-columns:20px 80px minmax(0,1fr) 12px;gap:9px}.chapter-thumbnail{width:80px}.chapter-item h2{font-size:18px}}

/* A complete scene gallery, with uncut paintings and links back to the story. */
.page-art .page-backdrop{opacity:.3;height:560px}
.art-gallery{max-width:1400px}
.art-gallery-tools{border-top:1px solid var(--line);padding:22px 0 29px;margin-bottom:6px}
.art-gallery-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:14px;margin:0 0 21px}
.art-gallery-count strong{font:28px Georgia,serif;color:var(--gold)}
.art-gallery-count>span{margin-left:auto;font-size:13px}
.art-filters{display:flex;gap:9px;flex-wrap:wrap}
.art-filter{min-height:44px;padding:8px 14px;border:1px solid #52616b;background:#16232e;color:var(--muted);border-radius:3px;font-size:14px}
.art-filter>span{margin-left:8px;opacity:.7;font-size:12px}
.art-filter:hover{border-color:var(--gold);color:var(--ink)}
.art-filter[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.art-card{min-width:0;background:#16232ee8;border:1px solid #52616b;border-radius:4px;overflow:hidden}
.art-image{overflow:hidden;background:var(--bg)}
.art-image img{display:block;width:100%;height:auto}
.art-image-hint{position:absolute;right:13px;bottom:13px;background:#101b25e0;padding:5px 10px;border:1px solid #bba27280;border-radius:2px;color:var(--gold);font-size:12px;opacity:0;transition:opacity .2s}
.art-image:hover .art-image-hint,.art-image:focus-visible .art-image-hint{opacity:1}
.art-card-copy{padding:19px 22px 16px}
.art-card-chapter{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}
.art-card-chapter>span{font:13px Georgia,serif;flex-shrink:0;color:var(--gold)}
.art-card h2{font:400 29px/1.55 var(--display);margin:8px 0 11px}
.art-card-copy>a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:13px}
.art-card-copy>a:hover{text-decoration:underline;text-underline-offset:5px}
.chapter-gallery-link{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;color:var(--gold);font-size:14px}
.chapter-gallery-directory{margin:0 0 25px}
.viewer-navigation{display:flex;align-items:center;justify-content:center;gap:22px;padding:7px 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
.viewer-navigation button{min-height:44px;padding:7px 14px;border:1px solid var(--line);border-radius:2px;background:var(--panel);color:var(--gold);font-size:13px}
.viewer-navigation button:disabled{opacity:.4;cursor:default}
.viewer-navigation>span{font-size:13px;min-width:50px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted)}
@media(max-width:1050px) and (min-width:761px){.site-header nav{gap:18px}.repo-link{margin-left:0}}
@media(max-width:760px){.art-grid{gap:22px}.art-card-copy{padding:16px 18px 13px}.art-card h2{font-size:25px}}
@media(max-width:640px){
 .art-grid{grid-template-columns:1fr}
 .art-gallery-tools{padding-top:17px;padding-bottom:23px}
 .art-gallery-count{font-size:13px;gap:5px;margin-bottom:17px}
 .art-gallery-count strong{font-size:25px}
 .art-gallery-count>span{font-size:12px}
 .art-filters{gap:8px}
 .art-filter{font-size:13px;padding:8px 11px}
 .art-filter>span{font-size:11px;margin-left:6px}
 .art-image-hint{opacity:1;right:9px;bottom:9px;font-size:11px}
 .art-card h2{font-size:28px}
 .viewer-navigation{gap:12px}
}
@media(max-width:380px){.site-header nav{gap:3px}.site-header nav a{font-size:13px;padding-left:4px;padding-right:4px}.art-gallery-count>span{margin-left:8px}.art-filter{padding:8px 9px}}

/* Reader creations keep the artwork, the words, and their authors together. */
.page-fanworks .page-backdrop{opacity:.3;height:560px}
.fanworks-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;border:1px solid #8a765166;background:#16232ed9;padding:28px 32px;margin:-40px 0 75px}
.fanworks-entry .eyebrow{grid-column:1/-1;font-size:12px;margin:0}
.fanworks-entry-title{font:400 31px/1.5 var(--display)}
.fanworks-entry-copy{grid-column:1;font-size:14px;color:var(--muted)}
.fanworks-entry-action{grid-column:2;grid-row:2/4;align-self:center;color:var(--gold);font-size:14px}
.fanworks-entry:hover{border-color:var(--gold)}
.fanworks-note{border-left:2px solid #8a7651;padding:9px 16px;background:#16232e99;margin:0 0 28px;font-size:13px;color:var(--muted);line-height:1.9}
.fanworks-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.fanworks-tools .search-field{max-width:340px;flex:1 1 240px}
.fanwork-filters{display:flex;gap:8px;flex-wrap:wrap}
.fanwork-filter{min-height:44px;padding:8px 14px;border:1px solid #52616b;background:var(--panel);color:var(--muted);border-radius:3px;font-size:14px}
.fanwork-filter>span{margin-left:8px;font-size:12px;opacity:.7}
.fanwork-filter:hover{color:var(--ink);border-color:var(--gold)}
.fanwork-filter[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.fanworks-tag-index{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:20px;min-width:0}
.fanworks-tag-label{padding-top:8px;font-size:13px;color:var(--muted);white-space:nowrap}
.fanwork-tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.fanwork-tag{flex:0 0 auto;min-height:36px;max-width:100%;padding:7px 12px;border:1px solid #52616b;border-radius:18px;background:#101b2570;color:var(--muted);font:13px/1.5 var(--sans);cursor:pointer}
.fanwork-tag-list .fanwork-tag{flex:0 1 auto;text-align:left;overflow-wrap:anywhere}
.fanwork-tag:hover,.fanwork-tag:focus-visible{border-color:var(--gold);color:var(--ink)}
.fanwork-tag[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--bg)}
.fanwork-tag-count{margin-left:8px;font-size:11px;opacity:.75}
.fanwork-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.fanwork-card-tags .fanwork-tag{min-height:32px;padding:5px 10px;font-size:12px;overflow-wrap:anywhere}
.fanworks-count{color:var(--muted);font-size:13px;margin:18px 0 24px}
.fanworks-count strong{color:var(--gold);font-size:17px;font-weight:500;margin:0 4px}
.fanworks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.fanwork-card{min-width:0;background:#16232ef2;border:1px solid #52616b;border-radius:4px;overflow:hidden;scroll-margin-top:150px}
.fanwork-card-heading{padding:21px 24px 18px}
.fanwork-card-heading>p:first-child{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--gold);margin:0 0 10px}
.fanwork-card-heading>p>a{font:13px Georgia,serif;min-width:28px;text-align:right}
.fanwork-card h2{font:400 29px/1.6 var(--display);margin:0 0 9px;overflow-wrap:anywhere}
.fanwork-card-heading .fanwork-creator{font-size:13px;color:var(--muted);margin:0}
.fanwork-creator strong{color:var(--ink);font-size:15px;font-weight:500;margin-left:10px;overflow-wrap:anywhere}
.fanwork-image{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fanwork-image img{width:100%;height:auto}
.fanwork-description{padding:19px 24px 23px}
.fanwork-description h3{font-size:12px;font-weight:400;color:var(--gold);margin:0 0 8px}
.fanwork-description p{font-size:15px;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.fanwork-writing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;background:#101b2570}
.fanwork-text,.fanwork-excerpt{font:16px/2 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.fanwork-reading summary{cursor:pointer;min-height:44px;color:var(--gold);font-size:14px;line-height:44px}
.fanwork-reading .fanwork-text{padding-top:15px}
.fanwork-reading[open]+.fanwork-excerpt{display:none}
.fanworks-empty{text-align:center;border-top:1px solid var(--line);padding:48px 15px 30px}
.fanworks-empty .eyebrow{font-size:12px;margin-bottom:12px}
.fanworks-empty h2{font:400 30px/1.6 var(--display);margin:0 0 17px}
.fanworks-empty>p:last-child{color:var(--muted);font-size:15px;line-height:1.9}
@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:10px}.site-header nav{width:100%;gap:22px;margin-left:0}.site-header nav .repo-link{display:none}}
@media(max-width:640px){
 .site-header nav{justify-content:space-between;gap:0;flex-wrap:nowrap}
 .fanworks-entry{margin:-20px 0 45px;padding:21px;grid-template-columns:minmax(0,1fr);gap:9px}
 .fanworks-entry-title{font-size:29px}
 .fanworks-entry-action{grid-column:1;grid-row:auto;min-height:44px;display:flex;align-items:center}
 .fanworks-note{padding:10px 13px;margin-bottom:23px}
 .fanworks-tools{gap:14px}
 .fanworks-tools .search-field{max-width:none;flex-basis:100%}
 .fanwork-filter{font-size:13px;padding:8px 11px}
 .fanworks-tag-index{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:16px}
 .fanworks-tag-label{padding-top:0;font-size:12px}
 .fanwork-tag-list{gap:6px}
 .fanwork-tag-list .fanwork-tag{min-height:44px;padding:8px 11px}
 .fanworks-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .fanwork-card-heading{padding:18px 19px 16px}
 .fanwork-card h2{font-size:28px}
 .fanwork-description{padding:18px 19px 21px}
 .fanwork-writing{padding:19px}
 .fanworks-empty{padding:35px 0 20px}
 .fanworks-empty h2{font-size:26px}
}

/* Full compositions stay visible in both character artwork sections and the viewer. */
.character-art-section{margin-top:58px;padding-top:36px;border-top:1px solid var(--line)}
.character-art-intro .eyebrow{font-size:12px;margin:0 0 12px}
.character-art-intro h2{font:400 34px/1.5 var(--display);margin:0 0 14px}
.character-art-intro>p:last-child{font:15px/1.9 var(--sans);color:var(--muted);margin:0 0 28px}
.character-art-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}
.character-art-card{min-width:0;overflow:hidden;border:1px solid #52616b;background:#16232ef2;border-radius:4px}
.character-art-heading{padding:21px 24px 18px}
.character-art-heading .eyebrow{font-size:12px;margin:0 0 9px}
.character-art-heading h3{font:400 27px/1.5 var(--display);margin:0;overflow-wrap:anywhere}
.character-art-image{background:#0c1620;border-block:1px solid var(--line)}
.character-art-image img{display:block;width:100%;height:auto;object-fit:contain}
.character-art-image .image-hint{opacity:1}
.character-art-description{padding:18px 24px 22px;font:14px/1.9 var(--sans)}
.character-art-description p{color:var(--muted);margin:0 0 12px}
.character-art-description a{display:inline-flex;align-items:center;min-height:44px;color:var(--gold)}
.viewer-image-wrap{display:flex;align-items:center}
.viewer-image-wrap img{max-height:calc(92dvh - 190px);object-fit:contain}
.is-zoomed .viewer-image-wrap{align-items:flex-start}
.is-zoomed .viewer-image-wrap img{width:max(100%,var(--viewer-native-width,1774px));max-height:none}
@media(max-width:760px){
 .character-art-section{margin-top:36px;padding-top:26px}
 .character-art-intro h2{font-size:27px}
 .character-art-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .character-art-heading{padding:18px 19px 16px}
 .character-art-heading h3{font-size:25px}
 .character-art-description{padding:15px 19px 18px}
 .viewer-image-wrap img{max-height:calc(100dvh - 210px)}
 .is-zoomed .viewer-image-wrap img{max-height:none}
}

/* Each avatar is an independent square painting, shown without dossier cropping. */
.scene-action-group{display:flex;align-items:center;flex-wrap:wrap;gap:14px;max-width:100%}
.scene-action-group .scene-original{display:inline-flex;align-items:center;min-height:44px}

/* The same avatar preference is available in the gallery and character archives. */
.gallery-tools{flex-wrap:wrap}
.gallery-tools .search-field{flex:1 1 220px}
.avatar-switch{display:flex;align-items:center;gap:12px;flex-shrink:0;font:14px var(--sans)}
.avatar-switch-label{color:var(--muted);white-space:nowrap}
.avatar-switch-options{display:flex;padding:3px;border:1px solid #bba27280;border-radius:7px;background:#101b25db}
.avatar-switch-options button{min-width:62px;min-height:44px;padding:6px 15px;border:0;border-radius:4px;background:transparent;color:var(--muted);transition:background .2s,color .2s}
.avatar-switch-options button:hover{color:var(--ink)}
.avatar-switch-options button[aria-pressed="true"]{background:var(--gold);color:var(--bg)}
.avatar-window[data-avatar-style="chibi"]{border-radius:8px}
.sticker-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;margin-bottom:28px;border:1px solid #bba27270;background:#101b25d9;border-radius:8px;color:var(--gold)}
.sticker-entry strong{display:block;font:26px/1.5 var(--serif);margin-bottom:4px}
.sticker-entry>span>span{display:block;font-size:14px;line-height:1.9;color:var(--muted)}
.sticker-character{margin:0 0 60px;scroll-margin-top:100px}
.profile-stickers{padding:30px 0 32px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.sticker-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.sticker-section-heading h2{font:32px/1.5 var(--serif);margin:0}
.sticker-section-heading h2>span{color:var(--gold);font:20px Georgia,serif;margin-right:9px}
.sticker-section-heading p{font-size:14px;line-height:1.9;color:var(--muted);margin:8px 0 0}
.sticker-section-heading .eyebrow{font-size:11px;color:var(--gold);margin:0 0 8px}
.sticker-links{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:14px;color:var(--gold)}
.sticker-links a{display:inline-flex;align-items:center;min-height:44px}
.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sticker-card{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#101b25eb;min-width:0}
.sticker-image{background:#24323d;aspect-ratio:1;overflow:hidden}
.sticker-image img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
.sticker-card figcaption{padding:17px 18px 18px}
.sticker-kind{font-size:12px;color:var(--gold)}
.sticker-card h3{font:22px/1.5 var(--serif);margin:6px 0;overflow-wrap:anywhere}
.sticker-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 8px}
.sticker-card a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--gold)}
.sticker-download{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}
.sticker-download>span{font-size:13px;color:var(--muted)}
@media(max-width:1000px){.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .sticker-entry{padding:17px;align-items:flex-start;flex-direction:column;gap:8px}
 .sticker-entry strong{font-size:24px}
 .sticker-section-heading{margin-bottom:18px;gap:8px}
 .sticker-section-heading h2{font-size:28px}
 .sticker-grid{gap:12px}
 .sticker-card figcaption{padding:12px}
 .sticker-card h3{font-size:21px}
 .sticker-image img{padding:7px}
 .sticker-character{margin-bottom:40px}
 .profile-stickers{padding-top:24px}
}
.scene-content>.avatar-switch{width:max-content;max-width:100%;margin-top:22px}
@media(max-width:640px){
 .gallery-tools .search-field{flex-basis:100%}
 .avatar-switch{gap:9px;font-size:13px}
 .avatar-switch-options button{min-width:58px;min-height:44px;padding:6px 12px}
 .scene-content>.avatar-switch{margin-top:18px}
}

/* Both scene types fill the same background area; only the artwork crossfades. */
.scene-slide{opacity:0;transition:opacity 1.6s ease;pointer-events:none}
.scene-slide.is-active{opacity:1}
.page-character .page-backdrop.has-scene-rotation{background-image:none;background-color:var(--bg)}
.scene-backdrop-image{position:absolute;inset:0;background:center top/cover no-repeat;opacity:0;transition:opacity 1.6s ease}
.scene-backdrop-image.is-active{opacity:1}
.page-character .page-backdrop.has-scene-rotation:after{display:block;background:linear-gradient(#101b25ed,#101b25fa)}
.scene-rotation-controls{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;max-width:43%;margin-top:24px;font:13px/1.7 var(--sans)}
.scene-rotation-label{flex-basis:100%;color:var(--gold);font-size:12px;letter-spacing:.08em}
.scene-choices{display:flex;border:1px solid #bba27280;border-radius:4px;overflow:hidden;background:#101b25d9}
.scene-choices button,.scene-rotation-toggle{border:0;min-height:44px;padding:8px 13px;background:transparent;color:var(--muted)}
.scene-choices button[aria-pressed="true"]{background:var(--gold);color:var(--bg)}
.scene-rotation-toggle{border:1px solid #bba27280;border-radius:4px;background:#101b25d9;color:var(--ink)}
.scene-rotation-toggle:hover{background:#293944}
.scene-current{flex-basis:100%;color:var(--muted);font-size:12px}
.scene-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px) and (min-width:641px){.scene-rotation-controls{max-width:46%}}
@media(max-width:640px){
 .scene-rotation-controls{max-width:none;gap:9px 12px;margin-top:20px}
 .scene-choices button,.scene-rotation-toggle{padding:8px 12px;font-size:13px}
 .page-character .page-backdrop.has-scene-rotation .scene-backdrop-image{display:none}
}

.site-filing{text-align:center;padding:0 24px 24px;font-size:12px;color:#aab6bc}.site-filing a{color:inherit}