@import url('/fonts/brand.css');
:root{--bg:#0b0b0d;--panel:#141416;--line:#303033;--muted:#aaa9ad;--accent:#d2fa8a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4f1e9;font-family:'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:98px;display:flex;align-items:center;padding:0 5%;gap:40px;border-bottom:1px solid var(--line);background:#0b0b0df5;position:relative;z-index:5}.logo{font-family:'Barlow Condensed',sans-serif;font-size:30px;font-weight:600;letter-spacing:3px;line-height:1}.logo b{color:var(--accent);font-weight:500}.logo small{display:block;font:9px/2.5 sans-serif;letter-spacing:4px}nav{display:flex;gap:30px;margin:auto;font-size:14px}nav a:hover,footer a:hover{color:var(--accent)}nav span{color:var(--accent)}.account{font-size:14px;border:1px solid #444;padding:10px 18px}.account span{padding-left:15px}#menu{display:none}.hero{position:relative;min-height:690px;height:calc(100svh - 98px);max-height:900px;display:flex;align-items:center;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;opacity:.75}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0df0 0%,#0b0b0d85 36%,transparent 75%),linear-gradient(0deg,#0b0b0d 0%,transparent 35%)}.hero-content{position:relative;z-index:1;padding:55px 7%;width:100%}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.eyebrow:before{content:'✦';margin-right:12px}h1,h2,h3,.display{font-family:'Barlow Condensed',sans-serif;font-weight:500;line-height:.96;text-transform:uppercase;margin:0}h1{font-size:clamp(70px,9vw,140px);letter-spacing:-2px}.hero h1 span{color:var(--accent)}.hero p{color:#ceccd0;max-width:390px;margin:27px 0;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:49px;padding:12px 23px;border:1px solid var(--line);background:transparent;color:#f4f1e9;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#141610}.btn:hover{border-color:var(--accent);filter:brightness(1.1)}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-foot{position:absolute;bottom:28px;left:7%;right:7%;z-index:2;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#ccc}.ticker{border-block:1px solid var(--line);padding:18px 5%;display:flex;justify-content:space-around;gap:25px;color:#bcbac0;font-size:12px;letter-spacing:2px}.ticker b{color:var(--accent)}.section,.page{padding:80px 7%}.page{min-height:65vh}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}h2{font-size:clamp(45px,5vw,75px)}h3{font-size:35px}.section-head a{font-size:14px;border-bottom:1px solid #888;padding-bottom:7px}.sub{color:var(--muted);max-width:660px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.member{position:relative;min-height:420px;background:#171719;overflow:hidden;border:1px solid var(--line)}.member-photo{position:absolute;inset:0;background-image:url('/site/trio.png');background-size:auto 120%;filter:grayscale(1);transition:transform .5s,filter .5s}.member:hover .member-photo{transform:scale(1.04);filter:grayscale(.2)}.member:nth-child(1) .member-photo{background-position:50% 25%}.member:nth-child(2) .member-photo{background-position:10% 25%}.member:nth-child(3) .member-photo{background-position:94% 25%}.member:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080809 0%,transparent 70%)}.member .number{position:absolute;top:22px;left:24px;z-index:1;font-size:12px;letter-spacing:3px}.member-info{position:absolute;bottom:25px;left:25px;right:25px;z-index:1}.member-info h3{font-size:60px}.member-info p{color:#bbb;font-size:13px;margin:5px 0}.member-info .arrow{float:right;border:1px solid #777;border-radius:50%;width:40px;height:40px;text-align:center;padding:5px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature{border:1px solid var(--line);padding:45px;background:linear-gradient(120deg,#202123,#101112);min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.feature .display{font-size:75px}.feature small{color:var(--accent);letter-spacing:3px}.secret-strip{display:flex;gap:9px;margin:25px 0;flex-wrap:wrap}.secret{height:45px;width:45px;border:1px solid #424246;color:#a5a3a9;display:grid;place-items:center;font-size:14px}.secret.on{background:var(--accent);color:#111;border-color:var(--accent)}.card{border:1px solid var(--line);padding:30px;background:var(--panel)}.card p{color:var(--muted)}.card .tag,.tag{font-size:12px;letter-spacing:1.5px;color:var(--accent)}.card h3{margin:24px 0 15px}.product-art{height:220px;border:1px solid #3c3d37;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#272a24;position:relative}.product-art .display{font-size:62px}.product-art.rose{background:#322529}.product-art.blue{background:#232b32}.price{font-size:20px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.row p{margin:3px 0;color:var(--muted)}.row h3{font-size:29px}.page>h1{font-size:clamp(65px,8vw,115px);margin-bottom:20px}.page>.sub{margin-bottom:45px}.notice{padding:16px 20px;border-left:2px solid var(--accent);background:#1a1c17;color:#cdcec8;font-size:14px;margin:25px 0}.quiz{max-width:780px;margin:40px auto}.quiz button.choice{display:block;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);padding:22px;margin:12px 0;color:#eee}.quiz button.choice:hover{border-color:var(--accent)}.id-card{max-width:560px;border:1px solid var(--accent);padding:35px;background:linear-gradient(120deg,#292e21,#111);margin:25px 0}.id-card h2{font-size:60px;margin:30px 0}.id-card p{font-size:14px;letter-spacing:2px}footer{border-top:1px solid var(--line);padding:50px 7%;display:grid;grid-template-columns:1fr 1fr;gap:25px}footer p{font-size:12px;letter-spacing:2px;color:#aaa}footer div{display:flex;gap:25px;font-size:14px}footer small{font-size:12px;color:#949298}dialog{background:#151517;color:#eee;border:1px solid #51514a;padding:45px;max-width:600px;width:90%;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog p{color:#bab9be}.close{position:absolute;right:15px;top:7px;background:none;border:0;color:white;font-size:30px}.skip{position:absolute;top:-60px;left:10px;z-index:20;background:var(--accent);color:#111;padding:10px}.skip:focus{top:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#111;padding:15px 25px;z-index:20;display:none;max-width:90%;width:max-content}.back{display:inline-block;margin-bottom:25px;color:var(--muted);font-size:14px}@media(max-width:900px){header{gap:20px}nav{gap:15px}.account{display:none}.grid{gap:12px}.member{min-height:350px}.split{gap:30px}}@media(max-width:650px){header{height:80px;justify-content:space-between}.logo{font-size:27px}#menu{display:block;background:none;border:1px solid #444;color:#fff;padding:6px 13px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#111;padding:25px;flex-wrap:wrap}nav.open{display:flex}.hero{height:720px;min-height:0}.hero-img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#0b0b0dbb,transparent),linear-gradient(0deg,#0b0b0d 5%,transparent 95%)}.hero-content{padding-top:150px}.hero h1{font-size:76px}.hero-foot{font-size:10px}.ticker{font-size:10px;flex-wrap:wrap}.section,.page{padding:55px 6%}.grid,.split{grid-template-columns:1fr}.member{min-height:470px}.section-head{align-items:start}.section-head a{font-size:12px;min-width:100px}.feature{min-height:280px;padding:28px}.row{align-items:start}.row .btn{padding:10px;font-size:12px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}dialog{padding:35px 25px}.page>h1{overflow-wrap:anywhere}.product-art{height:250px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Character references: use supplied originals without altering identity. */
:root{--accent:#e1c59a}.hero-img{left:auto;width:55%;object-fit:contain;object-position:center;background:#0b0b0d;opacity:1}.hero:after{background:linear-gradient(90deg,#0b0b0d 35%,transparent 68%)}.hero h1{font-size:clamp(65px,7vw,112px)}.hero-content{padding-left:6%}.member{aspect-ratio:4/5;min-height:0}.member .member-photo.portrait{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;background:none}.member:hover .member-photo{filter:none}.member-info{bottom:16px}.member-info h3{font-size:42px}.member-info p{font-size:14px}.member:after{background:linear-gradient(0deg,#080809 0%,transparent 35%)}header{gap:18px}nav{gap:19px}.wallet-link{font-size:14px;white-space:nowrap;color:var(--accent)}.book-hero{display:grid;grid-template-columns:minmax(230px,.7fr) 1.3fr;gap:55px;align-items:center;margin-bottom:50px}.book-cover{width:100%;max-height:590px;object-fit:contain;background:#111}.book-hero h1{font-size:clamp(65px,7vw,105px)}.chapter-list{border-top:1px solid var(--line)}.chapter-link{display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;padding:23px 12px;border-bottom:1px solid var(--line)}.chapter-link:hover{background:#191815}.chapter-link strong{font-weight:500}.chapter-link small{display:block;color:var(--muted);font-size:13px}.chapter-num{font:32px 'Barlow Condensed',sans-serif;color:#b3a592}.chapter-status{font-size:14px;color:var(--accent)}.reader{max-width:760px;margin:0 auto}.reader h1{font-family:'Noto Sans Thai',sans-serif;font-size:clamp(29px,4vw,44px);line-height:1.5;letter-spacing:0;margin:22px 0}.reader-text{font-size:19px;line-height:2.15;color:#ded9d0}.reader-text p{margin:1.7em 0}.reader-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-block:1px solid var(--line);padding:15px 0;margin:25px 0}.reader-controls button{min-width:48px}.reader-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px}.paywall{padding:35px;border:1px solid #76654c;background:#191711;margin:35px 0}.paywall h2{font-family:inherit;font-size:25px;line-height:1.5}.wallet-balance{padding:30px;border:1px solid #756246;margin:30px 0;background:#1b1813}.wallet-balance strong{font-size:55px;font-family:'Barlow Condensed',sans-serif}.pack h3{font-size:65px}.pack .btn{width:100%;margin-top:20px}.history li{padding:15px 0;border-bottom:1px solid var(--line);list-style:none}.history{padding:0}.history small{display:block;color:var(--muted)}.reader.light{background:#f2ecdf;color:#221e18;padding:30px;border-radius:3px}.reader.light .reader-text{color:#302c24}.reader.light .btn{color:#221e18;border-color:#9c9282}.reader.light .sub,.reader.light .back{color:#655a4d}.reader.light .tag{color:#715224}@media(max-width:1100px){header .account{display:none}nav{gap:15px}}@media(max-width:650px){.hero{height:auto;display:flex;flex-direction:column;padding-bottom:55px}.hero-img{position:relative;width:100%;height:auto;order:0}.hero:after{display:none}.hero-content{padding:25px 6%;order:1}.hero h1{font-size:60px}.hero-foot{bottom:16px}.hero-foot span:last-child{display:none}.book-hero{grid-template-columns:1fr;gap:25px}.book-cover{max-height:480px}.wallet-link{margin-left:auto}.chapter-link{grid-template-columns:35px 1fr;gap:10px}.chapter-status{grid-column:2}.reader.light{padding:18px}.reader-text{font-size:18px}.paywall{padding:22px}.member{min-height:0}header{gap:12px}}
.profile-layout{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:65px;align-items:start}.profile-identity{position:sticky;top:25px}.profile-portrait{display:block;width:100%;height:auto}.profile-facts{border:1px solid var(--line);padding:22px;font-size:16px}.profile-facts p{margin:6px 0}.lore-section{padding:30px 0;border-bottom:1px solid var(--line)}.lore-section h2{font-size:32px;line-height:1.2;color:var(--accent)}.lore-body{font-size:17px;line-height:1.95;color:#d2cdc4}.lore-body p{margin:22px 0}.lore-spoiler{border:1px solid #796448;padding:22px;margin:35px 0}.lore-spoiler summary{cursor:pointer;color:var(--accent);font-size:15px}.dossier-page{max-width:850px;margin:auto}.dossier-page h1{font-size:clamp(46px,7vw,100px);overflow-wrap:anywhere}.lore-links{margin-top:60px}.lore-links h3{overflow-wrap:anywhere}.reader-text strong{color:inherit;font-weight:600}.lore-spoiler summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(max-width:750px){.profile-layout{grid-template-columns:1fr;gap:35px}.profile-identity{position:static}.profile-portrait{max-height:650px;object-fit:contain}.profile-layout h1{font-size:80px}.lore-body{font-size:16px}.lore-section h2{font-size:29px}}
.location-image{margin:30px 0 36px;border:1px solid var(--line);background:#111}.location-image img{display:block;width:100%;height:auto}.location-image figcaption{padding:12px 18px;color:var(--accent);font-size:14px;letter-spacing:1px}.location-image.cha-portrait{max-width:580px;margin-inline:auto}.world-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:25px}.world-cha{object-position:center 25%}@media(max-width:650px){.location-image{margin:22px 0}.location-image figcaption{padding:10px 12px;font-size:13px}}

/* Updated ECLIPSE 9 brand and character artwork. */
.logo-image-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:0}
.site-logo{display:block;width:76px;height:76px;object-fit:cover;object-position:center}
footer .site-logo{width:112px;height:112px}
.hero-img{display:block;object-fit:contain;object-position:center}
.book-cover{display:block;aspect-ratio:2/3;object-fit:contain;object-position:center}
.member:first-child .member-photo.portrait{object-fit:contain;object-position:center;background:#090808}
.profile-portrait{object-fit:contain;object-position:center;background:#090808}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.site-logo{width:68px;height:68px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.product-art{min-width:0}.product-art .display{font-size:clamp(44px,7vw,62px)}}
@media(max-width:750px){header{justify-content:space-between;gap:12px}#menu{display:block;background:none;border:1px solid #444;color:#fff;padding:6px 13px}nav{display:none;position:absolute;top:98px;left:0;right:0;background:#111;padding:25px;flex-wrap:wrap}nav.open{display:flex}.wallet-link{margin-left:auto}.profile-portrait{width:min(100%,430px);max-height:none;margin-inline:auto}}
@media(max-width:650px){.site-logo{width:62px;height:62px}footer .site-logo{width:96px;height:96px}.hero-img{object-position:center}.book-cover{width:min(100%,430px);margin-inline:auto}.grid{grid-template-columns:1fr}nav{top:80px}}

.home-tier{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid #494137;background:#111113}.home-tier h3{font-size:52px;margin:22px 0}.home-tier h3 small{font-family:inherit;font-size:16px;font-weight:400;color:#b9b3a9}.home-tier ul{padding-left:20px;line-height:2.2;font-size:14px;flex:1}.home-tier .sub{font-size:12px}.home-tier .btn{margin-top:16px}.membership-status{margin-top:24px}.membership-terms{margin-top:28px;border-block:1px solid #494137;padding:22px 0}.membership-terms summary{cursor:pointer;color:#e1c59a;font-size:18px}.membership-terms p{margin-top:20px}@media(max-width:650px){.home-tier{padding:24px}.home-tier h3{font-size:44px}.home-tier ul{font-size:13px}}

.music-promo{padding:0;overflow:hidden;display:block;min-height:0;background:#101012}.music-promo>img{display:block;width:100%;height:auto;object-fit:contain}.music-promo-copy{padding:24px}.music-promo-copy h3{font-size:40px;margin:12px 0}.music-promo-copy>span{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#e2c79c}.music-promo-copy small{font-size:11px;letter-spacing:2px}@media(max-width:650px){.music-promo-copy{padding:20px}.music-promo-copy h3{font-size:34px}}

.mobile-hero-read{display:none}@media(max-width:650px){.mobile-hero-read{display:block;order:1;padding:20px 6% 0}.mobile-hero-read .btn{display:flex;justify-content:center;gap:12px;width:100%;min-height:52px}.hero-content{order:2}}