:root{--tide:#9ed9e6;--foam:#effbfc;--ink:#04101a;--ink2:#081923;--line:rgba(206,239,246,.14);--muted:rgba(239,249,251,.64);--serif:"Cinzel",Georgia,serif}
*{scroll-margin-top:86px}::selection{background:rgba(158,217,230,.3);color:white}:focus-visible{outline:2px solid #d8f6fb;outline-offset:4px}
body{background:#04101a;color:#f7fbfc}.site-header{border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(2,10,16,.9),rgba(2,10,16,.55));backdrop-filter:blur(18px)}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:#9ed9e6;transition:.2s}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{left:15%;right:15%}.button{border-radius:4px!important;letter-spacing:.02em}.button.primary{background:#f4fbfc!important}.button.secondary,.button.ghost,.button.outline{background:rgba(6,24,35,.55)!important;border-color:rgba(220,246,251,.2)!important}

/* HOME: cinematic, asymmetrical, not dashboard-like */
body:not(.inner-page) .hero{min-height:100svh!important;background-position:center!important}.hero-content{max-width:1180px!important;text-align:left!important;margin:0 auto!important;width:min(1180px,calc(100% - 44px))!important;padding-left:0!important;padding-right:0!important}.hero-content .eyebrow{margin-left:4px}.hero h1{font-size:clamp(4.6rem,12vw,10.8rem)!important;max-width:970px;letter-spacing:.015em!important;text-wrap:balance}.hero-copy{margin:0!important;max-width:650px!important;font-size:clamp(1rem,1.5vw,1.18rem)!important}.hero-actions{justify-content:flex-start!important}.home-status-strip{width:min(1180px,calc(100% - 44px))!important;margin:-34px auto 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:rgba(4,16,26,.78)!important;box-shadow:none!important}.home-status-item{padding:19px 0!important;margin-right:34px!important;border-right:0!important}.home-gateway{display:grid!important;grid-template-columns:minmax(240px,.72fr) 1.45fr!important;gap:clamp(50px,8vw,130px)!important;align-items:start!important;padding-top:130px!important}.home-gateway .section-heading{position:sticky;top:130px;margin:0!important}.gateway-grid{display:flex!important;flex-direction:column!important;gap:0!important;border-top:1px solid rgba(255,255,255,.14)}.gateway-card{min-height:auto!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:30px 12px!important;display:grid!important;grid-template-columns:50px 1fr auto!important;gap:20px!important;align-items:center!important}.gateway-card:before{content:attr(data-number)!important;position:static!important;font-size:.72rem!important;color:#8ec9d6!important;opacity:.7}.gateway-card .gateway-icon{display:none}.gateway-card h3{margin:0!important;font-size:clamp(1.45rem,2.6vw,2.25rem)!important}.gateway-card p{margin:5px 0 0!important}.gateway-arrow{align-self:center;margin:0!important}.gateway-card:hover{transform:translateX(10px)!important;background:linear-gradient(90deg,rgba(134,209,226,.055),transparent)!important}.universe-section{width:min(1380px,calc(100% - 40px))!important}.universe-section .section-heading{max-width:620px;margin-left:8vw}.character-grid{display:grid!important;grid-template-columns:1.2fr .86fr 1.05fr .82fr!important;align-items:end!important;gap:12px!important}.character-card{border-radius:0!important;border:0!important;min-height:640px!important}.character-card:nth-child(2),.character-card:nth-child(4){min-height:520px!important;margin-bottom:38px}.character-card img{min-height:inherit!important}.character-overlay{padding:100px 22px 24px!important}.academy-section{width:100%!important;max-width:none!important;padding:150px max(20px,calc((100vw - 1280px)/2))!important;grid-template-columns:.72fr 1.28fr!important;background:linear-gradient(90deg,#06131d 0 42%,rgba(6,19,29,.42)),radial-gradient(circle at 80% 50%,rgba(95,177,199,.12),transparent 35%)}.academy-image-wrap{border-radius:0!important;min-height:700px!important;border:0!important}.academy-image-wrap img{height:700px!important}.spell-section{padding-top:160px!important;padding-bottom:160px!important;background:radial-gradient(circle at center,rgba(43,140,166,.17),transparent 24%),#020b11!important}.spell-stage{max-width:1260px!important}.books-section{width:min(1180px,calc(100% - 44px))!important;grid-template-columns:.8fr 1.2fr!important;padding-top:150px!important;padding-bottom:150px!important}.books-section .feature-row{display:flex!important;flex-direction:column!important}.books-section .feature-tile{border-radius:0!important;border-width:0 0 1px 0!important;background:transparent!important;padding:24px 0!important}.section:not(.home-gateway):not(.academy-section):not(.spell-section){padding-top:130px;padding-bottom:130px}

/* CHARACTERS HUB: editorial portrait wall */
.inner-main:has(.main-roster){padding-left:0!important;padding-right:0!important}.inner-main:has(.main-roster)>.inner-hero{max-width:1180px!important;text-align:left!important;padding:50px 32px 30px!important;margin-bottom:40px!important}.inner-main:has(.main-roster)>.inner-hero h1{font-size:clamp(4rem,10vw,8rem)!important;max-width:900px}.inner-main:has(.main-roster)>.inner-hero>p{max-width:720px}.inner-main:has(.main-roster) .character-actions{justify-content:flex-start!important}.roster-section{width:min(1380px,calc(100% - 32px))!important}.roster-heading{max-width:900px;margin-left:4vw!important}.main-roster{grid-template-columns:1.15fr .85fr 1fr .82fr!important;gap:10px!important;align-items:start}.main-roster .student-mini-card{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}.main-roster .student-mini-card:nth-child(2),.main-roster .student-mini-card:nth-child(4){margin-top:90px}.main-roster .student-mini-card picture{aspect-ratio:3/4!important}.main-roster .student-mini-card h2{font-size:clamp(1.35rem,2vw,2rem)!important;margin:18px 4px 8px!important}.main-roster .student-mini-card p,.main-roster .student-mini-card .view-profile{margin-left:4px!important;margin-right:4px!important}.character-seo-copy{max-width:960px!important;margin:130px auto!important;padding:0 32px 0 120px!important;border:0!important;border-left:1px solid rgba(158,217,230,.4)!important;border-radius:0!important;background:transparent!important}.lore-cta{width:min(1180px,calc(100% - 44px))!important;margin:120px auto!important;padding:54px!important;border-radius:0!important;background:linear-gradient(120deg,rgba(46,124,145,.16),rgba(255,255,255,.015))!important}.inner-main:has(.main-roster) .student-roster{grid-template-columns:repeat(4,1fr)!important;gap:1px!important;background:rgba(255,255,255,.08)}.inner-main:has(.main-roster) .student-roster .student-mini-card{border-radius:0!important;border:0!important;background:#071722!important}

/* ACADEMY: architectural bands and directory columns */
.academy-guide{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}.academy-guide>p,.academy-guide>h1{width:min(1180px,calc(100% - 44px));margin-left:auto!important;margin-right:auto!important}.academy-guide>h1{font-size:clamp(4rem,10vw,8rem)!important}.academy-visual-hero{width:100%!important;min-height:72vh!important;border-radius:0!important;border-left:0!important;border-right:0!important;margin:60px 0 100px!important}.academy-visual-copy{max-width:760px!important;padding-left:max(24px,calc((100vw - 1180px)/2))!important}.academy-guide>section:not(.academy-visual-hero){width:min(1180px,calc(100% - 44px));margin-left:auto!important;margin-right:auto!important}.academy-quick-grid{grid-template-columns:repeat(4,1fr)!important;gap:0!important;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.academy-quick-card{border:0!important;border-right:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;background:transparent!important;padding:34px 24px!important}.academy-quick-card:last-child{border-right:0!important}.academy-copy-section{max-width:1180px!important;margin-top:120px!important}.academy-hub-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid rgba(255,255,255,.12)}.academy-hub-card{border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:transparent!important;padding:28px 18px!important}.academy-hub-card:nth-child(3n+2){border-left:1px solid rgba(255,255,255,.08)!important;border-right:1px solid rgba(255,255,255,.08)!important}.academy-hub-card:hover,.academy-quick-card:hover{background:rgba(112,197,216,.055)!important}

/* BOOKS: warm literary object + pale reading surface */
.book-preview-page{background:linear-gradient(180deg,#07131f 0 44%,#e9e3d5 44% 100%)!important;padding-left:0!important;padding-right:0!important}.book-preview-shell{width:100%!important;max-width:none!important}.book-preview-top{width:min(1100px,calc(100% - 44px));margin:0 auto 100px!important;grid-template-columns:minmax(240px,330px) 1fr!important}.book-cover-shell{border-radius:3px 15px 15px 3px!important;box-shadow:-14px 30px 80px rgba(0,0,0,.46)!important}.book-preview-copy h1{font-size:clamp(3.8rem,8vw,7.5rem)!important}.reader-section{background:#e9e3d5!important;color:#18202a!important;border-top:1px solid rgba(25,32,42,.15)!important;padding:80px max(24px,calc((100vw - 900px)/2))!important}.reader-section .eyebrow,.reader-section .chapter-title{color:#496b72!important}.reader-section h2{color:#17212a!important}.reader-copy{color:#222b34!important;max-width:720px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:1.08rem!important;line-height:1.95!important}.reader-copy p{margin-bottom:1.45em!important}.reader-lock,.purchase-panel{border-radius:0!important;border-color:rgba(20,35,45,.17)!important;background:rgba(255,255,255,.25)!important;color:#34424b!important}.purchase-panel h3{color:#17212a!important}

/* EXPLORE: deliberately app-like so it contrasts with the world pages */
.explore-page-shell{max-width:1240px!important}.explore-toolbar{border-radius:14px!important}.explore-featured-card,.explore-card,.explore-progress,.explore-random{border-radius:14px!important}.explore-grid{gap:10px!important}

/* GENERIC INNER PAGES: stop every section becoming the same card */
.inner-page .feature-tile,.inner-page .ask-card,.inner-page .daily-card{border-radius:0!important}.inner-page .section-heading{max-width:760px}.inner-page .section-heading:after{content:"";display:block;width:80px;height:1px;margin-top:26px;background:linear-gradient(90deg,#9ed9e6,transparent)}

@media(max-width:1000px){.home-gateway{grid-template-columns:1fr!important}.home-gateway .section-heading{position:static!important}.character-grid,.main-roster{grid-template-columns:repeat(2,1fr)!important}.character-card:nth-child(n),.main-roster .student-mini-card:nth-child(n){margin-top:0!important;min-height:520px!important}.academy-section{grid-template-columns:1fr!important}.academy-quick-grid{grid-template-columns:repeat(2,1fr)!important}.academy-hub-grid{grid-template-columns:repeat(2,1fr)!important}.inner-main:has(.main-roster) .student-roster{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:700px){.site-header{position:sticky!important}.nav-toggle{display:inline-flex!important}.site-header .nav-links{position:absolute;top:calc(100% + 8px);left:10px;right:10px;display:grid!important;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:rgba(3,14,22,.97);border:1px solid rgba(255,255,255,.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s}.site-header.nav-open .nav-links{opacity:1;visibility:visible;transform:none}.site-header .nav-links a{padding:11px!important;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.hero-content{width:calc(100% - 30px)!important;text-align:left!important;padding-top:90px!important}.hero h1{font-size:clamp(3.3rem,16vw,5.6rem)!important}.hero-actions .button{width:auto!important}.home-status-strip{grid-template-columns:1fr!important;margin-top:0!important}.home-status-item{border-bottom:1px solid rgba(255,255,255,.07);margin-right:0!important}.home-gateway{width:calc(100% - 30px)!important;padding-top:80px!important}.gateway-card{grid-template-columns:30px 1fr!important}.gateway-arrow{grid-column:2}.character-grid,.main-roster{grid-template-columns:1fr!important}.character-card:nth-child(n),.main-roster .student-mini-card:nth-child(n){min-height:auto!important}.character-card{aspect-ratio:4/5}.academy-section{padding:100px 15px!important}.academy-image-wrap,.academy-image-wrap img{min-height:520px!important;height:520px!important}.spell-stage{grid-template-columns:1fr!important}.inner-main:has(.main-roster)>.inner-hero{padding:30px 18px!important}.character-seo-copy{padding:0 18px 0 30px!important;margin:80px 18px!important}.lore-cta{padding:30px 22px!important}.academy-guide>p,.academy-guide>h1,.academy-guide>section:not(.academy-visual-hero){width:calc(100% - 30px)!important}.academy-quick-grid,.academy-hub-grid{grid-template-columns:1fr!important}.academy-quick-card,.academy-hub-card{border-left:0!important;border-right:0!important}.book-preview-page{background:linear-gradient(180deg,#07131f 0 36%,#e9e3d5 36% 100%)!important}.book-preview-top{grid-template-columns:1fr!important}.book-cover-shell{width:min(270px,72vw)!important;margin:auto}.reader-section{padding:58px 22px!important}.inner-main:has(.main-roster) .student-roster{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}