.chronicles-hero{height:800px;position:relative;overflow:hidden;background:#1b211c}.painted-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#151d19 0%,#151d19dc 25%,#151d1950 70%),linear-gradient(0deg,#151d19,transparent 50%),url('../assets/battle-landscape.webp') center/cover}.red-disc{position:absolute;width:500px;aspect-ratio:1;border-radius:50%;background:#94392e;opacity:.75;right:13%;top:12%}.hero-yukimura{position:absolute;width:780px;max-width:none;right:-2%;bottom:-90px;filter:drop-shadow(-15px 0 35px #151d1988)}.breadcrumbs{position:relative;display:flex;gap:15px;padding:24px 6%;font-size:11px;color:#c8c5b4}.chronicles-title{position:relative;z-index:1;padding:48px 0 100px 8%;max-width:650px}.chronicles-title h1{font-size:88px;line-height:1.3;letter-spacing:.1em;font-weight:500;margin-top:20px}.chronicles-title h1 span{display:block;font-size:29px;letter-spacing:.3em;color:#dcc394;margin-top:12px}.hero-line{font:34px/1.7 'Yu Mincho',serif;margin-top:27px;letter-spacing:.15em}.chronicles-title .hero-description{font-size:13px;margin-top:18px}.vertical-poem{position:absolute;right:4%;top:20%;writing-mode:vertical-rl;font:20px/1.9 'Yu Mincho',serif;letter-spacing:.3em}.chronicles-bottom{position:absolute;bottom:20px;left:8%;right:8%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:#cbbd9d;letter-spacing:.1em}.battle-screen{margin:0;border:1px solid var(--line)}.battle-screen img{width:100%;max-height:660px;object-fit:cover;object-position:center}.battle-screen figcaption{padding:12px 18px;display:flex;justify-content:space-between;font-size:11px;color:#b7bcad}.intro-copy{max-width:850px;margin:28px auto;color:#bbc3b4;font-size:14px;line-height:2.1}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.three-steps article{border-top:1px solid var(--line);padding-top:20px}.three-steps b{font:35px serif;color:var(--gold)}.three-steps h3{font-size:23px;margin:12px 0}.three-steps p{font-size:13px;color:#bfc4b7}.commanders-section{background:#22291f;border-block:1px solid var(--line)}.commanders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.commander-card{position:relative;background:linear-gradient(160deg,#3f3b2e,#172019);border:1px solid var(--line);overflow:hidden}.character-art{display:block;width:100%;height:260px;overflow:hidden}.commander-card .character-art{height:310px;margin-top:24px}.commander-card>div{padding:24px;border-top:1px solid var(--line);background:#172019dd}.role{font-size:11px;color:#bda47d;letter-spacing:.08em}.commander-card h3{font-size:29px;font-weight:500;margin:5px 0 13px}.skill{color:#dfc494;font-size:13px;letter-spacing:.1em;margin:9px 0}.commander-card p:not([class]){font-size:12px;color:#c4c8ba;line-height:2}.commander-card small{font-size:10px;color:#a7ae9f;display:block;margin-top:14px}.context-note{margin:25px auto 0;max-width:950px;font-size:11px;color:#b4b9a8}.legends-section{background:radial-gradient(ellipse at 50% 0,#482d25,#1a211b 40%,#171e19)}.legend-heading{text-align:center}.legend-seal{display:inline-block;border:1px solid #a65d44;color:#d3a27e;padding:3px 18px;letter-spacing:.25em;font-size:12px;margin-top:25px}.legend-heading h2{font-size:52px;letter-spacing:.12em;line-height:1.6;margin:18px 0;font-weight:500}.legend-heading>p:last-child{font-size:14px;line-height:2;color:#c0b9a6}.character-index{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:950px;margin:36px auto 20px}.character-index a{font-size:12px;border:1px solid var(--line);padding:7px 13px;transition:background .2s}.character-index a:hover{background:#703529}.legend-note{max-width:850px;margin:0 auto 40px;font-size:11px;color:#aaa998;text-align:center}.legends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.legend-card{display:grid;grid-template-columns:.9fr 1fr;overflow:hidden;border:1px solid var(--line);background:#20271e;scroll-margin-top:25px}.legend-art{position:relative;display:flex;align-items:end;background:radial-gradient(ellipse at center,#64513b55,transparent 75%)}.legend-art .character-art{height:260px;align-self:center}.legend-number{position:absolute;left:15px;top:12px;font:31px Georgia,serif;color:#c4a37260}.legend-copy{padding:25px 20px 23px 0}.legend-copy h3{font-size:23px;font-weight:500;white-space:normal;margin:6px 0 10px}.legend-copy>p:not([class]){font-size:12px;color:#bbc3b2;line-height:1.95}.legend-copy details{margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.legend-copy summary{font-size:11px;color:#d7c39e}.legend-copy details p{font-size:11px;color:#c3c7b8;margin-top:10px}.bond{text-align:center;margin:50px 0 0;border-block:1px solid var(--line);padding:35px 15px}.bond h3{font-size:25px;margin:12px 0}.bond p:last-child{font-size:13px;color:#b5bdad;line-height:2}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mode-grid article{background:#242b21;border:1px solid var(--line);padding:28px}.mode-grid span{font-size:11px;color:var(--gold);letter-spacing:.1em}.mode-grid h3{font-size:22px;margin:15px 0}.mode-grid p{font-size:13px;color:#bbc3b1;line-height:2}.mode-grid small{display:block;font-size:10px;color:#c2ae84;margin-top:20px}.questions a{text-decoration:underline;color:var(--gold)}.closing{text-align:center;padding:55px 20px 70px;border-top:1px solid var(--line)}.closing img{margin:auto}.closing p{font:30px 'Yu Mincho',serif;margin:20px 0}.closing span{display:block;color:#afb9a8;font-size:12px}.closing a{display:inline-block;border-bottom:1px solid var(--gold);padding:10px 0;margin-top:20px;font-size:13px;color:var(--gold)}@media(max-width:1000px){.hero-yukimura{right:-22%;width:750px;opacity:.85}.chronicles-title{max-width:600px}.chronicles-title h1{font-size:72px}.legend-card{grid-template-columns:1fr}.legend-copy{padding:22px}.legend-art .character-art{height:270px}.commander-card .character-art{height:230px}.commander-card>div{padding:20px}.commander-card h3{font-size:25px}.mode-grid{gap:15px}.mode-grid article{padding:20px}}
@media(max-width:640px){.header nav a{display:none!important}.header nav a:last-child{display:block!important;font-size:11px}.chronicles-hero{height:830px}.breadcrumbs{padding:20px;font-size:10px}.chronicles-title{padding:30px 23px;width:100%;max-width:none}.chronicles-title h1{font-size:57px;letter-spacing:.04em}.chronicles-title h1 span{font-size:22px;letter-spacing:.2em}.hero-line{font-size:26px;line-height:1.65;margin-top:23px}.chronicles-title .hero-description{font-size:12px}.chronicles-title .button{min-width:225px;padding:14px 20px;font-size:12px;margin-top:25px}.hero-yukimura{width:450px;right:-145px;bottom:25px;opacity:.78}.red-disc{width:310px;right:-60px;top:48%}.painted-landscape{opacity:.6}.vertical-poem{display:none}.chronicles-bottom{left:23px;right:23px;font-size:9px;bottom:17px}.chronicles-bottom>span:last-child{display:none}.battle-screen img{max-height:none;object-fit:contain}.battle-screen figcaption{font-size:9px;padding:10px;gap:10px}.intro-copy{font-size:12px}.three-steps{grid-template-columns:1fr;gap:25px}.three-steps article{padding-left:48px;position:relative}.three-steps b{position:absolute;left:0;top:20px;font-size:29px}.three-steps h3{font-size:22px;margin-top:0}.commanders-grid{grid-template-columns:1fr}.commander-card{display:grid;grid-template-columns:.9fr 1fr;align-items:end}.commander-card .character-art{height:220px;margin:0;align-self:center}.commander-card>div{padding:20px 17px 20px 0;background:transparent;border:0}.commander-card h3{font-size:24px}.legend-heading h2{font-size:38px}.legend-heading>p:last-child{font-size:12px}.character-index{gap:7px;margin-top:25px}.character-index a{padding:6px 9px;font-size:11px}.legend-note{text-align:left;font-size:10px}.legends-grid{gap:16px;grid-template-columns:1fr}.legend-card{grid-template-columns:.9fr 1fr}.legend-art .character-art{height:210px}.legend-copy{padding:20px 14px 20px 0}.legend-copy h3{font-size:22px}.legend-copy .role{font-size:10px}.legend-copy>p:not([class]){font-size:11px}.legend-copy .skill{font-size:12px}.legend-number{font-size:24px;left:10px;top:10px}.bond h3{font-size:22px}.bond p:last-child{font-size:12px}.mode-grid{grid-template-columns:1fr}.closing p{font-size:23px}}

/* 紹介からゲーム本体への導線 */
.play-header{background:var(--red);color:var(--paper);min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.play-secondary{display:block;width:fit-content;margin-top:16px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.closing a.play-button{display:inline-flex;min-height:52px;padding:16px 25px;border:1px solid #d9524440;color:var(--paper);font-size:14px}.closing .play-button span{color:inherit;font-size:inherit}.play-button{min-height:52px}@media(max-width:1000px){.header .play-header{display:inline-flex}}@media(max-width:640px){.header nav{display:none}.header{gap:12px;padding-inline:16px}.header .play-header{font-size:11px;padding:10px 12px}.header .brand{font-size:13px;gap:7px}.header .brand small{font-size:6px}.header .brand img{width:24px}.play-secondary{font-size:11px}}