@charset "UTF-8";
:root{color-scheme:dark;--ink:#0b1d20;--deep:#091719;--paper:#f1e7d0;--muted:#b4c0b8;--gold:#e5c486;--line:#d4b67740;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.75 system-ui,-apple-system,'Yu Gothic',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:clamp(35px,4.3vw,60px);line-height:1.12;letter-spacing:-.025em}h3{font-size:29px;line-height:1.3}p{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);color:var(--ink);padding:10px;transform:translateY(-160%)}.skip:focus{transform:none}.header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;gap:24px;border-bottom:1px solid #e4c88c26;background:linear-gradient(#07191ee6,#07191e70)}.brand{display:flex;align-items:center;gap:12px;font:22px var(--serif);white-space:nowrap}.brand img{border-radius:0}.header nav{display:flex;gap:34px;font-size:13px;letter-spacing:.04em}.header nav a{color:#e1e2d7}.header nav a:hover,.text-link:hover{color:var(--gold)}select{background:#102326d9;border:1px solid #e3c48855;color:var(--paper);padding:8px 9px;font-size:12px;min-height:38px;max-width:150px}.hero{min-height:820px;height:min(960px,100svh);position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,#07191ef0 0%,#07191ed9 26%,#07191e67 58%,#07191e15 90%),linear-gradient(0deg,var(--ink),transparent 30%),url('assets/camp.webp');background-size:cover;background-position:center}.hero-inner{position:relative;max-width:680px;padding:130px 0 90px;margin-left:8%}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;color:var(--gold);margin-bottom:24px}.hero h1{font-size:clamp(60px,7vw,105px);line-height:1.03;letter-spacing:-.045em;color:#f7e7c0;white-space:nowrap;text-shadow:0 3px 35px #07191eb0}.hero h1 span{font-style:italic;font-size:.64em}.tagline{font-family:var(--serif);font-size:clamp(27px,3vw,41px);line-height:1.25;color:var(--paper);margin:27px 0 20px}.intro{max-width:480px;font-size:15px;color:#d0d6ce;line-height:1.85}.button{display:inline-flex;align-items:center;gap:42px;padding:13px 23px;background:var(--gold);color:#15282a;border:1px solid #f4dcaa;font-size:13px;font-weight:650;letter-spacing:.025em;margin-top:30px;box-shadow:0 4px 25px #0002;transition:background .2s,transform .2s}.button:hover{background:#f3dca8;transform:translateY(-2px)}.hero-status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.02em;margin-top:21px;color:#ccd7ce}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ac7b1}.art-caption{position:absolute;bottom:34px;right:4.5%;color:#e0e3d3b0;font-size:10px;letter-spacing:.04em}.section{max-width:1240px;margin:auto;padding:110px 48px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:45px}.section-heading>p{max-width:360px;font-size:14px}.section-heading .eyebrow{margin-bottom:20px}.world-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:stretch}.world-art{position:relative;min-height:430px;border:1px solid var(--line)}.world-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.image-label{position:absolute;bottom:20px;left:20px;background:#081d23dc;padding:6px 13px;font:14px var(--serif);border:1px solid var(--line)}.world-choices{display:flex;flex-direction:column}.world-choice{display:flex;align-items:flex-start;gap:19px;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:24px 3px;color:var(--paper);width:100%;flex:1}.world-choice:last-child{border-bottom:1px solid var(--line)}.world-choice .number{font:19px var(--serif);color:#8b958b;min-width:24px;margin-top:3px}.world-choice strong{display:block;font:22px var(--serif);margin-bottom:9px}.world-choice strong+span{display:block;color:#9eafa8;font-size:12px;line-height:1.75}.choice-arrow{color:#80958b;align-self:center;font-size:22px;margin-left:auto}.world-choice.active strong,.world-choice.active .number,.world-choice:hover strong,.world-choice.active .choice-arrow{color:var(--gold)}.world-choice.active{background:linear-gradient(90deg,#dfc3800b,transparent)}.caption{font-size:11px;margin-top:17px;color:#98aaa3}.heroes{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;border-top:1px solid var(--line)}.hero-stage{background:radial-gradient(ellipse at 50% 54%,#284447,#10262b 70%);position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);overflow:hidden}.hero-stage>img{width:100%;height:auto;object-fit:contain;position:relative}.hero-stage>p{font-size:10px;text-align:center;padding:15px;position:relative}.stage-mark{position:absolute;font:420px/.9 var(--serif);color:#c8b07d0b;top:10px;left:45px;pointer-events:none}.heroes-copy>p:not(.eyebrow){font-size:14px;margin-top:25px}.hero-picker{display:flex;gap:8px;margin:28px 0 24px}.hero-picker button{background:none;color:#b3c3bb;border:1px solid var(--line);padding:10px 13px;font-size:11px;flex:1;min-height:48px}.hero-picker button.active{color:var(--gold);background:#dcc18a12;border-color:#ddbd7b}.hero-detail{min-height:175px}.hero-detail .eyebrow{font-size:10px;margin-bottom:9px;letter-spacing:.13em}.hero-detail>p:last-child{font-size:13px;margin-top:12px}.legacy{position:relative;min-height:640px;display:flex;align-items:center;background:linear-gradient(90deg,#07191ef0,#07191edb 32%,#07191e24 80%),linear-gradient(0deg,var(--ink),transparent 30%,transparent 85%,var(--ink)),url('assets/gate.webp') center/cover}.legacy-copy{max-width:590px;margin-left:max(8%,calc((100% - 1144px)/2));padding:90px 35px 90px 0}.legacy-copy>p:not(.eyebrow){max-width:415px;margin-top:25px;font-size:14px;color:#ced5cc}.legacy-copy .legacy-note{font-size:12px!important;padding-left:18px;border-left:1px solid var(--gold)}.gallery{padding-bottom:90px}.screenshot-button{border:1px solid var(--line);background:#051214;width:100%;padding:0;position:relative;display:block}.screenshot-button img{width:100%;max-height:670px;object-fit:contain}.screenshot-button>span{position:absolute;bottom:20px;right:20px;padding:7px 15px;background:#0e242aee;color:var(--gold);font-size:12px;border:1px solid var(--line)}.screenshot-button:hover{border-color:var(--gold)}.development{border-top:1px solid var(--line);text-align:center;max-width:1144px;padding:80px 48px 100px}.development>img{margin:0 auto 25px}.development .eyebrow{margin-bottom:22px}.development>p:not(.eyebrow){max-width:620px;margin:25px auto 0;font-size:14px}.development-languages{color:var(--gold);font-size:12px;margin:25px 0}.development-languages span{padding:0 14px;color:#718e82}.text-link{font-size:12px;border-bottom:1px solid #b5a67b6b;padding-bottom:5px}footer{background:#071719;border-top:1px solid var(--line);padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:18px}footer p,footer>span{font-size:10px}dialog{padding:0;border:1px solid var(--gold);background:var(--deep);max-width:min(1300px,95vw);max-height:93svh;overflow:auto}dialog::backdrop{background:#030d12ed}dialog>img{width:auto;max-height:90svh;object-fit:contain}dialog form{position:sticky;top:0;height:0;z-index:1}.dialog-close{display:block;margin-left:auto;background:#0e242a;color:var(--gold);border:1px solid var(--gold);font-size:28px;width:48px;height:48px;line-height:1}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero-inner{margin-left:calc((100% - 1420px)/2)}}
@media(max-width:1000px){.header nav{gap:18px}.hero-inner{margin-left:6%}.section{padding:80px 30px}.world-layout{gap:25px;grid-template-columns:1fr 1fr}.world-choice{gap:12px;padding:18px 0}.world-choice strong{font-size:20px}.heroes{gap:40px}.hero-stage{min-height:450px}.section-heading{gap:40px}.legacy-copy{margin-left:6%}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{padding:17px 20px;gap:10px}.header .brand{font-size:19px;gap:7px}.header .brand img{width:32px;height:32px}.header nav{display:none}select{max-width:115px;font-size:11px;padding:6px}.hero{min-height:790px;height:100svh;max-height:1000px;background-position:62% center;background-image:linear-gradient(90deg,#07191ee8,#07191e8a),linear-gradient(0deg,var(--ink),transparent 45%),url('assets/camp.webp')}.hero-inner{margin:0;padding:135px 25px 90px}.hero h1{font-size:clamp(48px,10.5vw,70px)}.hero .eyebrow{font-size:9px;margin-bottom:25px}.tagline{font-size:33px}.intro{font-size:14px;max-width:440px}.art-caption{bottom:25px;left:25px;font-size:9px}.section{padding:65px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;max-width:100%;font-size:14px}.world-layout{grid-template-columns:1fr;gap:25px}.world-art{min-height:270px}.world-choice{padding:22px 7px}.world-choice strong+span{font-size:13px}.world-choice strong{font-size:23px}.caption{font-size:10px}.heroes{grid-template-columns:1fr;gap:35px}.heroes-copy{order:-1}.hero-stage{min-height:360px;max-width:478px;width:100%;margin:auto}.hero-detail{min-height:175px}.hero-picker button{font-size:12px}.legacy{min-height:590px;background-position:60% center;background-image:linear-gradient(90deg,#07191eed,#07191e90),linear-gradient(0deg,var(--ink),transparent),url('assets/gate.webp')}.legacy-copy{margin-left:0;padding:65px 24px;max-width:550px}.legacy-copy>p:not(.eyebrow){font-size:14px}.screenshot-button>span{bottom:10px;right:10px;padding:4px 9px;font-size:10px}.development{padding:60px 24px 70px}.development .eyebrow{font-size:9px}.development-languages span{padding:0 7px}footer{padding:26px 24px;gap:18px}footer>span{margin-left:auto}footer p{line-height:1.6}h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}