@font-face{font-family:Vietnam;src:url('assets/BeVietnamPro-SemiBold.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:Spectral;src:url('assets/Spectral-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Brush;src:url('assets/EastSeaDokdo-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--paper:#ede0c7;--ink:#27251f;--red:#762e25;--muted:#61584a;--line:#a8967760}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Spectral,Georgia,serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}h1,h2,h3,p{margin:0}h2,h3{font-weight:400}h2{font-family:Brush,serif;font-size:clamp(3.5rem,5vw,5rem);line-height:.92}p{max-width:640px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:20;background:var(--paper);padding:16px}.header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:23px 4.5%;gap:24px;font-family:Vietnam,sans-serif;font-weight:600;font-size:14px}.brand{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;letter-spacing:.13em}.brand img{object-fit:contain}.brand small{font-size:10px;letter-spacing:.3em}.header nav{display:flex;gap:38px;margin-left:auto;margin-right:60px}.header nav a{padding:8px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--red);color:var(--red)}.development{font-size:12px;letter-spacing:.07em;border:1px solid #78694f60;padding:8px 14px;text-transform:uppercase}.hero{position:relative;min-height:810px;height:100svh;max-height:1120px;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:59% center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eddfc3e6 0%,#eddfc390 27%,transparent 48%),linear-gradient(0deg,#211f19ad,transparent 17%);pointer-events:none}.hero-copy{position:relative;width:43%;max-width:635px;padding-top:clamp(145px,19vh,220px);margin-left:4.5%}.eyebrow,.role{font:600 12px/1.6 Vietnam,sans-serif;letter-spacing:.18em}.hero-copy>.eyebrow{color:var(--red);padding-left:10px}.hero h1{margin:16px 0 20px -8px;width:100%}.hero h1 img{width:100%;height:auto}.hero-line{font-size:clamp(22px,2vw,29px);line-height:1.35;margin-bottom:15px}.hero-description{max-width:360px;font-size:17px;line-height:1.7}.button{font:600 14px Vietnam,sans-serif;display:inline-flex;gap:34px;align-items:center;background:var(--red);color:#f6ead4;padding:19px 25px;margin-top:29px;transition:background .2s,transform .2s}.button:hover{background:#51251e;transform:translateY(-2px)}.button span{font-size:20px}.hero-bottom{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#f4e5c9;font:600 11px Vietnam,sans-serif;letter-spacing:.16em}.hero-bottom a span{margin-left:16px}.section{padding:90px 8%}.game{background:#242720;color:#eee3cf}.intro{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;align-items:center}.intro .eyebrow{grid-column:1/-1;color:#c8b592;margin-bottom:24px}.intro>p:last-child{font-size:18px;color:#c8c5b7;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:68px;padding-top:34px;border-top:1px solid #ebe3cd30}.number{font:400 24px Spectral,serif;color:#b29a6a}.features h3{font-size:26px;margin:15px 0 10px}.features p{font-size:16px;color:#c8c5b7;line-height:1.75}.defenders{padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{color:var(--red);margin-bottom:18px}.section-heading>p{font-size:17px;color:var(--muted)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.roster article{min-width:0}.portrait{height:320px;overflow:hidden;background:#ddd0b8}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%;mix-blend-mode:multiply;transition:transform .5s}.roster article:hover img{transform:scale(1.035)}.character-copy{padding:22px 0;border-bottom:1px solid var(--line)}.role{font-size:11px;color:var(--red)}.character-copy h3{font-family:Brush,serif;font-size:48px;line-height:1.1;margin:4px 0 8px}.character-copy p{font-size:16px;color:var(--muted)}footer{margin:0 8%;padding:27px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:14px}footer>span{font:600 10px Vietnam,sans-serif;letter-spacing:.12em}.footer-title{font-size:17px}
@media(min-width:1600px){.hero-copy{margin-left:8%}.header{padding-left:8%;padding-right:8%}.hero-bottom{left:8%;right:8%}}
@media(max-width:1050px){.hero{height:850px;min-height:0}.hero-copy{width:45%;padding-top:175px}.hero-art{object-position:57% center}.header nav{margin-right:15px;gap:22px}.section{padding:70px 6%}.portrait{height:270px}.roster{gap:18px}.intro{column-gap:6%}.hero-description{max-width:300px}.hero:after{background:linear-gradient(90deg,#eddfc3ed 0%,#eddfc3a6 32%,transparent 63%),linear-gradient(0deg,#211f19ad,transparent 17%)}}
@media(max-width:700px){.header{padding:17px 5%;gap:12px}.brand{font-size:10px;letter-spacing:.05em}.brand small{font-size:9px}.brand img{width:35px;height:35px}.header nav{gap:18px;margin:0 0 0 auto;font-size:12px}.development{display:none}.hero{height:950px;max-height:none}.hero-art{height:520px;top:auto;bottom:0;object-position:68% center}.hero:after{background:linear-gradient(180deg,#ede0c7 0%,#ede0c7 39%,#ede0c700 57%),linear-gradient(0deg,#211f19bd,transparent 14%)}.hero-copy{margin:0 auto;width:90%;max-width:460px;padding-top:113px;text-align:center}.hero-copy>.eyebrow{padding:0}.hero h1{width:90%;margin:10px auto 10px}.hero-line{font-size:25px}.hero-description{font-size:16px;max-width:340px;margin:auto}.button{margin-top:22px;padding:17px 23px}.hero-bottom{bottom:21px;font-size:9px;letter-spacing:.07em}.hero-bottom a{font-size:0}.hero-bottom a span{font-size:22px}.section{padding:60px 6%}.intro{display:block}.intro h2{margin:20px 0 24px}.intro>p:last-child{font-size:17px}.features{grid-template-columns:1fr;margin-top:35px;gap:28px}.features article{display:grid;grid-template-columns:32px 1fr;column-gap:16px}.features .number{grid-row:1/3}.features h3{margin:0 0 8px;font-size:25px}.features p{grid-column:2}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px}.roster{grid-template-columns:repeat(2,1fr);gap:25px 16px}.portrait{height:260px}.character-copy{padding-top:15px}.character-copy h3{font-size:41px}.character-copy p{font-size:15px;line-height:1.55}footer{margin:0 6%;flex-wrap:wrap;gap:17px}.footer-title{width:100%}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.watch-button{display:flex;align-items:center;gap:10px;font:600 13px Vietnam,sans-serif;border:0;background:transparent;padding:0}.watch-button:hover{color:var(--red)}.watch-button small{font-size:11px;opacity:.75;margin-left:3px}.play-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:10px;padding-left:2px}.steam-note{font:600 11px/1.7 Vietnam,sans-serif;color:var(--muted);margin-top:17px}.wishlist{text-align:center;background:#dfd0b6;border-top:1px solid var(--line)}.wishlist>img{margin:0 auto 20px}.wishlist .eyebrow{color:var(--red);margin:0 auto 18px}.wishlist h2{margin-bottom:20px}.wishlist>p{margin-left:auto;margin-right:auto}.wishlist .button{margin-top:23px}.wishlist [aria-disabled=true]{opacity:.65;cursor:default}.wishlist .steam-note{margin-top:17px}dialog{border:1px solid #b9a78a;background:var(--paper);color:var(--ink);padding:24px;width:min(1000px,94vw);max-height:92svh}dialog::backdrop{background:#161914e8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:42px}.close-video{background:transparent;border:1px solid var(--line);width:40px;height:40px}dialog video{width:100%;display:block;max-height:65svh;background:#181a16}dialog>p{font-size:14px;margin-top:15px;color:var(--muted)}body:has(dialog[open]){overflow:hidden}@media(min-width:1200px){.hero-copy{padding-top:150px}.hero h1{margin-bottom:10px;max-width:540px}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px}.hero-actions .button{margin-top:0}.watch-button{flex-wrap:wrap;max-width:170px}.watch-button small{display:none}.hero-description{max-width:355px}}@media(max-width:700px){.hero{height:1040px}.hero-art{height:500px}.hero:after{background:linear-gradient(180deg,#ede0c7 0%,#ede0c7 45%,#ede0c700 63%),linear-gradient(0deg,#211f19bd,transparent 14%)}.hero-actions{align-items:center;gap:17px}.hero-actions .button{margin-top:20px}.steam-note{font-size:10px;margin-top:15px}.wishlist h2{font-size:3.5rem}dialog{padding:15px}.dialog-heading h2{font-size:35px}}
.media{background:#e5d7bc;border-bottom:1px solid var(--line)}figure{margin:0}.media-film video{width:100%;aspect-ratio:16/9;display:block;background:#252720}.media-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0 28px}.media-film figcaption span:last-child{font:600 11px Vietnam,sans-serif;letter-spacing:.08em;color:var(--muted)}.screenshots{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screenshot-link{display:block;position:relative;overflow:hidden}.screenshot-link img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.screenshot-link:hover img{transform:scale(1.025)}.enlarge{position:absolute;bottom:12px;right:12px;background:var(--paper);padding:3px 12px}.screenshots figcaption{padding:13px 0;font-size:17px}#screenshot-dialog{width:min(1400px,96vw);padding:14px}#screenshot-dialog>img{width:100%;max-height:77svh;object-fit:contain}.close-screenshot{position:absolute;right:23px;top:23px;background:var(--paper);border:1px solid var(--ink);width:42px;height:42px;z-index:1}.screenshot-caption{padding:0 8px}@media(max-width:700px){.header nav{gap:12px}.header nav a:first-child{display:none}.screenshots{grid-template-columns:1fr;gap:15px}.media-film figcaption{align-items:start;flex-direction:column;gap:5px}.media .section-heading h2{font-size:3.5rem}}
h2,.section-heading>p{white-space:pre-line}