:root{--gt-bg-void:#050609;--gt-bg-city:#090c12;--gt-bg-surface:#10141b;--gt-bg-elevated:#171c25;--gt-text-primary:#f2efe8;--gt-text-muted:#aaaeb7;--gt-resonance:#8d5cff;--gt-perception:#73c9ff;--gt-life:#e24b4b;--gt-will:#f2c84b;--gt-tamai:#48d597;--gt-border-subtle:rgba(242,239,232,.14);--gt-glow-low:0 18px 55px rgba(0,0,0,.38);--gt-glow-medium:0 26px 90px rgba(73,56,132,.3);--gt-radius-card:1.25rem;--gt-space-section:clamp(4.5rem,9vw,8rem);--gt-content-width:1180px}
body.greytown-page{background:radial-gradient(ellipse at 70% 0,rgba(73,56,132,.2),transparent 40rem),linear-gradient(180deg,var(--gt-bg-city),var(--gt-bg-void));color:var(--gt-text-primary)}
body.greytown-page::before{content:"";position:absolute;inset:0 0 auto;height:min(1100px,110svh);z-index:-1;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(105deg,transparent 0 28px,rgba(255,255,255,.025) 29px,transparent 30px),radial-gradient(circle at 50% 15%,transparent 0,rgba(0,0,0,.76) 92%)}
.greytown-shell{width:min(var(--gt-content-width),calc(100% - clamp(2rem,6vw,5rem)))}
.greytown-header{position:relative;isolation:isolate;min-height:min(82vh,850px);overflow:hidden;border:0;padding:clamp(8rem,16vh,11rem) 0 4.5rem}
.greytown-hero-media{position:absolute;inset:0;z-index:-3;display:block;overflow:hidden;pointer-events:none}.greytown-hero-media img{position:absolute;top:0;right:0;width:min(58vw,720px);height:100%;object-fit:cover;object-position:76% 38%;opacity:.9}.greytown-header::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,6,9,.96),rgba(5,6,9,.62) 48%,rgba(5,6,9,.2)),linear-gradient(0deg,var(--gt-bg-void),transparent 42%)}
.greytown-header::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 74% 36%,rgba(115,201,255,.13),transparent 24%),linear-gradient(120deg,transparent 40%,rgba(141,92,255,.1));box-shadow:inset 0 0 150px #050609}
.greytown-kicker{color:var(--gt-perception);letter-spacing:.24em;font-size:.74rem}.greytown-header h1{font-size:clamp(4.8rem,14vw,11rem);letter-spacing:-.075em;text-shadow:0 18px 60px #000;max-width:none}.greytown-claim{max-width:34rem;margin:1.75rem 0 0;font-weight:800;letter-spacing:.12em;font-size:clamp(.9rem,1.5vw,1.15rem)}.greytown-lead{max-width:36rem;color:var(--gt-text-muted);font-size:clamp(1rem,1.5vw,1.2rem)}
.greytown-subnav{top:0;justify-content:center;gap:.25rem;margin-inline:calc(50% - 50vw);padding:.65rem max(1rem,calc((100vw - var(--gt-content-width))/2));border-bottom:1px solid var(--gt-border-subtle);background:rgba(5,6,9,.78)}.greytown-subnav a{border-color:transparent;border-radius:.25rem;padding:.55rem .8rem;font-size:.82rem;letter-spacing:.06em}.greytown-subnav a[aria-current=page]{background:rgba(141,92,255,.16);box-shadow:inset 0 -2px var(--gt-resonance);color:var(--gt-text-primary)}
.greytown-button{border-color:var(--gt-border-subtle);border-radius:.35rem;padding:.75rem 1.2rem;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;transition:transform .25s ease,border-color .25s ease,background .25s ease}.greytown-button:hover,.greytown-button:focus-visible{transform:translateY(-2px);border-color:var(--gt-resonance);background:rgba(141,92,255,.12);outline-color:rgba(141,92,255,.28)}.greytown-button--solid{border-color:var(--gt-text-primary);background:var(--gt-text-primary);color:var(--gt-bg-void)}
.greytown-main{padding-top:0}.greytown-section{padding:var(--gt-space-section) 0;border-color:var(--gt-border-subtle)}.greytown-section h2{max-width:12ch;font-size:clamp(2.5rem,6vw,5.5rem);letter-spacing:-.045em}.greytown-section-intro{color:var(--gt-text-muted)}.greytown-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:clamp(1rem,2.5vw,2rem)}
.greytown-card{position:relative;min-height:25rem;overflow:hidden;padding:0;border:1px solid var(--gt-border-subtle);border-radius:var(--gt-radius-card);background:var(--gt-bg-surface);box-shadow:var(--gt-glow-low);transition:transform .35s ease,box-shadow .35s ease}.greytown-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--gt-glow-medium)}.greytown-card>img{width:100%;height:min(58vh,34rem);object-fit:cover;object-position:center 22%;filter:saturate(.75);transition:transform .6s ease,filter .6s ease}.greytown-card:hover>img{transform:scale(1.025);filter:saturate(.95)}.greytown-card-body{padding:1.4rem}.greytown-card-body h3{margin:.1rem 0 .5rem;font-size:clamp(1.6rem,3vw,2.4rem)}.episode-card{border-bottom-color:var(--gt-resonance)}.character-card{border-bottom-color:var(--gt-life)}.lore-card{border-bottom-color:var(--gt-perception)}
.greytown-page[data-greytown-view="home"] .greytown-card{display:block;min-height:34rem}.greytown-page[data-greytown-view="home"] .greytown-card>img{height:25rem}
.greytown-page[data-greytown-view="chapter"] .greytown-header{min-height:22rem;padding:8rem 0 2rem}.greytown-page[data-greytown-view="chapter"] .greytown-header h1{font-size:clamp(3.5rem,8vw,6rem)}
.greytown-empty{border-left-color:var(--gt-perception);background:linear-gradient(90deg,rgba(115,201,255,.07),transparent);padding:2rem;color:var(--gt-text-muted)}.greytown-tamai-launcher{right:clamp(1rem,3vw,2.5rem);bottom:clamp(1rem,3vw,2.5rem);border-radius:.35rem;background:rgba(5,15,12,.94);box-shadow:0 0 0 1px rgba(72,213,151,.18),0 18px 50px rgba(0,0,0,.45);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.greytown-tamai-launcher::before{content:"";width:.45rem;height:.45rem;margin-right:.65rem;border-radius:50%;background:var(--gt-tamai);box-shadow:0 0 14px var(--gt-tamai)}
.greytown-reader-controls{top:.5rem;width:max-content;max-width:calc(100% - 1rem);margin-inline:auto;border-radius:.5rem;border-color:var(--gt-border-subtle);background:rgba(5,6,9,.82);backdrop-filter:blur(14px);transition:opacity .25s ease}.greytown-reader-status{top:5.5rem;border-color:var(--gt-border-subtle);background:rgba(5,6,9,.82)}.greytown-pages{gap:clamp(2rem,6vw,6rem);max-width:900px}.greytown-page-frame{border:0;background:#020203;box-shadow:0 30px 100px rgba(0,0,0,.7)}.greytown-page-frame figcaption{text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.greytown-chrome-hidden .greytown-reader-controls{position:fixed;right:.5rem;bottom:.5rem;top:auto;opacity:.15}.greytown-chrome-hidden .greytown-reader-controls:hover,.greytown-chrome-hidden .greytown-reader-controls:focus-within{opacity:1}
@media(max-width:720px){[data-dorisan-global-topbar]{display:none}.greytown-header{min-height:calc(100svh - 3.5rem);padding:5rem 0 3rem}.greytown-hero-media img{width:100%;height:100%;object-position:58% 26%}.greytown-header::before{background:linear-gradient(0deg,var(--gt-bg-void),transparent 60%),linear-gradient(90deg,rgba(5,6,9,.7),rgba(5,6,9,.15))}.greytown-header h1{font-size:clamp(3.6rem,19vw,5.6rem)}.greytown-page[data-greytown-view="chapter"] .greytown-header{min-height:14rem;padding:3rem 0 1.5rem}.greytown-page[data-greytown-view="chapter"] .greytown-header .greytown-lead,.greytown-page[data-greytown-view="chapter"] .greytown-header .greytown-actions{display:none}.greytown-actions{display:grid;grid-template-columns:1fr}.greytown-actions .greytown-button{width:100%}.greytown-subnav{justify-content:flex-start;top:0;margin-inline:-1rem;padding-inline:1rem;scrollbar-width:none}.greytown-subnav a{flex:0 0 auto}.greytown-section{padding:4.5rem 0}.greytown-section h2{font-size:clamp(2.4rem,13vw,4rem)}.greytown-grid{grid-template-columns:1fr}.greytown-card{min-height:0}.greytown-page[data-greytown-view="home"] .greytown-card{min-height:28rem}.greytown-card>img{height:auto;max-height:74svh}.greytown-reader-controls{position:relative;top:auto;width:100%;justify-content:center}.greytown-reader-status{top:.5rem}.greytown-pages{margin-inline:calc(50% - 50vw);gap:1.5rem}.greytown-footer{padding-bottom:6rem}}
@media(prefers-reduced-motion:no-preference){@keyframes gt-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.greytown-header .greytown-shell>*{animation:gt-reveal .7s both}.greytown-header .greytown-shell>*:nth-child(2){animation-delay:.08s}.greytown-header .greytown-shell>*:nth-child(3){animation-delay:.16s}.greytown-header .greytown-shell>*:nth-child(4){animation-delay:.24s}}