:root{color-scheme:dark;--bg:#090f17;--panel:#101a25;--ink:#f0eee8;--muted:#aab7c2;--line:#283642;--ice:#93dfff;--fire:#ffab76;--max:1260px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--ice)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--ice);outline-offset:7px}img{display:block;max-width:100%}.skip{position:absolute;top:-100px;left:15px;z-index:99;background:white;color:black;padding:10px}.skip:focus{top:10px}.site-header{height:100px;max-width:1500px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;margin:auto;position:relative;z-index:2;border-bottom:1px solid #ffffff16}.wordmark{display:flex;align-items:center;gap:14px;font-size:17px;letter-spacing:2.2px;font-weight:700;line-height:1.2}.wordmark small{font-size:10px;letter-spacing:5px;display:block;margin-top:8px;font-weight:400;color:var(--muted)}.sigil{font-family:Georgia,serif;font-size:47px;background:linear-gradient(100deg,var(--ice) 45%,var(--fire) 55%);color:transparent;background-clip:text}.site-header nav{display:flex;gap:36px;font-size:14px}.hero{max-width:1600px;margin:auto;position:relative;min-height:760px;height:calc(100svh - 100px);max-height:960px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 33%;display:flex}.hero-art img{height:100%;width:58%;object-fit:cover;object-position:50% 18%;filter:saturate(.83);max-width:none}.hero-art .frost{margin-right:-16%;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 65%,transparent 100%)}.hero-art .cinder{mask-image:linear-gradient(90deg,transparent 0%,black 25%,black 85%,transparent)}.hero-art:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--bg),transparent 44%),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-copy{position:relative;z-index:3;padding:95px 5vw 125px;max-width:800px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--ice);margin:0 0 27px}.hero h1{font:clamp(42px,4.7vw,77px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0 0 30px;text-shadow:0 3px 30px #060a12}.hero h1 em{font-style:normal;font-size:1.22em;color:#f6e4c5}.hero h1 span{display:block;letter-spacing:8px;font:17px/1.6 Arial,sans-serif;margin-top:24px;color:#c9d7df}.hero-intro{font-size:24px;margin:0 0 14px}.hero-detail{max-width:400px;font-size:16px;color:#c3ccd4}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;background:#d7e9ed;color:#111d25;border:1px solid #d7e9ed;padding:14px 23px;font-size:14px;font-weight:bold;transition:background .2s}.button:hover{background:var(--ice);color:#07111c}.text-link{font-size:14px;border-bottom:1px solid #758d9f;padding-bottom:5px}.text-link span{margin-left:10px}.development{font-size:11px;letter-spacing:2px;color:var(--fire);margin-top:27px}.development span{letter-spacing:1px;color:var(--muted);border-left:1px solid #4a5057;margin-left:13px;padding-left:13px}.hero-footer{position:absolute;z-index:3;bottom:24px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:11px;letter-spacing:1.5px}.hero-footer a{font-size:13px;letter-spacing:0}.hero-footer a span{margin-left:25px}.section{max-width:var(--max);margin:auto;padding:110px 40px;scroll-margin-top:25px}.game-section{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.section h2{font:clamp(36px,4vw,57px)/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 28px}.section-heading>p:last-child,.section-lead{color:var(--muted);max-width:580px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-content:center}.numbers div{border-top:1px solid var(--line);padding-top:20px}.numbers div:first-child{grid-column:span 2}.numbers strong{display:block;font:56px/1.2 Georgia,serif;color:var(--ice)}.numbers span{font-size:14px;color:var(--muted)}.heroes-section{border-top:1px solid var(--line)}.hero-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.hero-preview-pair figure{margin:0;position:relative;background:var(--panel)}.hero-preview-pair img{width:100%;height:470px;object-fit:cover;object-position:50% 10%}.hero-preview-pair figcaption{padding:20px 25px;font:30px Georgia,serif}.hero-preview-pair figcaption span{display:block;font:14px Arial,sans-serif;color:var(--muted);margin-top:10px}.studio-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px 80px}.studio-section>.eyebrow{grid-column:span 2}.studio-section>p:last-child{color:var(--muted);margin-top:4px}.ice-text{color:var(--ice)}.fire-text{color:var(--fire)}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted);font-size:12px}footer .wordmark{font-size:13px;display:block;color:var(--ink)}footer .wordmark small{font-size:9px}footer nav{display:flex;gap:25px}::selection{background:#99d8ed;color:#081118}@media(min-width:1500px){.hero-copy{padding-left:8vw}}@media(max-width:1000px){.site-header nav{gap:22px}.hero{min-height:760px}.hero-art{left:25%;opacity:.65}.hero-copy{padding-top:95px}.game-section{gap:50px}.section{padding:80px 35px}.hero-preview-pair img{height:370px}}@media(max-width:650px){.site-header{height:auto;min-height:96px;flex-direction:column;align-items:flex-start;gap:19px;padding:22px 23px}.wordmark{font-size:14px}.wordmark small{font-size:9px}.sigil{font-size:32px}.site-header nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.hero{height:auto;min-height:800px}.hero-art{left:0;bottom:auto;height:460px;opacity:.72}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 80%)}.hero-copy{padding:265px 25px 95px}.hero h1{font-size:44px}.hero h1 span{font-size:12px;letter-spacing:6px;margin-top:16px}.hero-intro{font-size:20px}.hero-detail{font-size:15px}.hero-actions{gap:22px}.hero-footer{bottom:14px;left:25px;right:25px}.hero-footer>span{display:none}.hero-footer a{width:100%;display:flex;justify-content:space-between}.section{padding:70px 25px}.game-section{display:block}.numbers{margin-top:40px;gap:25px}.numbers div:first-child{grid-column:auto}.numbers strong{font-size:43px}.numbers div:last-child{grid-column:span 2}.studio-section{display:block}.hero-preview-pair{gap:15px}.hero-preview-pair img{height:260px}.hero-preview-pair figcaption{font-size:23px;padding:16px}.hero-preview-pair figcaption span{font-size:12px;line-height:1.4}footer{padding:30px 25px;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.eyebrow{font-size:11px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.battle-section{padding-top:30px}.battle-top{max-width:750px}.battle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.battle-grid article{border-top:1px solid var(--line);padding-top:25px}.step{color:var(--fire);font-size:12px;letter-spacing:3px}.battle-grid h3{font:27px Georgia,serif;margin:20px 0 15px}.battle-grid p{color:var(--muted);font-size:16px}.hero-selectors{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0}.hero-selectors button{font:14px Arial,sans-serif;min-height:45px;padding:12px 22px;color:#c5d2dc;background:transparent;border:1px solid #324350;cursor:pointer;transition:background .2s}.hero-selectors button:hover{background:#1b2a37}.hero-selectors button[aria-pressed=true]{background:#cbe6f0;color:#0b1c26;border-color:#cbe6f0}.hero-profile{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(130deg,#182c3c,#101923 70%);border:1px solid #293d4d;min-height:540px}.portrait-wrap{position:relative;overflow:hidden;min-height:540px}.portrait-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#131f2b)}.portrait-wrap img{height:100%;width:100%;object-fit:cover;object-position:50% 12%;position:absolute}.hero-biography{padding:55px 50px}.hero-biography .eyebrow{font-size:11px;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.hero-biography h3{font:58px/1.1 Georgia,serif;margin:0 0 20px}.hero-biography>p{color:#b9c7d0;font-size:16px}.hero-biography h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:28px 0 16px;color:var(--fire)}.abilities{list-style:none;counter-reset:ability;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.abilities li{counter-increment:ability;font-size:14px;border-top:1px solid #31414e;padding-top:10px;line-height:1.5}.abilities li:before{content:'0' counter(ability);display:block;font-size:10px;color:#8098a8;margin-bottom:3px}.hero-biography .small-note{font-size:12px;color:#8da1b0;margin:28px 0 0}.development-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-top:1px solid var(--line)}.development-section p:not(.eyebrow){color:var(--muted);font-size:16px}.development-section .text-link{display:inline-block;margin-top:14px}.bane-mark img{width:100%;mix-blend-mode:screen}.bane-mark span{display:block;text-align:center;letter-spacing:2px;font-size:10px;color:var(--muted)}.document{max-width:860px;margin:auto;padding:85px 30px 110px}.document h1{font:clamp(38px,6vw,68px)/1.1 Georgia,serif;margin:0 0 24px;letter-spacing:-1px}.document h2{font:28px Georgia,serif;margin:45px 0 18px;color:var(--ink)}.document p,.document li{color:#b9c6d0;line-height:1.8}.document p.document-intro{font-size:21px;color:#d0dbe2}.document a:not(.button){color:var(--ice);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.document .document-date{font-size:13px;color:#8c9fab}.document li{padding-left:5px;margin-bottom:15px}.document strong{color:#dce5ea}.contact-panel{padding:25px 30px;border:1px solid #355568;background:#132332;margin:40px 0}.contact-panel>span{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-bottom:10px}.contact-panel>a{font-size:clamp(16px,3vw,26px)}.faq{border-top:1px solid var(--line);margin-top:25px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;color:var(--ink);padding-right:15px;font-size:18px}.faq p{font-size:16px}.faq summary:focus-visible{outline:2px solid var(--ice);outline-offset:6px}.site-header [aria-current=page]{color:var(--ice)}
@media(max-width:900px){.hero-biography{padding:35px 28px}.hero-biography h3{font-size:46px}.hero-profile{grid-template-columns:.9fr 1fr}.battle-grid{gap:25px}.development-section{gap:35px}.abilities{gap:15px}}
@media(max-width:650px){.battle-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.battle-grid article{padding-top:18px}.battle-grid h3{margin:10px 0}.hero-selectors{gap:7px;margin:30px 0 20px}.hero-selectors button{padding:10px 14px;font-size:13px;flex-grow:1}.hero-profile{display:block}.portrait-wrap{min-height:370px;height:370px}.portrait-wrap:after{background:linear-gradient(0deg,#131f2b,transparent 25%)}.portrait-wrap img{object-position:50% 17%}.hero-biography{padding:25px}.hero-biography h3{font-size:46px}.hero-biography .eyebrow{line-height:1.5}.development-section{display:flex;flex-direction:column;gap:25px}.bane-mark{max-width:340px}.document{padding:65px 25px}.document p.document-intro{font-size:18px}.contact-panel{padding:20px}.studio-section>p:last-child{font-size:16px}}