.character-pages{--ink:#131326;--accent:#74caff;--tint:#e5f4ff;--deep:#142648;--fg-primary:#131326;--fg-strong:#131326;--fg-body:#25253c;--fg-muted:#444457;--fg-soft:#505064;--bg-deep:#e5f4ff;--border-subtle:#13132630;--border-strong:#131326;color:var(--ink);background:#fff9e9;overflow:clip}.character-pages.collectors{--accent:#dfb6ff;--tint:#eee7f8;--deep:#211646;--bg-deep:#eee7f8}.character-pages :is(h1,h2,h3){font-family:var(--font-display);text-shadow:none;line-height:1.25}.character-pages h1{font-size:clamp(32px,4vw,58px)}.character-pages h2{font-size:clamp(23px,2.5vw,34px)}.character-pages h3{font-size:clamp(19px,1.8vw,25px)}.character-pages p{font-size:15px;line-height:1.75}.character-pages p.uppercase,.character-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;line-height:1.6}.character-pages .character-section{max-width:none;margin:0;padding:48px max(24px,calc((100vw - 1140px)/2))}.character-pages .character-section:nth-of-type(2n){background:var(--tint);border-block:2px solid var(--ink)}.character-pages .surface{background:#fffdf5;border:2px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 var(--ink)}.character-pages .surface:not(a):not(figure):not(:has(img)){padding:25px}.character-pages blockquote.surface{border-radius:0 0 22px;background:var(--accent);font-size:16px;line-height:1.7}.character-pages .character-hero{background:var(--deep) radial-gradient(circle,#ffffff14 1px,transparent 1.5px);background-size:9px 9px;color:#fff;border-bottom:3px solid var(--ink)}.character-hero>.absolute{display:none}.character-hero>div:not(.absolute){max-width:1240px;padding:36px 24px 48px}.character-hero .grid{gap:45px}.character-hero .grid>div:has(>img){aspect-ratio:auto;height:540px;border:3px solid #131326;border-radius:0;box-shadow:7px 7px #100b20;background:#100e20;transform:rotate(1.5deg)}.character-hero img{width:100%;height:100%;object-fit:contain}.character-hero .grid>div:has(>p.absolute){display:flex;flex-direction:column}.character-hero .grid>div:has(>p.absolute)>img{flex:1;min-height:0}.character-hero .grid>div:has(>p.absolute)>div.absolute{display:none}.character-hero .grid>div>p.absolute{position:static;flex-shrink:0;padding:12px 16px;background:#100e20;font-size:12px;margin:0}.character-hero h1 span{color:var(--accent)}.character-pages .character-hero h1,.character-pages .character-abilities>div>h2{color:#fff}.character-hero .uppercase{color:var(--accent)}.character-hero p{color:#e8e0f4}.character-hero .character-mode-note{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:16px}.character-hero .flex{flex-wrap:wrap;letter-spacing:1px;font-size:11px}.character-pages .faction-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:48px max(24px,calc((100vw - 1240px)/2))}.faction-hero>div:not(.absolute){padding:0}.faction-hero h1{font-size:clamp(30px,3.3vw,47px);margin:18px 0 24px}.faction-hero p{margin-top:16px}.faction-hero .character-eyebrow{color:var(--accent)}.faction-hero figure{background:#100e20;border:3px solid var(--ink);box-shadow:7px 7px #100b20;transform:rotate(1.5deg)}.faction-hero figure img{height:520px;width:100%;object-fit:contain}.character-pages figcaption{font-size:10px;line-height:1.6;padding:10px 12px;letter-spacing:.5px}.character-back{display:inline-block;text-decoration:underline;text-underline-offset:4px;font-size:12px;margin-bottom:12px}.character-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;font-family:var(--font-display);font-size:12px;background:var(--accent);color:#131326;border:2px solid #131326;box-shadow:4px 4px #100b20;padding:12px 18px;margin-top:25px}.character-roster{scroll-margin-top:85px}.character-roster>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:none;width:100%}.character-roster>.grid>a{display:flex;flex-direction:column;background:#fff9e9}.character-roster>.grid>a>div:first-child{height:330px;aspect-ratio:auto;background:#171329!important;border-bottom:2px solid #131326}.character-roster img{object-fit:contain;transform:none}.character-roster>.grid>a>div:last-child{padding:20px 23px 23px}.character-roster h3{margin-top:7px}.character-roster h3:after{content:" ↗"}.character-roster>.grid>a:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #131326}.character-pages .character-abilities{background:#171329;color:#fff;border-block:3px solid #131326}.character-abilities>.grid{gap:24px}.character-abilities .surface{color:#131326;background:var(--accent)}.character-abilities .surface:nth-child(2n){background:#ffda56}.character-abilities .surface:nth-child(3n){background:#a9ef79}.character-pages .character-lore>.surface{max-width:850px;margin:auto;border-left:8px solid var(--ink)}.character-pages .character-quotes .grid{margin-top:28px}.character-pages .character-behaviors>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.character-behaviors .surface>div:has(img){aspect-ratio:1;background:#171329}.character-behaviors .surface>div:last-child{padding:22px}.character-pages a{transition:transform .16s,box-shadow .16s}.character-pages a:focus-visible{outline:4px solid #fa3fa1;outline-offset:5px}.character-pages .character-section a:not(.surface){text-decoration:underline;text-underline-offset:5px}.character-pages .character-section a[class*=rounded]{border:2px solid var(--ink);border-radius:0;background:var(--accent);color:var(--ink);padding:13px 18px;min-height:48px;box-shadow:4px 4px 0 var(--ink)}.character-pages .character-section div[class*=rounded]{border-radius:0}.character-pages .character-section .flex.items-baseline{align-items:start;padding:15px 0}.character-pages .character-section .flex.items-baseline p{font-size:14px}.character-pages .character-section .flex.items-baseline p:last-child{max-width:42%;white-space:normal}.character-footer-nav{display:flex;flex-wrap:wrap;gap:20px 35px;justify-content:center;padding:30px 24px;background:var(--accent);border-top:3px solid #131326}.character-footer-nav a{font-family:var(--font-display);font-size:12px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}@media(max-width:1000px){.character-hero .grid>div:has(>img){height:450px}.character-roster>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-hero figure img{height:440px}}@media(max-width:767px){.character-pages .faction-hero{grid-template-columns:1fr;gap:30px;padding:35px 22px}.faction-hero figure{transform:none}.faction-hero figure img{height:auto;max-height:490px}.character-hero .grid>div:has(>img){height:auto;aspect-ratio:1;transform:none}.character-hero .grid{gap:28px}.character-hero>div:not(.absolute){padding:30px 22px 38px}.character-pages .faction-hero>div{padding:0}.character-pages h1{font-size:clamp(30px,7.5vw,45px)}.character-pages .character-section{padding:36px 22px}.character-pages .character-section>.grid,.character-pages .character-behaviors>.grid{grid-template-columns:1fr}.character-roster>.grid>a>div:first-child{height:360px}.character-pages .character-section .flex.items-baseline{flex-direction:column;gap:9px}.character-pages .character-section .flex.items-baseline p:last-child{max-width:100%}.character-pages .surface:not(a):not(figure):not(:has(img)){padding:22px}.character-footer-nav{justify-content:start;gap:10px 25px}}@media(prefers-reduced-motion:reduce){.character-pages *{transition:none!important}}