:root{--ink:#05090c;--paper:#e9eceb;--muted:#aeb8bd;--fire:#c58b4d;--line:#50606a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}header{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:28px;padding:0 4vw;background:linear-gradient(#071018e8,#07101877,transparent);font:12px Arial,sans-serif;letter-spacing:2px}.brand{margin-right:auto}nav{display:flex;gap:22px}.small{font-size:10px}.hero{min-height:92vh;position:relative;display:grid;place-items:center;background:url('hero-reference.png') center 8%/cover no-repeat}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#02060955,#02060922,#02060977),linear-gradient(0deg,#05090c 0,transparent 30%)}.hero-copy{position:relative;text-align:center;margin-left:18%;text-shadow:0 3px 18px #000}.mountain{font-size:55px}.hero h1{font-size:clamp(54px,8vw,118px);line-height:.82;margin:0;letter-spacing:-3px}.hero p{letter-spacing:7px;line-height:1.8}.hero blockquote{position:absolute;right:5%;top:22%;text-align:right;font-style:italic;line-height:1.8;letter-spacing:2px}.btn{display:inline-block;border:1px solid #d7d9d8;padding:15px 28px;letter-spacing:3px;font:13px Arial,sans-serif;background:#05090caa}.ghost{padding:11px 18px}.section{padding:58px 4vw;border-top:1px solid #28343a}.section h2{letter-spacing:6px;font-weight:400;margin:0 0 12px}.section p{color:var(--muted);letter-spacing:2px}.section-head{display:flex;align-items:end;justify-content:space-between}.chapters,.cards{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:28px}.chapter{min-height:190px;border:1px solid #34434b;padding:20px 12px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#061016,#10202c)}.chapter b{font-size:34px;font-weight:400}.chapter small{font:10px Arial;letter-spacing:1px}.dark{text-align:center}.characters{grid-template-columns:repeat(4,1fr)}.character{min-height:330px;padding:24px;display:flex;flex-direction:column;justify-content:end;text-align:left;border:1px solid #35434a;background:radial-gradient(circle at 50% 20%,#25313a,#080d10 58%)}.character h3{letter-spacing:4px}.character p{font-size:14px;letter-spacing:0;line-height:1.5}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.three article{border:1px solid #35434a;padding:28px}.feature{height:220px;background:linear-gradient(#0002,#0008),url('hero-reference.png') center 10%/cover;display:grid;place-items:center}.play{font-size:46px}.album,.book{margin:20px auto;width:180px;height:220px;border:1px solid #63717a;display:grid;place-items:center;background:linear-gradient(135deg,#172832,#05090c);font-size:24px;line-height:1.4}.book{height:250px}.universe{background:linear-gradient(#05090cdd,#05090cdd),url('hero-reference.png') center 35%/cover}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin-top:45px;border-top:2px solid var(--fire);padding-top:18px;font:10px Arial;letter-spacing:1px;text-align:center}.timeline span:before{content:'○';display:block;color:var(--fire);font-size:22px;margin-top:-31px;margin-bottom:12px}.join-section{min-height:300px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#05090cee,#05090c55),url('hero-reference.png') center 60%/cover}.join-section input,.join-section button{background:#071016cc;color:white;border:1px solid #7a858b;padding:15px}.join-section input{width:min(360px,60vw)}.closing{font-size:26px;letter-spacing:4px;line-height:1.6;text-align:right}footer{min-height:120px;padding:40px 4vw;display:flex;justify-content:space-between;gap:20px;color:#aab3b8;font:10px Arial;letter-spacing:2px}@media(max-width:800px){header nav{display:none}.hero{min-height:80vh;background-position:28% top}.hero-copy{margin:0;padding:0 18px}.hero blockquote{display:none}.hero h1{font-size:56px}.hero p{font-size:10px;letter-spacing:4px}.chapters{grid-template-columns:repeat(2,1fr)}.characters,.three{grid-template-columns:1fr}.timeline{overflow-x:auto;grid-template-columns:repeat(7,150px)}.join-section,footer{flex-direction:column;align-items:flex-start}.closing{text-align:left}.section-head{align-items:flex-start;gap:20px;flex-direction:column}}
/* V1.1 — real project assets */
.hero{background-image:url('assets/hero.webp');background-position:center 34%}.feature{background-image:linear-gradient(#0002,#0008),url('assets/hero.webp');background-position:center 38%}.universe,.join-section{background-image:linear-gradient(#05090cdd,#05090cdd),url('assets/hero.webp')}.chapter{position:relative;overflow:hidden;background-size:cover;background-position:center}.chapter:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03080beF 5%,#06101655 70%)}.chapter>*{position:relative;z-index:1}.chapter.zero{background-image:url('assets/chapter-zero.webp')}.chapter.one,.chapter.two,.chapter.three,.chapter.four,.chapter.five,.chapter.six{background-image:url('assets/hero.webp')}.chapter.one{background-position:35% 55%}.chapter.two{background-position:48% 55%}.chapter.three{background-position:60% 55%}.chapter.four{background-position:72% 50%}.chapter.five{background-position:82% 58%}.chapter.six{background-position:92% 50%}.character{position:relative;overflow:hidden;background-image:url('assets/character-bible.png');background-repeat:no-repeat;background-size:410% auto;padding:0}.character:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05090cf7 0%,#05090c44 55%,#05090c11 100%)}.character-copy{position:relative;z-index:2;margin-top:auto;padding:24px}.character.survivor{background-position:1% 4%}.character.warrior{background-position:7% 92%}.character.shadow{background-image:linear-gradient(#02040666,#020406aa),url('assets/design-master.png');background-size:cover;background-position:66% 48%}.character.guide{background-image:url('assets/design-master.png');background-size:400% auto;background-position:99% 48%}.image-cover{background:url('assets/chapter-zero.webp') center/cover no-repeat}.real-book{background:linear-gradient(#02060944,#020609cc),url('assets/hero.webp') center/cover no-repeat;text-shadow:0 2px 10px #000}.canon-note{font:10px Arial,sans-serif;letter-spacing:4px}.three article p{line-height:1.6;font-size:12px}.three h3{letter-spacing:2px}@media(max-width:800px){.hero{background-position:38% center}.character{min-height:430px}.chapter{min-height:220px}}

footer .socials a{color:inherit;text-decoration:none;letter-spacing:.12em}footer .socials a:hover{text-decoration:underline}
/* Canonical Warrior override */
.character.warrior{background-image:linear-gradient(0deg,rgba(4,8,12,.86),rgba(4,8,12,.05) 65%),url('assets/warrior-canonical.png')!important;background-position:center 18%!important;background-size:cover!important}
.chapter{position:relative;cursor:default}
.chapter.available{cursor:pointer}
.chapter .release-state{display:block;margin-top:8px;font-size:10px;letter-spacing:.18em;opacity:.78}
.chapter.available .release-state{color:#e9e3d7}
/* V1.2 — final visual and functional audit */
body{overflow-x:hidden}.brand,.btn,.chapter,nav a,footer a{transition:opacity .2s ease,border-color .2s ease,transform .2s ease}.brand:hover,nav a:hover,footer a:hover{opacity:.72}.btn:hover{border-color:#fff;transform:translateY(-1px)}
.chapter{cursor:pointer;min-height:220px;background-position:center;background-size:cover}.chapter:hover{transform:translateY(-3px);border-color:#83929a}.chapter:focus-visible,.btn:focus-visible,nav a:focus-visible{outline:2px solid #e9eceb;outline-offset:3px}
.chapter.zero{background-image:url('assets/chapter-zero-cover.webp')}.chapter.one{background-image:url('assets/chapter-one-cover.webp')}.chapter.two{background-image:url('assets/chapter-two-cover.webp')}.chapter.three{background-image:url('assets/chapter-three-cover.webp')}.chapter.four{background-image:url('assets/chapter-four-cover.webp')}.chapter.five{background-image:url('assets/chapter-five-cover.webp')}.chapter.six{background-image:url('assets/chapter-six-cover.webp')}.chapter:before{background:linear-gradient(0deg,#03080bf5 2%,#03080bb8 38%,#06101618 78%)}.chapter b{font-size:28px}.chapter small{font-size:9px;line-height:1.35}.chapter .release-state{font-family:Arial,sans-serif}.chapter.available{box-shadow:inset 0 0 0 1px #b5c0c6}
.character-copy{background:linear-gradient(0deg,#05090c 0%,#05090cdd 45%,transparent 100%);padding-top:60px}.character:after{display:none}.character.warrior{background-position:center 14%!important}.canon-note{opacity:.72}.feature{border:1px solid #35434a}.real-book{width:190px;height:270px;box-shadow:0 20px 45px #0008}.timeline span{line-height:1.45;padding:0 8px}.join-section form{display:flex;gap:8px;flex-wrap:wrap}#status{max-width:540px;line-height:1.5;font-size:11px}footer{align-items:center;flex-wrap:wrap}
@media(max-width:1100px){header{gap:16px}nav{gap:12px}.chapters{grid-template-columns:repeat(4,1fr)}.chapter{min-height:210px}.hero-copy{margin-left:8%}.hero blockquote{font-size:13px}}
@media(max-width:800px){header{height:60px;padding:0 18px}.brand{font-size:10px}.join.small{padding:10px 12px;letter-spacing:1px}.hero{min-height:82vh}.hero h1{font-size:clamp(48px,15vw,72px);line-height:.88}.hero-copy{margin:0}.section{padding:48px 20px}.chapters{grid-template-columns:1fr 1fr;gap:12px}.chapter{min-height:240px}.characters{gap:14px}.character{min-height:480px}.three{gap:14px}.three article{padding:24px 18px}.timeline{padding-bottom:8px}.join-section input{width:min(100%,360px);flex:1 1 230px}.closing{font-size:21px}footer{padding:32px 20px;line-height:1.8}}
@media(max-width:480px){.chapters{grid-template-columns:1fr}.chapter{min-height:300px}.hero p{letter-spacing:3px}.section h2{font-size:24px;letter-spacing:4px}.character{min-height:430px}.closing{font-size:18px}.join-section button{width:100%}}

/* V1.3 — approved canonical visual lock */
.hero{min-height:auto;aspect-ratio:1024/450;background:url('assets/hero-four-characters.webp') center/100% 100% no-repeat;margin-top:0}
.hero .veil,.hero .hero-copy,.hero blockquote{display:none}
.chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.chapter{min-height:0;aspect-ratio:16/10;padding:0;background:#060b0f!important;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.chapter:before{display:none}.chapter-art{position:absolute;inset:0 0 58px 0;width:100%;height:calc(100% - 58px);object-fit:contain;background:#05090c}.chapter-label{position:relative;z-index:2;min-height:58px;padding:8px 10px;background:#05090c;border-top:1px solid #26343b;display:flex;flex-direction:column;justify-content:center}.chapter-label b{font-size:10px;letter-spacing:.18em;font-family:Arial,sans-serif}.chapter-label small{font-size:12px;line-height:1.25;letter-spacing:.08em;color:#fff}.chapter-label .release-state{margin-top:4px;font-size:8px}
.characters{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.character{min-height:0;aspect-ratio:255/330;background-color:#05090c!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important}.character-copy{display:none}.character.survivor{background-image:url('assets/survivor-approved.png')!important}.character.warrior{background-image:url('assets/warrior-approved.png')!important}.character.shadow{background-image:url('assets/shadow-approved.png')!important}.character.guide{background-image:url('assets/guide-approved.png')!important}
@media(max-width:1100px){.hero{margin-top:0}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hero{margin-top:60px;aspect-ratio:1024/450;background-size:cover;background-position:center}.characters{grid-template-columns:repeat(2,minmax(0,1fr))}.character{min-height:0}.chapter{aspect-ratio:16/11}}
@media(max-width:520px){.chapters,.characters{grid-template-columns:1fr}.chapter{aspect-ratio:16/11}.character{aspect-ratio:255/330}}
/* V2 production fixes: crop baked-in mockup navigation from hero artwork and keep live header clean. */
.hero{aspect-ratio:1024/395;background-size:100% auto;background-position:center bottom}
@media(max-width:800px){.hero{margin-top:60px;aspect-ratio:1024/395;background-size:auto 100%;background-position:center bottom}}

/* Header social icons — added to verified V2/a799 production baseline. */
.header-socials{display:flex;align-items:center;gap:12px}.header-socials a{display:grid;place-items:center;width:18px;height:18px;opacity:.9}.header-socials svg{width:16px;height:16px;fill:currentColor}.header-socials a:hover{opacity:1}
@media(max-width:800px){.header-socials{gap:9px}.header-socials a{width:16px;height:16px}.header-socials svg{width:14px;height:14px}}