:root{--ink: #0b1220;--cream: #f0ead6;--cream-dim: rgba(240, 234, 214, .72);--cream-faint: rgba(240, 234, 214, .45);--gold: #c9a25e;--vermillion: #c73e29;--panel: rgba(11, 18, 32, .88);--panel-border: rgba(201, 162, 94, .22);--serif-en: "Cormorant Garamond", "Noto Serif SC", serif;--brush: "Ma Shan Zheng", "Noto Serif SC", cursive;--seigaiha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='90' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%23c9a25e' stroke-width='1.4'%3E%3Ccircle cx='30' cy='90' r='28'/%3E%3Ccircle cx='90' cy='90' r='28'/%3E%3Ccircle cx='30' cy='90' r='19'/%3E%3Ccircle cx='90' cy='90' r='19'/%3E%3Ccircle cx='30' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3C/g%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:var(--serif-en);overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--gold)}#sea{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:-1}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 3rem;background:linear-gradient(to bottom,#0b1220f5 82%,#0b122000)}.nav__brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--cream);flex-shrink:0}.nav__seal{font-family:var(--brush);font-size:.95rem;line-height:1;color:var(--cream);background:var(--vermillion);padding:.35rem .42rem;border-radius:3px;box-shadow:0 0 0 1px #f0ead640 inset}.nav__title{font-size:1rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.nav__links{display:flex;gap:1.9rem}.nav__links a{color:var(--cream-dim);text-decoration:none;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;position:relative;transition:color .3s;white-space:nowrap}.nav__links a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.nav__links a:hover{color:var(--cream)}.nav__links a:hover:after,.nav__links a.is-active:after{transform:scaleX(1)}.nav__links a.is-active{color:var(--gold)}.footer{position:relative;background:var(--ink);border-top:1px solid rgba(201,162,94,.25);padding:2.2rem 3rem;text-align:center}.footer p{font-size:.85rem;color:var(--cream-faint);letter-spacing:.04em;line-height:1.7}.eyebrow{font-family:"Noto Serif SC",serif;font-size:.8rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.lede{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.75;color:var(--cream-dim);max-width:44rem}.lede em{color:var(--cream)}.hanzi{font-family:var(--brush);font-weight:400;color:var(--cream)}.button-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.btn{display:inline-block;padding:.72rem 1.6rem;font-family:var(--serif-en);font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:background .3s,color .3s,transform .3s}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--vermillion);border-color:var(--vermillion);color:var(--cream)}.btn--primary:hover{background:#d94a32}.btn--ghost{background:transparent;color:var(--gold)}.btn--ghost:hover{background:#c9a25e1f}.page{position:relative;max-width:72rem;margin:0 auto;padding:9rem 1.5rem 6rem}.page-header{margin-bottom:3.5rem;padding:1.6rem 1.8rem;margin-left:-.6rem;margin-right:-.6rem;background:linear-gradient(105deg,#0b1220a8,#0b122047 70%,#0b122000);border-radius:6px}.page-header .eyebrow,.page-header h1,.page-header .lede{text-shadow:0 1px 18px rgba(11,18,32,.95),0 0 6px rgba(11,18,32,.8)}.page-header h1{font-weight:400;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;margin-bottom:1.4rem}.page-header .hanzi{display:block;font-size:clamp(3.4rem,8vw,6rem);line-height:1;margin-bottom:.6rem;text-shadow:0 0 50px rgba(11,18,32,.6)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:clamp(1.6rem,3.5vw,2.8rem);margin-bottom:2.5rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel--flush{padding:0;overflow:hidden}.section-heading{margin-bottom:2.2rem}.section-heading h2{font-weight:400;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.25}.section-heading p{margin-top:.7rem;color:var(--cream-dim);font-size:1.05rem;line-height:1.7}.seigaiha-divider{height:34px;margin:0 0 2rem;opacity:.45;background-image:var(--seigaiha);background-repeat:repeat-x;background-position:bottom;background-size:auto 34px}.card-grid{display:grid;gap:1.4rem}.card-grid--2{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.card-grid--3{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.card{background:#f0ead60a;border:1px solid var(--panel-border);border-radius:4px;padding:1.5rem}.card h3{font-weight:600;font-size:1.25rem;margin-bottom:.6rem}.card p{color:var(--cream-dim);line-height:1.7;font-size:1rem}.card-link{display:inline-block;margin-top:1rem;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}.gold-label{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,162,94,.45);border-radius:999px;padding:.28rem .85rem}.pill-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin-top:1rem}.pill-list li,.pill-list .tag{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-dim);border:1px solid rgba(240,234,214,.2);border-radius:999px;padding:.22rem .7rem}.source-note{font-size:.88rem;color:var(--cream-faint);margin-top:.9rem}@media (max-width: 860px){.nav{padding:.9rem 1.1rem;flex-wrap:wrap}.nav__links{order:3;width:100%;gap:1.2rem;overflow-x:auto;padding-bottom:.3rem}.nav__links a{font-size:.8rem}.page{padding-top:10.5rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.hero__inner{text-align:center;padding:0 1.5rem;position:relative}.hero__kicker{font-family:"Noto Serif SC",serif;font-size:clamp(.85rem,1.4vw,1.05rem);letter-spacing:.85em;text-indent:.85em;color:var(--gold);margin-bottom:2.2rem;text-transform:uppercase}.hero__title{position:relative}.hero__hanzi{display:block;font-family:var(--brush);font-weight:400;font-size:clamp(6rem,min(20vw,30vh),15rem);line-height:.95;color:var(--cream);text-shadow:0 0 60px rgba(11,18,32,.55),0 2px 0 rgba(201,162,94,.35)}.hero__hanzi .char{display:inline-block}.hero__latin{display:block;margin-top:1.6rem;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:400;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--cream);line-height:1.5}.hero__tagline{margin-top:2rem;font-style:italic;font-size:clamp(1rem,1.8vw,1.3rem);color:var(--cream-dim);line-height:1.7}.hero__ratings{margin-top:1.8rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem 2rem;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim)}.hero__ratings strong{color:var(--gold);font-size:1.25rem;margin-left:.35rem}.hero__ratings a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(201,162,94,.35);padding-bottom:2px;transition:color .3s,border-color .3s}.hero__ratings a:hover{color:var(--cream);border-color:var(--gold)}.hero__ratings em{font-style:normal;color:var(--gold);font-size:.85rem;margin-left:.35rem}.hero .button-row{justify-content:center}.hero__seal{position:absolute;right:clamp(-.5rem,4vw,5rem);top:8%;width:4.4rem;height:4.4rem;background:var(--vermillion);border-radius:6px;display:grid;place-content:center;gap:0;transform:rotate(-6deg);box-shadow:0 0 0 2px #f0ead659 inset,0 10px 30px #00000073}.hero__seal span{font-family:var(--brush);font-size:1.75rem;line-height:1.05;color:var(--cream)}.hero__scrollhint{position:absolute;bottom:2.6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;color:var(--cream-dim);font-size:.8rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase}.hero__scrollhint i{width:1px;height:3.2rem;background:linear-gradient(to bottom,var(--gold),transparent);animation:drip 2.2s ease-in-out infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.below-fold{position:relative;background:linear-gradient(to bottom,#0b122000,#0b1220e6 8%,#0b1220 18%);padding:8rem 1.5rem 6rem}.below-fold__inner{max-width:72rem;margin:0 auto}.home-section{margin-bottom:6rem}.home-section .section-heading{text-align:center}.home-section .section-heading .lede{margin:.7rem auto 0}.logbook{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative;margin-top:1.2rem}.logbook:before{content:"";position:absolute;top:.35rem;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gold) 10%,var(--gold) 90%,transparent);opacity:.45}.logbook li{position:relative;padding-top:2.1rem}.logbook li:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:.7rem;height:.7rem;border-radius:50%;background:var(--ink);border:1px solid var(--gold);transition:background .3s,box-shadow .3s}.logbook li.is-feature:before{background:var(--vermillion);border-color:var(--vermillion);box-shadow:0 0 14px rgba(199,62,41,.75)}.logbook li:hover:before{background:var(--gold)}.logbook li.is-feature:hover:before{background:var(--vermillion)}.logbook a{display:block;text-decoration:none;text-align:center;padding:.2rem .4rem}.logbook strong{display:block;font-size:1.3rem;font-weight:400;color:var(--gold);margin-bottom:.4rem;transition:color .3s}.logbook li.is-feature strong{font-size:1.55rem}.logbook a:hover strong{color:var(--cream)}.logbook span{font-size:.88rem;color:var(--cream-dim);letter-spacing:.04em}.logbook-cta{display:block;text-align:right;text-decoration:none;margin-top:1.6rem}.logbook-cta strong{display:inline-block;font-family:var(--brush);font-size:1.25rem;font-weight:400;color:var(--gold);border-bottom:1px solid var(--panel-border);padding-bottom:.2rem;transition:color .3s,border-color .3s}.logbook-cta strong:after{content:" →";color:var(--vermillion)}.logbook-cta:hover strong{color:var(--cream);border-color:var(--gold)}.logbook-cta span{display:block;font-size:.85rem;color:var(--cream-faint);margin-top:.4rem;letter-spacing:.04em}@media (max-width:900px){.logbook{grid-template-columns:1fr;gap:0;margin-top:.4rem}.logbook:before{top:0;bottom:0;left:.35rem;right:auto;width:1px;height:auto;background:linear-gradient(to bottom,transparent,var(--gold) 6%,var(--gold) 94%,transparent)}.logbook li{padding:1rem 0 1rem 1.9rem}.logbook li:before{left:0;top:1.5rem;transform:none}.logbook a{text-align:left;padding:0}.logbook-cta{text-align:left;margin-top:1.2rem}}.feature-card{text-decoration:none;color:var(--cream);text-align:left;display:block;position:relative;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-4px);border-color:var(--gold)}.feature-card .card-link{color:var(--gold)}.character-layout{display:grid;grid-template-columns:minmax(16rem,1fr) 2fr;gap:2.5rem;align-items:center}.character-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.character-tile{position:relative;text-decoration:none;border:1px solid var(--panel-border);border-radius:4px;overflow:hidden;aspect-ratio:3 / 4;background:var(--panel);transition:transform .35s,border-color .35s}.character-tile:hover{transform:translateY(-5px);border-color:var(--gold)}.character-tile img{width:100%;height:100%;object-fit:cover}.character-tile span{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .7rem .6rem;font-size:.85rem;letter-spacing:.08em;color:var(--cream);background:linear-gradient(to top,rgba(11,18,32,.92),transparent)}.collage-layout{display:grid;grid-template-columns:minmax(16rem,1fr) 2fr;gap:2.5rem;align-items:center}.poster-collage{position:relative;min-height:26rem}.poster-collage figure{position:absolute;width:46%;border:1px solid var(--panel-border);border-radius:4px;overflow:hidden;box-shadow:0 18px 50px #00000080;background:var(--panel)}.poster-collage figure:first-child{left:0;top:0;transform:rotate(-3deg)}.poster-collage figure:last-child{right:0;top:22%;transform:rotate(2.5deg)}.poster-collage img{width:100%;display:block}.poster-collage figcaption{padding:.6rem .8rem;font-size:.8rem;color:var(--cream-faint);letter-spacing:.04em}@media (max-height: 700px){.hero__scrollhint{display:none}.hero__kicker{margin-bottom:1rem}.hero__hanzi{font-size:clamp(4rem,24vh,9rem)}.hero__latin{margin-top:.9rem}.hero__tagline{margin-top:1.1rem}.hero__ratings{margin-top:1rem}.hero .button-row{margin-top:1.2rem}}@media (max-width: 900px){.character-layout,.collage-layout{grid-template-columns:1fr}.poster-collage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.poster-collage figure{position:static;width:auto}}@media (max-width: 720px){.hero__seal{right:0;top:-6%;width:3.4rem;height:3.4rem}.hero__seal span{font-size:1.3rem}.character-strip{grid-template-columns:repeat(2,1fr)}}

/* ---- i18n locale overrides ---- */
.nav__langs{display:flex;gap:.9rem;flex-shrink:0}
.nav__langs a{color:var(--cream-faint);text-decoration:none;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;white-space:nowrap}
.nav__langs a:hover{color:var(--cream)}
.nav__langs a.is-active{color:var(--gold)}
:lang(ja){--serif-en:"Cormorant Garamond","Noto Serif JP",serif;--brush:"Ma Shan Zheng","Noto Serif JP",cursive}
:lang(zh-Hant){--serif-en:"Cormorant Garamond","Noto Serif TC",serif;--brush:"Ma Shan Zheng","Noto Serif TC",cursive}
:lang(ja) body,:lang(zh-Hant) body{line-height:1.75}
:lang(ja) .nav__links a,:lang(zh-Hant) .nav__links a{text-transform:none;letter-spacing:.08em}
@media (max-width:900px){.nav{flex-wrap:wrap;gap:.6rem;padding:1rem 1.2rem}.nav__langs{order:3}}