/* Mobile reading pass: explicit type roles and content-driven heights. */
:root{--font-body:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;--font-display:'Barlow Condensed','Arial Narrow',sans-serif}
body{font-family:var(--font-body);font-size:16px;line-height:1.85}button,a{touch-action:manipulation}p{line-height:1.9;text-wrap:pretty}h2,h3{overflow-wrap:break-word}button{white-space:normal}
html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] .cta{font-family:var(--font-body);font-style:normal;letter-spacing:0}
.section-title h2,html[lang=ja] .section-title h2{font-family:var(--font-display);font-style:italic;font-weight:900;line-height:1.12;font-size:clamp(32px,4vw,48px);letter-spacing:0}
.section-title p{font-size:15px;line-height:1.85}.section-title{margin-bottom:28px}.gallery-heading h2,html[lang=ja] .gallery-heading h2{font-family:var(--font-body);font-style:normal;font-size:28px;line-height:1.5}
.story-intro h2,html[lang=ja] .story-intro h2{font-family:var(--font-body);font-style:normal;line-height:1.65;letter-spacing:0}.story-intro p{font-size:15px}
.motion{position:static;display:inline-flex;margin:0 auto 25px;padding:12px 20px;min-height:44px;font-size:13px;background:#1d2114;border-color:#bca64c}
.reading-section{padding:64px max(6%,calc((100% - 1160px)/2));background:#0b0e09;color:#f7f2df;border-bottom:1px solid #8b7937}
.village-note{background:#eed14d;color:#171b0b}.village-note .section-title h2,.village-note .section-title p{color:#171b0b}.village-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.village-layout>img{width:100%;aspect-ratio:4/3;object-fit:cover}.village-layout h3{font:800 25px/1.5 var(--font-body);margin:0 0 20px}.village-layout p{font-size:15px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:6px 0;font:700 14px/1.6 var(--font-body)}
.profile-list{display:grid;gap:48px}.profile-story{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.profile-story:nth-child(even)>img{order:2}.profile-story>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.profile-story h3{font:800 28px/1.5 var(--font-body);margin:7px 0 15px}.profile-story p{font-size:15px;line-height:1.95}.profile-role{font-size:12px;color:#f1d46a}.profile-story .text-link{color:#ffe17a}
.field-history .timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;overflow:visible;margin:28px 0 0;padding:0}.field-history .era{padding:22px;border-radius:6px}.field-history .era h3{font:900 italic 40px/1 var(--font-display);border:0;padding:0;margin:0 0 18px}.field-history .era img{width:100%;height:auto;aspect-ratio:16/10;border:0;border-radius:4px;object-fit:cover}.field-history .era h4{text-align:left;font-size:19px;line-height:1.6;margin:20px 0 10px}.field-history .era p{text-align:left;font-size:14px;line-height:1.9}.field-history .era button{font-size:13px;min-height:44px;margin:15px 0 0;padding:10px 0;background:none}.story-spoiler{font-size:13px;color:#e0d7ba}
.equipment-description{font-size:14px;line-height:1.85;color:#e5dfcc;margin:12px 0 0}.inventory-grid{align-items:start}.inventory-grid>button{text-align:left}.inventory-grid small{font-size:12px}.inventory-grid strong{font-size:17px}.person-caption>span{font-size:15px;line-height:1.9}.person-caption>strong{font-family:var(--font-body)}.people-thumbs strong{font-size:15px}.people-thumbs span{font-size:13px}.model-status,.model-credit{font-size:13px}.showcase .copy p{font-size:15px}.about .copy p{font-size:13px}.category-entry small{font-size:12px}.category-entry strong{font-size:15px}.collect-caption small{font-family:var(--font-body);font-size:11px;letter-spacing:0}.collect-caption strong{font-size:16px}.collect-caption em{font-size:10px}
@media(max-width:600px){
html{scroll-padding-top:78px}header{height:64px;padding:0 18px;gap:12px}.brand{align-items:flex-start;transform:none}.brand b{font-size:25px;line-height:1}.brand span{font-size:15px;letter-spacing:0;line-height:1;margin:0;padding:0;color:#ffe166;background:none}.store-button{display:none}.language{display:flex!important;order:2;margin-left:auto;gap:4px}.language button{font-size:11px;min-height:40px;padding:7px}.menu-button{order:3;margin:0;flex-shrink:0;min-width:38px;min-height:44px}.language>span{display:none}.language [data-lang=ja]{font-size:0}.language [data-lang=ja]::after{content:'JA';font-size:12px}#mobile-menu{top:64px}#mobile-menu a,#mobile-menu button{font-size:15px;min-height:44px}
.hero{height:auto;min-height:780px;padding:110px 24px 44px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:90px}.hero-content{position:relative;inset:auto;width:100%;margin:0;transform:none;filter:none}.hero-content::after{display:none}.hero .unofficial{font:500 10px/1.6 var(--font-body);letter-spacing:0;margin:0 0 25px;max-width:270px}.hero .logo{align-items:flex-start}.hero .logo strong{font-size:64px;letter-spacing:-1px;line-height:1}.hero .logo-ribbon{font-size:32px;padding:5px 10px;line-height:1.1}.mission-hud{position:relative;inset:auto;width:100%;padding:0;text-align:left}.mission-hud h2,html[lang=ja] .mission-hud h2{font:900 32px/1.5 var(--font-body);max-width:none;letter-spacing:0;margin:0 0 15px}.mission-hud>p{font-size:14px;line-height:1.85;max-width:290px;margin:0 0 25px}.mission-hud .cta,html[lang=ja] .mission-hud .cta{font:800 15px/1.5 var(--font-body);padding:14px 22px;min-height:54px;border-radius:8px;box-shadow:none;border:0}.hero-note{display:none}.hero video{opacity:.8}.hero-shade{background:linear-gradient(0deg,#080a06f2,transparent 80%),linear-gradient(90deg,#080a0666,transparent)}.footage-credit{font-size:10px}
.story-intro{padding:48px 22px;min-height:0}.story-intro h2,html[lang=ja] .story-intro h2{font-size:24px;line-height:1.8;margin-bottom:25px}.story-intro p{font-size:14px;line-height:2.05;margin-bottom:30px}.story-intro .cta{font-size:14px;min-height:52px}
.field-guide,.mission-board,.people-section,.inventory-section,.model-section,.reading-section{padding:48px 22px}.section-title h2,html[lang=ja] .section-title h2{font-size:34px;line-height:1.12;letter-spacing:0}.section-title p{font-size:14px;line-height:1.85;margin-top:14px}.section-title{margin-bottom:28px}.showcase-cards{padding:42px 22px}.gallery-heading{display:block;margin-bottom:22px}.gallery-heading h2,html[lang=ja] .gallery-heading h2{font-size:24px;line-height:1.6}.gallery-heading small{font-size:11px}.gallery-all{font-size:13px;min-height:44px;margin-top:16px}.collect-caption{padding:14px 8px}.collect-caption strong{font-size:15px}.collect-caption small{font-size:11px}.collect-caption em{font-size:10px}.collect-top{font-size:12px}.rail-hint{font-size:12px;line-height:1.9}.category-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-entry button{min-height:150px;padding:16px 10px}.category-entry strong{font-size:15px}.category-entry small{font-size:12px}.back-collection summary{font-size:13px;line-height:1.7;padding:12px 0}
.field-guide .guide-grid{gap:25px}.field-guide .guide-grid>a{min-height:0;display:flex;flex-direction:column;background:#151a10}.field-guide .guide-grid img{position:relative;height:210px;inset:auto;object-fit:cover}.field-guide .guide-grid>a::after{display:none}.guide-caption{padding:22px 18px 10px 65px}.guide-caption>b{top:23px;left:16px}.guide-caption h3{font:800 17px/1.65 var(--font-body);margin-bottom:12px}.guide-caption p{font:400 14px/1.9 var(--font-body);max-width:none}.field-guide .guide-grid .speech{position:relative;inset:auto;margin:12px 18px 22px;padding:13px 16px;font:600 13px/1.85 var(--font-body)}
.mission-layout{grid-template-columns:1fr;gap:24px}.mission-tile,.mission-lead,.mission-tile:not(.mission-lead){grid-column:auto;grid-row:auto;min-height:0}.mission-tile img{position:relative;inset:auto;width:100%;height:230px;display:block}.mission-tile>div,.mission-lead>div{position:relative;inset:auto;background:#11170d;padding:22px}.mission-tile b,.mission-lead b{position:static;font:900 italic 36px/1 var(--font-display);display:block;margin:0 0 12px}.mission-tile h3,.mission-lead h3{font:800 19px/1.6 var(--font-body);margin:0 0 12px}.mission-tile p,.mission-lead p{font-size:14px;line-height:1.9}.mission-tile span{font-size:13px;margin-top:20px}.mission-board>.cta,.people-section>.cta,.inventory-section>.cta{font-size:14px;line-height:1.6;min-height:50px;max-width:100%;text-align:center}
.person-spotlight{height:auto;display:flex;flex-direction:column}.person-spotlight>img{height:290px;object-fit:cover}.person-caption{position:relative;inset:auto;padding:23px 20px;background:#11170d}.person-caption>strong{font-size:25px;margin:10px 0}.person-caption>span{font-size:14px;line-height:1.9}.person-caption>small,.person-caption>em{font-size:12px}.person-aside{font:600 20px/1.6 var(--font-body);top:18px;right:18px}.people-thumbs{gap:12px;margin-top:22px}.people-thumbs img{height:100px}.people-thumbs strong{font-size:13px;line-height:1.6}.people-thumbs span{font-size:11px;line-height:1.75}
.village-layout,.profile-story{grid-template-columns:1fr;gap:24px}.village-layout h3{font-size:23px}.village-layout p,.profile-story p{font-size:15px;line-height:2}.profile-story:nth-child(even)>img{order:0}.profile-story h3{font-size:25px}.profile-story>img{aspect-ratio:4/3}.profile-list{gap:48px}.profile-story:not(:last-child){padding-bottom:36px;border-bottom:1px solid #756839}
.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.inventory-grid strong{font-size:15px;line-height:1.7;margin-top:12px}.inventory-grid small{font-size:11px;line-height:1.7}.inventory-art{aspect-ratio:1}.equipment-description{font-size:13px;line-height:1.95;margin-top:12px}.inventory-inspect p{font-size:14px;line-height:1.9}.inventory-inspect h3{font-size:20px}.inventory-inspect>span,.inventory-inspect button{font-size:12px}.field-history .timeline{grid-template-columns:1fr;gap:25px}.field-history .era{padding:20px}.field-history .era h4{font-size:20px}.field-history .era p{font-size:14px}
.model-tabs button,.model-tools>button{font-size:13px;min-height:44px}.model-status{font-size:13px;line-height:1.9}.model-credit{font-size:12px}.model-placeholder>.cta{font:700 14px/1.6 var(--font-body);white-space:normal;min-width:250px;text-align:center}.journey-copy p,.road-interlude p,.closing-scene>p{font-family:var(--font-body);font-weight:700;font-style:normal;font-size:28px;line-height:1.7}.journey-copy small{font-size:10px}.journey-credit{font-size:10px;max-width:85%;line-height:1.7;text-align:right}.showcase{padding:45px 22px}.showcase .copy h2,html[lang=ja] .showcase .copy h2{font:900 27px/1.6 var(--font-body)}.showcase .copy p{font-size:14px;line-height:1.95}.showcase .cta{font:800 16px/1.6 var(--font-body);min-height:54px}.about .copy p{font-size:13px;line-height:2}.creator p{font-size:14px}.back-top{width:42px;height:42px;font-size:26px}.filters{flex-wrap:wrap}.filters button{font-size:13px;min-height:44px}.modal-top button{font-size:13px;min-height:44px}.card-info p,.detail-copy p{font-size:14px;line-height:1.9}
}
@media(max-width:360px){header{padding-inline:12px;gap:8px}.brand b{font-size:23px}.hero .logo strong{font-size:57px}.hero .logo-ribbon{font-size:28px}.mission-hud h2,html[lang=ja] .mission-hud h2{font-size:28px}.section-title h2,html[lang=ja] .section-title h2{font-size:30px}.story-intro h2,html[lang=ja] .story-intro h2{font-size:21px}}

header{background:#090c08}
@media(max-width:600px){.mission-hud>p{max-width:none}.guide-caption{padding-left:63px}.guide-caption p{overflow-wrap:anywhere}}

.speech>small{display:block;font:500 11px/1.7 var(--font-body);margin:0 0 7px;color:#53513b}.person-aside{max-width:70%}.person-aside>small{display:block;font:500 11px/1.6 var(--font-body);margin-top:8px}

/* Clear language choice, real creator link, original action in full view. */
.official-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#f5d348;color:#11170b;font:800 13px/1.5 var(--font-body);border-radius:5px;white-space:nowrap}.language{display:flex!important;gap:5px}.language button{font:700 13px/1.3 var(--font-body);min-height:44px;padding:10px 13px}.language [data-lang=ja]{font-size:13px}.language [data-lang=ja]::after{content:none}.language button[aria-pressed=true]{border:2px solid #f5d348;background:#f5d348;color:#111}.language button[aria-pressed=false]{border:1px solid #b7ad83;color:#fff;background:#11160d}.hero video{opacity:1}.hero-shade{background:linear-gradient(90deg,#02050288,transparent 60%),linear-gradient(0deg,#020502bb,transparent 55%)}.hero-content::after{display:none}.original-action{height:auto;aspect-ratio:16/9;max-height:620px}.original-action>video,.original-action>img{object-fit:contain;object-position:center}.original-action::after{background:linear-gradient(0deg,#030503bb,transparent 48%)}.original-action .journey-copy{bottom:11%;align-items:start;flex-direction:column;gap:12px}.original-action .journey-copy p{font-style:normal;transform:none}.closing-scene>p{font-size:clamp(22px,3.3vw,40px);max-width:85%;line-height:1.7}
@media(max-width:1000px){header nav{display:none}.official-link{font-size:12px}.language{margin-left:auto}.language button{padding:9px 10px}.menu-button{display:block}}
@media(max-width:600px){header{height:108px;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:58px 42px;gap:0 10px;padding:0 16px 8px}.brand{grid-column:1;grid-row:1}.language{grid-column:2;grid-row:1;margin:0;gap:4px;order:0}.language button,.language [data-lang=ja]{font-size:12px;min-height:40px;padding:8px 10px}.language [data-lang=ja]::after{content:none}.menu-button{grid-column:3;grid-row:1;order:0;min-width:28px}.official-link{grid-row:2;grid-column:1 / -1;min-height:36px;font-size:12px;padding:6px 12px;justify-self:stretch}#mobile-menu{top:108px}html{scroll-padding-top:124px}.hero{min-height:0;height:auto;max-height:none;padding:140px 22px 30px;gap:26px;overflow:hidden;background:#090c08}.hero-content{order:0;position:relative;inset:auto;width:100%}.hero video{order:1;position:relative;inset:auto;width:calc(100% + 44px);height:auto;aspect-ratio:16/9;object-fit:contain;margin-inline:-22px;opacity:1}.hero-shade{display:none}.hero .unofficial{margin:0 0 18px;font-size:11px}.hero .logo strong{font-size:58px}.hero .logo-ribbon{font-size:29px}.mission-hud{order:2;position:relative;inset:auto;width:100%;text-shadow:none}.mission-hud h2,html[lang=ja] .mission-hud h2{font-size:28px;line-height:1.5}.mission-hud>p{font-size:14px;line-height:1.85}.footage-credit{position:static;order:3;align-self:flex-end;font-size:10px}.original-action{aspect-ratio:auto;padding-top:56.25%;min-height:305px;max-height:none}.original-action>video,.original-action>img{height:auto;aspect-ratio:16/9;top:0;bottom:auto}.original-action::after{display:none}.original-action .journey-copy{position:relative;inset:auto;padding:18px 22px 40px;display:block}.original-action .journey-copy p{font-size:25px;line-height:1.5}.original-action .journey-copy small{position:static;display:block;font-size:10px;margin-top:8px}.original-action .journey-credit{bottom:10px;font-size:10px}.closing-scene>p{font-size:24px;line-height:1.7}.road-interlude p{font-size:28px}
}
@media(max-width:360px){header{padding-inline:12px;gap:0 7px}.brand b{font-size:21px}.brand span{font-size:13px}.language button,.language [data-lang=ja]{font-size:11px;padding:8px}.hero .logo strong{font-size:53px}.hero .logo-ribbon{font-size:26px}}
