:root{--bg: #131313;--primary: #ffabf3;--primary-container: #810081;--secondary: #00dbe9;--tertiary: #abd600;--surface: #131313;--surface-bright: #3a3939;--surface-lowest: #0e0e0e;--surface-low: #1c1b1b;--surface-high: #2a2929;--surface-highest: #444444;--surface-variant: rgba(58, 57, 57, .4);--outline-variant: rgba(71, 71, 71, .2);--error: #ffb4ab;--on-surface: #e6e1e5;--on-surface-dim: #a09d9d;--on-primary: #1a0018;--tertiary-container: #2a3300;--on-tertiary-container: #d4ff4a;--font-display: "Space Grotesk", sans-serif;--font-body: "Work Sans", sans-serif;--display-lg: clamp(2.8rem, 6vw, 5rem);--display-md: clamp(2rem, 4vw, 3.5rem);--display-sm: clamp(1.4rem, 2.5vw, 2rem);--title-lg: 1.5rem;--title-md: 1.125rem;--body-lg: 1.125rem;--body-md: 1rem;--body-sm: .875rem;--label: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--on-surface);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.glitch-chip{display:inline-block;padding:.2em .6em;font-family:var(--font-display);font-size:var(--label);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--on-tertiary-container);background:var(--tertiary-container);border:none;border-radius:0}.section-title{font-family:var(--font-display);font-size:var(--display-sm);font-weight:700;letter-spacing:-.02em;color:var(--on-surface);text-align:center;margin-bottom:var(--space-3xl);text-transform:uppercase}.titlebar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:#0e0e0ea6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--outline-variant)}.titlebar__logo{display:flex;align-items:baseline;gap:var(--space-sm)}.titlebar__logo-img{height:32px;width:auto;filter:invert(1) brightness(1.8);transition:filter .3s ease}.titlebar__logo-img:hover{filter:invert(1) brightness(2) drop-shadow(0 0 8px var(--primary))}.titlebar__tagline{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);font-style:italic}.titlebar__menu{display:flex;list-style:none;gap:var(--space-xl)}.titlebar__link{font-family:var(--font-display);font-size:var(--body-sm);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-dim);position:relative;transition:color .25s ease}.titlebar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease}.titlebar__link:hover,.titlebar__link--active{color:var(--on-surface)}.titlebar__link:hover:after,.titlebar__link--active:after{width:100%}.titlebar__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.titlebar__burger span{display:block;width:24px;height:2px;background:var(--on-surface);transition:transform .3s ease,opacity .3s ease}.titlebar__burger.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.titlebar__burger.is-active span:nth-child(2){opacity:0}.titlebar__burger.is-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-4xl) var(--space-xl);background:var(--surface-lowest)}.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(180px);pointer-events:none;opacity:.15}.hero__glow--pink{background:var(--primary);top:-10%;right:-5%;animation:drift-slow 12s ease-in-out infinite alternate}.hero__glow--cyan{background:var(--secondary);bottom:-15%;left:-8%;animation:drift-slow 14s ease-in-out infinite alternate-reverse}@keyframes drift-slow{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.1)}}.hero__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.2;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.3)}.hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.hero__title{font-family:var(--font-display);line-height:1;margin-bottom:var(--space-lg)}.hero__title-line{display:block}.hero__title-line--jitter{font-size:var(--display-md);font-weight:500;color:var(--secondary);letter-spacing:.3em;text-transform:uppercase;transform:rotate(-2deg);display:inline-block;margin-bottom:var(--space-sm)}.hero__title-line--big{font-size:var(--display-lg);font-weight:700;color:var(--on-surface);letter-spacing:-.03em;text-shadow:0 0 40px rgba(255,171,243,.3),0 0 80px rgba(0,219,233,.15)}.hero__subtitle{font-family:var(--font-body);font-size:var(--body-lg);font-weight:300;color:var(--on-surface-dim);margin-bottom:var(--space-2xl);letter-spacing:.02em}.hero__actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8em 1.8em;font-family:var(--font-display);font-size:var(--body-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;transition:box-shadow .3s ease,transform .2s ease,background .3s ease}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary)}.btn--primary:hover{box-shadow:0 0 20px #ffabf373;transform:translateY(-2px)}.btn--secondary{background:var(--surface-variant);color:var(--secondary);border:1px solid rgba(0,219,233,.2)}.btn--secondary:hover{background:var(--surface-bright);box-shadow:0 0 16px #00dbe933}.btn--tertiary{background:transparent;color:var(--tertiary)}.btn--tertiary:hover{text-shadow:0 0 12px rgba(171,214,0,.5)}.cards-section{padding:var(--space-4xl) var(--space-xl);background:var(--surface)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto}.card{background:var(--surface-low);border:none;border-radius:0;overflow:hidden;transition:transform .35s cubic-bezier(.25,.46,.45,.94),background .35s ease,box-shadow .35s ease}.card:hover{transform:scale(1.02);background:var(--surface-highest);box-shadow:0 0 40px #ffabf314}.card__image-wrap{overflow:hidden;aspect-ratio:1 / 1;background:var(--surface-lowest)}.card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.85)}.card:hover .card__image{transform:scale(1.05);filter:saturate(1.1) contrast(1.05)}.card__body{padding:var(--space-lg) var(--space-lg) var(--space-xl)}.card__title{font-family:var(--font-display);font-size:var(--title-lg);font-weight:700;color:var(--on-surface);margin:var(--space-sm) 0 var(--space-sm)}.card__text{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);line-height:1.7}.footer{background:var(--surface-lowest);padding:var(--space-3xl) var(--space-xl);border-top:1px solid var(--outline-variant)}.footer__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg)}.footer__logo{font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:.1em;color:var(--primary)}.footer__copy{font-size:var(--body-sm);color:var(--on-surface-dim);margin-top:var(--space-xs)}.footer__links{display:flex;gap:var(--space-lg)}.footer__link{font-family:var(--font-display);font-size:var(--body-sm);font-weight:500;color:var(--on-surface-dim);text-transform:uppercase;letter-spacing:.08em;transition:color .25s ease}.footer__link:hover{color:var(--secondary)}.footer__disclaimer{width:100%;text-align:center;font-size:var(--label);color:var(--on-surface-dim);margin-top:var(--space-lg);font-style:italic;opacity:.5}.hero__content{animation:fadeUp 1s ease-out .3s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease,background .35s ease,box-shadow .35s ease}.card.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.cards-grid{grid-template-columns:1fr;max-width:480px}.titlebar__menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0e0e0eeb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--outline-variant)}.titlebar__menu.is-open,.titlebar__burger{display:flex}.titlebar__tagline{display:none}.hero__actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}@media(max-width:600px){.hero,.cards-section{padding:var(--space-3xl) var(--space-md)}}.story-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:calc(var(--space-4xl) + 60px) var(--space-xl) var(--space-4xl);background:var(--surface-lowest);text-align:center}.story-hero__content{position:relative;z-index:1;animation:fadeUp 1s ease-out .3s both}.story-hero__title{font-family:var(--font-display);font-size:var(--display-lg);font-weight:700;color:var(--on-surface);letter-spacing:-.03em;margin:var(--space-md) 0 var(--space-lg);text-shadow:0 0 40px rgba(255,171,243,.3),0 0 80px rgba(0,219,233,.15)}.story-hero__lead{font-family:var(--font-body);font-size:var(--body-lg);font-weight:300;color:var(--on-surface-dim);max-width:600px;margin:0 auto}.story-section{padding:var(--space-4xl) var(--space-xl);background:var(--surface)}.story-section--alt{background:var(--surface-low)}.story-section__inner{max-width:900px;margin:0 auto}.story-chapter{margin-bottom:var(--space-2xl)}.story-chapter__title{font-family:var(--font-display);font-size:var(--display-md);font-weight:700;color:var(--on-surface);letter-spacing:-.02em;margin-top:var(--space-sm)}.story-body p{font-family:var(--font-body);font-size:var(--body-md);color:var(--on-surface-dim);line-height:1.8;margin-bottom:var(--space-lg)}.story-body__lead{font-size:var(--body-lg)!important;color:var(--on-surface)!important;font-weight:400}.story-body__accent{font-family:var(--font-display)!important;font-style:italic;color:var(--primary)!important;font-size:var(--title-md)!important;padding:var(--space-md) 0}.story-body strong{color:var(--on-surface);font-weight:600}.story-body em{color:var(--secondary)}.story-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.story-feature{background:var(--surface-low);padding:var(--space-xl);border-radius:0;transition:background .3s ease,box-shadow .3s ease}.story-section--alt .story-feature{background:var(--surface)}.story-feature:hover{background:var(--surface-highest);box-shadow:0 0 30px #00dbe90f}.story-feature__title{font-family:var(--font-display);font-size:var(--title-md);font-weight:700;color:var(--secondary);margin-bottom:var(--space-sm)}.story-feature p{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);line-height:1.7}.character-roster{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:var(--space-xl)}.character-card{display:grid;grid-template-columns:200px 1fr;gap:var(--space-xl);background:var(--surface);padding:var(--space-xl);transition:background .3s ease,box-shadow .3s ease}.character-card:hover{background:var(--surface-highest);box-shadow:0 0 40px #ffabf30f}.character-card--text-only{grid-template-columns:1fr}.character-card__img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.character-card__info h3{font-family:var(--font-display);font-size:var(--title-lg);font-weight:700;color:var(--on-surface);margin:var(--space-sm) 0 var(--space-xs)}.character-card__aka{font-family:var(--font-display);font-size:var(--body-sm);color:var(--secondary);font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-sm)!important}.character-card__info p{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);line-height:1.7}.show-block{padding:var(--space-xl) 0;border-bottom:1px solid var(--outline-variant)}.show-block:last-child{border-bottom:none}.show-block__title{font-family:var(--font-display);font-size:var(--title-lg);font-weight:700;color:var(--on-surface);margin-bottom:var(--space-xs)}.show-block .glitch-chip{margin-bottom:var(--space-md)}.show-block p{margin-top:var(--space-md)}.show-block__details{list-style:none;margin-top:var(--space-md);padding-left:0}.show-block__details li{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);line-height:1.8;padding-left:var(--space-lg);position:relative}.show-block__details li:before{content:"→";position:absolute;left:0;color:var(--tertiary)}.show-block__details li strong{color:var(--on-surface)}.story-pullquote{font-family:var(--font-display);font-size:var(--title-md);font-weight:500;color:var(--primary);line-height:1.7;padding:var(--space-2xl) var(--space-xl);margin:var(--space-2xl) 0;background:var(--surface-low);border-left:3px solid var(--primary);font-style:italic}@media(max-width:900px){.story-feature-grid,.character-card{grid-template-columns:1fr}.character-card__img{max-height:200px}}@media(max-width:600px){.story-section{padding:var(--space-3xl) var(--space-md)}.story-hero{padding:calc(var(--space-3xl) + 60px) var(--space-md) var(--space-3xl);min-height:40vh}}.archive-header{padding:calc(var(--space-4xl) + 60px) var(--space-xl) var(--space-2xl);background:var(--surface-lowest);text-align:center}.archive-header__content{animation:fadeUp 1s ease-out .3s both}.archive-header__title{font-family:var(--font-display);font-size:var(--display-lg);font-weight:700;color:var(--on-surface);letter-spacing:-.03em;margin:var(--space-md) 0 var(--space-sm);text-shadow:0 0 40px rgba(255,171,243,.3),0 0 80px rgba(0,219,233,.15)}.archive-header__lead{font-family:var(--font-body);font-size:var(--body-lg);font-weight:300;color:var(--on-surface-dim)}.archive-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:calc(var(--space-lg) + 60px) var(--space-xl) var(--space-lg);background:var(--surface-lowest);justify-content:center;border-bottom:1px solid var(--outline-variant)}.archive-filter-pill{font-family:var(--font-display);font-size:var(--label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.5em 1.2em;background:var(--surface-variant);color:var(--on-surface-dim);border:none;border-radius:0;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease}.archive-filter-pill:hover{background:var(--surface-bright);color:var(--on-surface)}.archive-filter-pill--active{background:linear-gradient(135deg,var(--primary),var(--primary-container));color:var(--on-primary);box-shadow:0 0 16px #ffabf34d}.archive-layout{display:grid;grid-template-columns:1fr 360px;gap:0;min-height:70vh;background:var(--surface)}.archive-player-area{padding:var(--space-xl)}.archive-player{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.archive-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.archive-now-playing{padding:var(--space-lg) 0 var(--space-md)}.archive-now-playing__title{font-family:var(--font-display);font-size:var(--title-lg);font-weight:700;color:var(--on-surface);margin-top:var(--space-sm)}.archive-sidebar{background:var(--surface-low);border-left:1px solid var(--outline-variant);overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.archive-sidebar__empty{font-family:var(--font-body);font-size:var(--body-sm);color:var(--on-surface-dim);text-align:center;padding:var(--space-2xl) var(--space-md);font-style:italic}.archive-thumb{display:grid;grid-template-columns:140px 1fr;gap:var(--space-sm);padding:var(--space-sm);background:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;width:100%;transition:background .25s ease}.archive-thumb:hover{background:var(--surface-variant)}.archive-thumb--active{background:var(--surface-high);box-shadow:inset 3px 0 0 var(--primary)}.archive-thumb__img{width:140px;height:79px;object-fit:cover;display:block}.archive-thumb__info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.archive-thumb__title{font-family:var(--font-display);font-size:var(--body-sm);font-weight:600;color:var(--on-surface);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-thumb__cat{font-family:var(--font-display);font-size:var(--label);font-weight:500;color:var(--secondary);letter-spacing:.05em;text-transform:uppercase}@media(max-width:1024px){.archive-layout{grid-template-columns:1fr;min-height:auto}.archive-sidebar{position:static;max-height:none;border-left:none;border-top:1px solid var(--outline-variant);flex-direction:row;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.archive-thumb{grid-template-columns:120px 1fr;flex:1 1 300px}.archive-thumb__img{width:120px;height:68px}}@media(max-width:600px){.archive-header{padding:calc(var(--space-3xl) + 60px) var(--space-md) var(--space-xl)}.archive-player-area{padding:var(--space-md)}.archive-sidebar{flex-direction:column}.archive-thumb{flex:1 1 100%}.archive-filters{padding:var(--space-md);gap:var(--space-xs)}}