@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@500;700;900&display=swap');
:root{color-scheme:dark;--ink:#f2e7d5;--muted:#b5a694;--gold:#e4b862;--blood:#ad181c;--ground:#100a0b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.nav{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;position:absolute;width:100%;z-index:2}.wordmark{font-family:Georgia,serif;font-size:30px;font-weight:900;letter-spacing:4px;color:var(--gold)}.nav div{display:flex;gap:28px;font-size:13px}.hero{min-height:850px;height:100svh;max-height:1100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 5vw 40px;overflow:hidden;position:relative;background:linear-gradient(90deg,#100a0bf5,#100a0b7a),url('/assets/castle.webp') center/cover}.hero-copy{z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--gold);margin:0 0 32px}h1,h2{font-family:'Noto Serif JP',Georgia,serif;font-weight:900}h1{font-size:clamp(46px,5.2vw,82px);line-height:1.5;letter-spacing:.02em;margin:0 0 30px}em{color:var(--gold);font-style:normal}.intro{font-size:16px;line-height:2.1;color:#d9cdbd}.hero-actions{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.cta{padding:19px 26px;min-width:210px;background:var(--blood);border:1px solid #df745756;display:flex;justify-content:space-between;gap:30px;font-weight:700;border-radius:5px;transition:background .2s}.cta:hover{background:#cb2429}.availability{font-size:11px;color:var(--muted)}.hero-art{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.throne{width:min(105%,760px);max-height:85%;object-fit:contain;filter:drop-shadow(0 0 50px #ce191a45)}.army-art{position:absolute;width:150%;max-width:none;bottom:7%;left:-30%;filter:drop-shadow(0 18px 20px #000)}.manifesto{padding:130px 5vw;text-align:center;background:radial-gradient(ellipse at 50% 0%,#64202433,transparent 70%)}h2{font-size:clamp(32px,4vw,56px);line-height:1.65;margin:0 0 30px}.manifesto p:not(.eyebrow){color:var(--muted);line-height:2.2;font-size:16px}footer{padding:60px 5vw;border-top:1px solid #ffffff18;display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between}footer strong{color:var(--gold);font-family:Georgia,serif;font-size:26px;letter-spacing:3px}footer div{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted)}footer small{width:100%;color:var(--muted);font-size:11px}@media(max-width:800px){.nav{height:72px}.nav div{gap:20px}.hero{height:auto;min-height:900px;grid-template-columns:1fr;padding-top:140px}.hero-copy{text-align:center}.hero h1{font-size:52px}.intro{font-size:14px}.hero-actions{justify-content:center}.hero-art{height:400px;margin-top:20px}.throne{width:400px;max-height:100%}.army-art{width:110%;bottom:0;left:-5%}.eyebrow{font-size:9px;letter-spacing:2px}.manifesto{padding:85px 6vw}.manifesto p:not(.eyebrow){font-size:14px}.availability{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.features{max-width:1240px;margin:auto;padding:0 5vw 100px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:70px 0;border-top:1px solid #e4b86233}.feature:nth-child(even) .feature-copy{order:2}.feature h2{font-size:clamp(29px,3vw,45px);line-height:1.55}.feature p:not(.eyebrow){color:var(--muted);line-height:2}.game-shot{display:block;width:100%;max-width:360px;margin:auto;border:1px solid #997644;border-radius:20px;box-shadow:0 25px 80px #0008}.final-call{padding:110px 5vw;text-align:center;background:linear-gradient(#100a0bb8,#100a0bf2),url('/assets/castle.webp') center/cover}.final-call .cta{display:inline-flex;margin-top:20px}.feature-copy .eyebrow{margin-bottom:20px}@media(max-width:800px){.feature{grid-template-columns:1fr;gap:32px;padding:50px 0}.feature:nth-child(even) .feature-copy{order:0}.feature .game-shot{max-width:300px}.features{padding-bottom:40px}}

/* Keep language navigation and translated copy readable at narrow widths. */
.nav-links{align-items:center}.language-switcher{position:relative;color:var(--gold);font-size:13px;letter-spacing:0}.language-switcher summary{cursor:pointer;padding:8px 0;white-space:nowrap}.language-switcher summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.nav .language-options{position:absolute;right:0;top:100%;z-index:5;display:grid;grid-template-columns:1fr;gap:0;width:240px;max-width:calc(100vw - 32px);max-height:min(440px,70svh);overflow-y:auto;padding:8px;background:#1b1012;border:1px solid #997644;border-radius:5px;box-shadow:0 12px 32px #0008}.language-options a{display:block;padding:9px 12px;font-size:13px;line-height:1.4;letter-spacing:0}.language-options a:hover,.language-options a[aria-current="page"]{background:#64202466;color:var(--gold)}.hero-copy,.feature-copy{min-width:0}h1,h2{overflow-wrap:anywhere;hyphens:auto}.intro,.feature p,.manifesto p,.availability{overflow-wrap:anywhere}.nav-links>a{white-space:nowrap}
:lang(ko) h1,:lang(ko) h2{word-break:keep-all;overflow-wrap:normal}
@media(max-width:800px){.hero{max-height:none}.hero h1{font-size:clamp(32px,7.4vw,52px)}.nav .nav-links{gap:10px 18px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{line-height:1.8}.cta{min-width:0;max-width:100%;overflow-wrap:anywhere}.hero-art{height:clamp(280px,85vw,400px)}}
@media(max-width:480px){.nav{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px;gap:10px}.wordmark{font-size:25px;letter-spacing:3px}.nav .nav-links{font-size:12px;gap:4px 12px;max-width:calc(100% - 138px)}.language-switcher{font-size:12px}.hero{padding-top:140px}.hero h1{line-height:1.4}.hero-actions{gap:16px}.throne{max-width:110%}.feature{gap:24px}footer{gap:24px}footer div{gap:16px}}

/* HTML dimensions reserve the original ratio; responsive images must scale both axes. */
.game-shot{height:auto;aspect-ratio:780/1688;object-fit:contain}
.hero-art{min-width:0}.army-art{width:100%;left:0;bottom:7%;height:auto}
@media(max-width:800px){.army-art{width:100%;left:0;bottom:0}.throne{max-width:100%}}