:root{--navy:#071727;--navy2:#0b2133;--navy3:#12334a;--gold:#cbb481;--lightgold:#f2dfb5;--cream:#f8f6f0;--sand:#eeeae2;--ink:#152c3d;--muted:#627481;--serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",Georgia,serif;--sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.container{width:min(1410px,calc(100% - 90px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:10px;z-index:1000;background:#fff;padding:12px}.skip-link:focus{top:8px}.site-header{height:86px;position:absolute;inset:0 0 auto;z-index:80;background:linear-gradient(90deg,#061b2aeF,#112941ee 60%,#10273cdb);border-bottom:1px solid #e6dbbd51;color:#f8f3ec}.header-inner{height:100%;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:14px;min-width:320px;flex-shrink:0}.logo-symbol{width:58px;height:58px;color:var(--lightgold);flex-shrink:0}.logo-text{display:flex;flex-direction:column;gap:5px}.logo-text strong{font:500 25px/1.35 var(--serif);letter-spacing:.18em;white-space:nowrap}.logo-text small{font-size:9px;letter-spacing:.30em;font-family:Georgia,serif;color:#eee1c7;white-space:nowrap}.nav-items{display:flex;justify-content:flex-end;gap:0;flex:1;align-items:stretch;height:100%}.nav-items>a{position:relative;min-width:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#f3f0e8;transition:background .2s}.nav-items>a:hover,.nav-items>a.active{background:#ffffff15}.nav-items>a.active:after{content:"";position:absolute;bottom:8px;height:1px;left:20px;right:20px;background:var(--gold)}.nav-items strong{font:400 13px var(--serif);letter-spacing:.12em;white-space:nowrap}.nav-items span{font-size:9px;color:#d1c6af;letter-spacing:.09em;font-family:Georgia,serif}.nav-toggle{display:none}.site-header a:focus-visible,.hero a:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--lightgold);outline-offset:3px}
/* HERO: layout follows the chosen brighter second mockup. All headline type remains real selectable HTML. */
.hero{height:686px;position:relative;overflow:hidden;isolation:isolate;background:#9ebbd2}.hero-background{position:absolute;inset:0;z-index:-5;background:url('mystics-concept.webp') center 41% / cover no-repeat;filter:saturate(.83) brightness(1.13)}.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#122637bb 0%,#7da8c00d 39%,#bdd8e500 70%,#aacce029 100%),linear-gradient(0deg,#0a2c43a0 0,transparent 43%,#10304a17 100%)}.hero-figure{position:absolute;z-index:-3;left:-35px;top:84px;width:min(36vw,530px);height:500px;background:url('hero-visitor-concept.webp') 38% 50%/cover no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 70%,transparent 100%);opacity:.98}.hero-overwash{position:absolute;z-index:-2;inset:85px 0 0;background:linear-gradient(90deg,#0522384d 0%,transparent 31%,#c9e0ed69 49%,transparent 76%),linear-gradient(0deg,#06253a73 0%,transparent 26%,transparent 100%)}.hero-center{position:relative;padding-top:155px;text-align:center;margin:0 auto;width:min(650px,62%);color:#0b2741;text-shadow:0 2px 18px #f0f6f1b5}.hero-kicker{font:500 11px Georgia,serif;letter-spacing:.37em;margin:0 0 22px}.hero-center h1{font:500 clamp(46px,5vw,78px)/1.3 var(--serif);letter-spacing:.14em;white-space:nowrap;margin:0 0 8px}.hero-center .hero-en{font:400 14px Georgia,serif;letter-spacing:.33em;margin:0 0 20px}.hero-center .hero-subtitle{font:500 24px var(--serif);letter-spacing:.18em;margin:0 0 19px}.hero-center .hero-description{font:500 12px/2.15 var(--serif);letter-spacing:.07em;margin:0}.hero-vertical{position:absolute;right:34px;top:150px;font:500 15px/1.85 var(--serif);writing-mode:vertical-rl;letter-spacing:.22em;color:#113651;text-shadow:0 1px 12px #ffffffa9}.hero-place{position:absolute;bottom:190px;right:40px;color:#fff;text-shadow:0 2px 5px #051827;font:400 11px var(--serif);letter-spacing:.12em}.hero-place small{display:block;text-align:right;margin-top:7px;font:10px Georgia,serif;letter-spacing:.2em}.hero-visual-note{position:absolute;bottom:158px;right:40px;color:#ffffffdd;text-shadow:0 1px 7px #001b2f;font:9px var(--sans);max-width:300px;text-align:right}.hero-trails{position:absolute;bottom:151px;left:48px;font:10px Georgia,serif;letter-spacing:.23em;color:#f3e3bd;text-shadow:0 1px 6px #001729}.quick-nav{position:absolute;bottom:18px;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;z-index:5}.quick-tile{height:114px;display:flex;align-items:flex-end;padding:16px 18px 16px 24px;border:1px solid #d3b889bd;background:linear-gradient(0deg,#041423ed,#09263a9a),url('mystics-concept.webp') center 60%/cover;color:white;box-shadow:0 9px 26px #0017288a;position:relative;overflow:hidden;transition:transform .23s,border-color .2s}.quick-tile:nth-child(2){background-position:30% 70%}.quick-tile:nth-child(3){background:radial-gradient(circle at 85% 30%,#47667a,#071927 70%)}.quick-tile:nth-child(4){background:linear-gradient(0deg,#061928f2,#15446090),url('mystics-concept.webp') 75% 28%/cover}.quick-tile:hover{transform:translateY(-4px);border-color:#ffdf9c}.quick-tile .quick-symbol{position:absolute;right:20px;top:14px;font:42px var(--serif);color:#e6cb8a59}.quick-title{font:500 21px var(--serif);letter-spacing:.12em}.quick-roman{font:10px Georgia,serif;letter-spacing:.17em;color:var(--lightgold);margin-top:5px}.quick-arrow{position:absolute;right:18px;bottom:25px;color:var(--lightgold);font-size:18px}
/* Main editorial triptych */
.editorial{background:linear-gradient(#fbfaf7,#f4f1eb);padding:44px 0 54px;position:relative}.editorial-grid{display:grid;grid-template-columns:1.17fr .96fr .78fr;gap:25px}.editorial-col{min-width:0}.editorial-col+.editorial-col{border-left:1px solid #d4d2ca;padding-left:25px}.micro{font:11px Georgia,serif;letter-spacing:.26em;color:#947b52;margin:0 0 10px}.section-heading{font:500 25px var(--serif);letter-spacing:.1em;margin-bottom:16px;color:#152c3e}.section-sub{font:12px/1.7 var(--serif);color:#667989;margin-bottom:18px}.section-row{display:flex;gap:10px;justify-content:space-between;align-items:center}.sub-link{font:11px var(--serif);color:#345d76;white-space:nowrap}.sub-link:hover{text-decoration:underline}.chapter-card{height:205px;display:flex;border:1px solid #d6d3cb;background:#fffefa;overflow:hidden;box-shadow:0 5px 14px #1c2d3f0b}.chapter-media{width:37%;flex-shrink:0;background:linear-gradient(155deg,#07304433,#081e2fcc),url('mystics-concept.webp') 30% 55%/cover;position:relative;color:#fff;display:flex;align-items:center;justify-content:center}.episode-roman{font:italic 83px Georgia,serif;text-shadow:0 3px 18px #0a2c38}.ornament{position:absolute;top:14px;left:14px;color:var(--lightgold)}.episode-caption{position:absolute;bottom:13px;left:10px;font:8px Georgia,serif;letter-spacing:.13em}.chapter-copy{padding:18px 19px;flex:1;display:flex;flex-direction:column;align-items:flex-start}.pill{font-size:9px;font-weight:700;letter-spacing:.1em;background:#ded0b1;color:#6f4525;padding:4px 9px;margin-bottom:9px}.chapter-copy h3{font:500 19px/1.6 var(--serif);letter-spacing:.06em;margin:0 0 8px}.chapter-copy h3 span{white-space:nowrap}.chapter-date{font:11px Georgia,serif;color:#617182;margin:0 0 9px}.chapter-teaser{font:11px/1.7 var(--serif);color:#5e6c75;margin:0 0 9px}.card-action{font:11px var(--serif);color:#1d566f;border-bottom:1px solid #a9b7b5;padding-bottom:4px;margin-top:auto}.card-action:hover{color:#a17d43}.people-four{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.person-card{min-width:0}.person-link{display:block}.person-image{height:152px;background:linear-gradient(150deg,#29516a,#071d2a);border:1px solid #c2c1b9;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;color:#eedcb6}.person-image:after{content:"";position:absolute;width:90px;height:90px;border:1px solid #e6d8b569;border-radius:50%;box-shadow:0 0 0 16px #e6d8b510}.person-emblem{position:relative;z-index:1;font:400 37px var(--serif);text-shadow:0 1px 15px #001}.portrait-status{position:absolute;bottom:7px;font:7px Georgia,serif;letter-spacing:.03em;z-index:1;color:#e5ddd2be;text-align:center}.person-image.steel{background:linear-gradient(140deg,#303e50,#161b2d)}.person-image.royal{background:linear-gradient(145deg,#53506a,#14283a)}.person-image.earth{background:linear-gradient(150deg,#4c544b,#172b38)}.person-info{padding:8px 0 0;text-align:center}.person-role{font:9px/1.4 var(--sans);color:#6e7a86}.person-info h3{font:500 15px var(--serif);margin:3px 0;color:#19384b}.map-card{height:205px;background:radial-gradient(circle at center,#d9d7c7 0%,#ece8db 68%,#bbb9ad 100%);border:1px solid #d4c7a9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#354e5c}.map-card:before{content:"";position:absolute;width:230px;height:230px;border:1px dashed #8c877388;border-radius:50%;box-shadow:0 0 0 31px #746f6410,0 0 0 57px #746f640a}.compass-ring{position:relative;width:140px;height:140px;border:2px solid #a78e5e8c;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f7f0e190}.compass-ring:before,.compass-ring:after{content:"";position:absolute;background:#a79068a6}.compass-ring:before{width:1px;height:174px}.compass-ring:after{height:1px;width:174px}.compass-ring b{position:relative;z-index:1;font:50px Georgia,serif;color:#a58753}.map-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#d9d2bfdf);padding:33px 15px 10px;text-align:center;font:11px var(--serif)}.map-overlay strong{display:block;color:#233d50;font:500 16px var(--serif);margin-bottom:4px}
.news-band{background:linear-gradient(120deg,#061827,#092034 60%,#132940);color:#f2ecdf;padding:36px 0 45px;position:relative}.news-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#071a2c9f),url('mystics-concept.webp') 83% 53%/40% auto no-repeat;opacity:.25;pointer-events:none}.news-flex{position:relative;display:grid;grid-template-columns:180px 1fr 300px;gap:40px;align-items:start}.news-title{font:500 23px var(--serif);letter-spacing:.14em}.news-list{margin-top:2px}.news-line{display:grid;grid-template-columns:104px 55px 1fr 20px;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #c8d6e424;font:12px var(--serif)}.news-line:hover{background:#ffffff09}.news-line time{font:12px Georgia,serif;color:#aeb9c1}.news-type{display:inline-block;border:1px solid #b9a679a6;color:var(--lightgold);font-size:10px;padding:3px;text-align:center}.news-description{color:#d6e0e5}.news-arrow{color:#d2b377}.news-quote{border-left:1px solid #bfa9787d;padding:24px 0 24px 27px;font:500 15px/2 var(--serif);color:#e6dcc8;letter-spacing:.13em}.news-quote small{display:block;margin-top:9px;font:9px Georgia,serif;color:var(--gold);letter-spacing:.23em}
.preview-kingdom{background:#ebece7;padding:80px 0}.kingdom-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.kingdom-photo{height:380px;position:relative;background:url('mystics-concept.webp') center/cover;border:8px solid #f7f6f0;box-shadow:0 12px 25px #1f324021}.kingdom-photo:after{content:"MYSTICS  /  SCENERY CONCEPT";position:absolute;bottom:14px;right:15px;color:white;text-shadow:0 2px 7px #032;font:10px Georgia,serif;letter-spacing:.15em}.kingdom-copy .kicker{font:11px Georgia,serif;color:#907344;letter-spacing:.3em}.kingdom-copy h2{font:500 42px/1.55 var(--serif);color:#15374d;margin:10px 0 22px}.kingdom-copy p{font:13px/2.4 var(--serif);color:#526b76}.gold-underline{display:inline-block;margin-top:10px;color:#315b6d;border-bottom:1px solid var(--gold);padding-bottom:8px;font:12px var(--serif)}.foot-note{font:10px/1.7 var(--sans);color:#77828a;margin-top:22px}
.site-footer{background:#061421;color:#d6dedb;border-top:1px solid #b5a06e51;padding:37px 0 18px}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:20px}.footer-logo{font:500 25px var(--serif);letter-spacing:.15em;color:#fff}.footer-logo small{display:block;font:10px Georgia,serif;letter-spacing:.3em;color:#dbc692;margin-top:6px}.footer-nav{display:flex;flex-wrap:wrap;gap:17px;font:11px var(--serif)}.footer-nav a:hover{color:#e7c78d}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;margin-top:25px;padding-top:15px;color:#91a5ae;font:10px/1.8 var(--sans)}
/* Interior pages */
.inner-hero{position:relative;min-height:355px;padding:137px 0 65px;background:linear-gradient(90deg,#061828fa,#0b263bdc 53%,#09233b74),url('mystics-concept.webp') 65% 45%/cover;color:white}.inner-hero .micro{color:#d5b680}.inner-hero h1{font:500 clamp(34px,4vw,57px) var(--serif);letter-spacing:.12em;margin:16px 0}.inner-hero p{font:13px/2.1 var(--serif);color:#e0e9ec;max-width:670px}.content-area{background:#f9f7f1;padding:65px 0 90px;min-height:430px}.content-strap{font:11px Georgia,serif;letter-spacing:.23em;color:#a18658}.large-title{font:500 32px var(--serif);margin:12px 0 23px;color:#143246}.prose{max-width:820px;font:14px/2.3 var(--serif);color:#4c6270}.panel{border:1px solid #d7d5c9;background:#fff;box-shadow:0 9px 30px #0a20300b;padding:35px}.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.platform-card{padding:28px;min-height:185px;background:#0a2539;border:1px solid #af9362;color:#f7f4ed;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s}.platform-card:hover{transform:translateY(-4px)}.platform-roman{font:11px Georgia,serif;color:var(--gold);letter-spacing:.2em}.platform-card strong{font:500 22px var(--serif);margin:22px 0}.platform-go{font:11px var(--serif);margin-top:auto;color:#d7e2e2}.info-strip{display:flex;gap:32px;margin-top:30px;padding:24px 27px;background:#e7ebe8;border-left:3px solid #bd9956}.info-strip div{flex:1}.info-strip strong{display:block;font:11px var(--sans);color:#72838d;margin-bottom:7px}.info-strip span{font:14px var(--serif);color:#16374d}.interior-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-country{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #d7d5c9;min-height:290px;overflow:hidden}.feature-country .country-picture{background:url('mystics-concept.webp') 65% center/cover}.feature-country .country-info{padding:30px}.country-info h2{font:500 27px var(--serif);color:#153447}.country-info p{font:13px/2 var(--serif);color:#526c77}.pending-box{border:1px solid #bec9cd;background:#ebeeec;padding:34px}.pending-box h3{font:500 23px var(--serif);color:#234358}.pending-box p{font:12px/2 var(--serif);color:#627988}.nations-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:22px}.nation-slot{border:1px solid #d7d5c9;background:#f0f0e9;min-height:242px;padding:19px;position:relative;display:flex;flex-direction:column}.nation-slot.is-open{background:linear-gradient(#f8faf7,#e5eeef);border-color:#9eb5bb}.nation-index{font:11px Georgia,serif;color:#9d7f4b}.nation-insignia{font:41px var(--serif);color:#a2b8b9;align-self:end;min-height:55px}.nation-en{font:9px Georgia,serif;color:#798990;letter-spacing:.12em}.nation-slot h3{font:500 17px var(--serif);color:#1c3c4a;margin:8px 0}.nation-slot p{font:11px/1.8 var(--serif);color:#73848c;margin:0 0 12px}.nation-slot .card-action,.locked-label{font:10px var(--serif);margin-top:auto}.locked-label{color:#a18d6f}.character-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.character-slot{scroll-margin-top:110px}.character-list .person-image{height:260px}.character-list .person-emblem{font-size:60px}.character-list .person-info{text-align:left;padding:18px 8px}.character-list .person-info h3{font-size:23px;margin:10px 0 4px}.character-list .person-info small{display:block;font:11px Georgia,serif;color:#81949d;letter-spacing:.15em}.character-list .person-info p{font:12px/2 var(--serif);color:#5a6e77;margin-top:11px}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.glossary-entry{border-top:1px solid #b9c8c9;display:flex;gap:23px;padding:25px 4px}.glossary-num{font:25px Georgia,serif;color:#c4b48b}.glossary-en{font:11px Georgia,serif;color:#8c7650;letter-spacing:.2em}.glossary-entry h3{font:500 23px var(--serif);margin:7px 0}.glossary-entry p{font:12px/2 var(--serif);color:#627983}.gallery-visual{background:url('mystics-concept.webp') center/cover;height:440px;position:relative;border:7px solid #fff;box-shadow:0 12px 24px #152b3b14}.gallery-visual .gallery-watermark{position:absolute;bottom:18px;left:20px;background:#091c2bc9;color:white;padding:14px 18px;font:11px var(--serif)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.about-grid .panel p{font:13px/2.25 var(--serif);color:#576f7e}.about-info{padding:24px;background:#ebeeec}.about-info dt{font:10px Georgia,serif;color:#9d8058;letter-spacing:.2em}.about-info dd{margin:7px 0 19px;font:18px var(--serif)}.policy-card{padding:25px;background:#ecede7;margin-top:25px;border-left:3px solid var(--gold)}.policy-card h3{font:500 19px var(--serif)}.policy-card p{font:12px/2 var(--serif);color:#526b77}.notfound{text-align:center;padding:80px 0}.notfound h1{font:500 36px var(--serif)}
@media(max-width:1280px){.container{width:min(1190px,calc(100% - 52px))}.logo{min-width:275px}.logo-text strong{font-size:21px}.logo-text small{font-size:8px}.nav-items>a{min-width:70px}.hero-figure{width:35vw}.hero-center{width:60%}.news-flex{grid-template-columns:140px 1fr 220px;gap:25px}.chapter-copy h3{font-size:17px}.chapter-teaser{display:none}.editorial-grid{grid-template-columns:1.2fr 1fr .82fr;gap:15px}.editorial-col+.editorial-col{padding-left:15px}.person-image{height:140px}}
@media(max-width:1000px){.site-header{height:75px}.header-inner{justify-content:space-between}.logo{min-width:0}.logo-symbol{width:48px;height:48px}.logo-text strong{font-size:20px}.nav-toggle{display:flex;width:44px;height:44px;background:#081e2ba8;border:1px solid #cab27d;align-items:center;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.nav-toggle i{width:22px;height:1px;background:#f0ddb8;display:block}.nav-items{display:none;position:absolute;top:75px;left:0;right:0;height:auto;background:#071b2bf6;box-shadow:0 15px 25px #071b2b9a;padding:18px 25px;grid-template-columns:repeat(4,1fr)}.nav-items.open{display:grid}.nav-items>a{padding:15px 7px}.hero-figure{top:75px;height:475px;left:-52px;width:38vw}.hero-center{padding-top:156px;margin-left:29%;width:60%}.hero-center h1{font-size:clamp(34px,5vw,60px)}.hero-vertical{right:20px;top:138px}.quick-nav{gap:8px}.quick-tile{height:103px;padding:14px}.quick-title{font-size:16px}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-col+.editorial-col{border-left:0;padding-left:0}.editorial-col:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.editorial-col:last-child .section-row{display:block}.map-card{height:210px}.news-flex{grid-template-columns:110px 1fr}.news-quote{display:none}.nations-grid{grid-template-columns:repeat(3,1fr)}.character-list{grid-template-columns:repeat(2,1fr)}.kingdom-wrap{gap:24px}.kingdom-copy h2{font-size:34px}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.site-header{height:68px}.header-inner{gap:10px}.logo-symbol{width:43px;height:43px}.logo{gap:7px}.logo-text strong{font-size:17px}.logo-text small{font-size:7px;letter-spacing:.17em}.nav-items{top:68px;grid-template-columns:repeat(2,1fr)}.hero{height:780px}.hero-background{background-position:61% top}.hero-overwash{background:linear-gradient(0deg,#0621358a,transparent 55%),linear-gradient(90deg,#0a283b66,#e5f1f095 64%,#c9e1e63b);top:68px}.hero-figure{width:50vw;height:370px;top:68px;left:-70px;opacity:.78}.hero-center{padding-top:160px;width:calc(100% - 32px);margin:0 auto}.hero-center h1{font-size:clamp(33px,8vw,46px);letter-spacing:.07em;white-space:normal}.hero-center .hero-kicker{font-size:8px;margin-bottom:17px}.hero-center .hero-en{font-size:11px;letter-spacing:.19em;margin-top:10px}.hero-center .hero-subtitle{font-size:18px}.hero-center .hero-description{font-size:11px;line-height:2.1;background:#e9f1ed68;max-width:300px;margin:auto}.hero-vertical{display:none}.hero-place{display:none}.hero-visual-note{bottom:213px;right:15px;font-size:8px;max-width:220px}.hero-trails{display:none}.quick-nav{grid-template-columns:1fr 1fr;gap:9px;bottom:16px}.quick-tile{height:105px}.quick-title{font-size:16px}.quick-roman{font-size:9px}.quick-arrow{right:12px;font-size:16px}.editorial{padding:45px 0}.editorial-grid{grid-template-columns:1fr;gap:37px}.editorial-col:last-child{grid-column:auto;display:block}.editorial-col .section-row{display:flex}.chapter-card{height:190px}.person-image{height:175px}.map-card{height:230px}.news-flex{display:block}.news-title{margin-bottom:20px}.news-line{grid-template-columns:77px 40px 1fr 12px;gap:5px;font-size:11px;padding:12px 0}.news-line time{font-size:10px}.news-type{font-size:8px}.preview-kingdom{padding:62px 0}.kingdom-wrap{grid-template-columns:1fr}.kingdom-photo{height:255px}.kingdom-copy h2{font-size:30px}.footer-grid,.footer-bottom{display:block}.footer-nav{margin-top:22px;gap:12px}.footer-bottom span{display:block;margin-bottom:9px}.inner-hero{min-height:310px;padding:130px 0 43px}.inner-hero h1{font-size:34px}.content-area{padding:50px 0 70px}.large-title{font-size:27px}.platforms-grid,.interior-grid,.feature-country,.about-grid,.glossary-grid{grid-template-columns:1fr}.feature-country .country-picture{height:220px}.feature-country .country-info{padding:24px}.nations-grid{grid-template-columns:repeat(2,1fr);gap:10px}.nation-slot{min-height:220px;padding:13px}.nation-slot h3{font-size:15px}.nation-slot p{font-size:10px}.character-list{grid-template-columns:1fr 1fr;gap:10px}.character-list .person-image{height:195px}.character-list .person-info h3{font-size:20px}.info-strip{display:block}.info-strip div{padding:10px 0}.gallery-visual{height:270px}.panel{padding:24px}}
@media(max-width:370px){.people-four{grid-template-columns:repeat(2,1fr)}.person-image{height:180px}.hero-center h1{font-size:32px}.hero-center .hero-subtitle{font-size:17px}.character-list{grid-template-columns:1fr}.nations-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.hero-center{isolation:isolate;text-shadow:0 1px 2px #f0f7ef,0 0 18px #f4f9f2,0 0 36px #f8ffff}
.hero-center:before{content:"";position:absolute;inset:100px -28px -28px;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#eaf4ec9f 0%,#edf6ef77 40%,#f3f8ef00 75%);pointer-events:none}


/* ===== ELENOA TOP / A-scene + C-UI — only index page blocks ===== */
.hero { height:688px; background:#83b0ce; }
.hero-background { background-image:url('mystics-aqua-corona-concept.webp'); background-position:center 43%; filter:saturate(1.04) brightness(1.03); }
.hero-background:after { background:linear-gradient(90deg,#112b426e 0%,#d6ecf50d 37%,transparent 65%,#d9ebf011 100%),linear-gradient(0deg,#061a2dcb 0%,transparent 38%,#09294416 88%); }
.hero-overwash { background:linear-gradient(90deg,#0e2a3c19 0%,#eef8ee43 39%,#f0f9ef4e 51%,transparent 73%),linear-gradient(0deg,#0617258a 0,transparent 31%); }
.hero-center { padding-top:146px; margin-left:26%; width:48%; text-align:center; }
.hero-center h1 { font-size:clamp(44px,4.9vw,76px); }
.hero-center:before { background:radial-gradient(ellipse at 50% 43%,#e4f5f0ce 0%,#f0f9f299 37%,#eff6f300 78%); }
.hero-vertical { right:31px; top:158px; }
.hero-visual-note { bottom:164px; }
.hero-place { bottom:181px; }
.hero-figure { width:min(34vw,490px); top:85px; height:505px; }
.quick-nav { grid-template-columns:repeat(5,minmax(0,1fr)); bottom:14px; gap:10px; }
.quick-tile { height:111px; padding:16px 17px 16px 21px; display:flex; align-items:flex-end; border:1px solid #d7ba7ac2; outline:1px solid #a58b516e; outline-offset:-5px; box-shadow:0 10px 30px #021325ac; background:linear-gradient(180deg,#09223756,#061627f5), url('mystics-concept.webp') 12% 73%/cover; }
.quick-tile:before,.console-side-link:before { content:""; position:absolute; left:8px; top:8px; width:20px; height:20px; border-left:1px solid #c8a66e8c; border-top:1px solid #c8a66e8c; pointer-events:none; }
.quick-tile:after { content:""; position:absolute; right:8px; bottom:8px; width:20px; height:20px; border-right:1px solid #c8a66e8c; border-bottom:1px solid #c8a66e8c; pointer-events:none; }
.quick-tile:nth-child(1) { background-image:linear-gradient(180deg,#1934465c,#041321f5),radial-gradient(ellipse at 30% 10%,#947b58,transparent 62%); }
.quick-tile:nth-child(2) { background-image:linear-gradient(180deg,#1d2c446d,#041321ed),radial-gradient(circle at 76% 25%,#af976c,transparent 60%); }
.quick-tile:nth-child(3) { background-image:linear-gradient(180deg,#16304b73,#041321eb),url('mystics-concept.webp'); background-position:center,70% 33%;background-size:auto,cover; }
.quick-tile:nth-child(4) { background-image:linear-gradient(90deg,#071c2df2,#13344d36),url('hero-visitor-concept.webp');background-position:center,40% 24%;background-size:auto,cover; }
.quick-tile:nth-child(5) { background-image:linear-gradient(120deg,#071a2aeb,#69553488),radial-gradient(circle at 85% 30%,#c59e62,transparent 65%); }
.quick-title { font-size:clamp(16px,1.45vw,21px); color:#fffaf2; }
.quick-roman { color:#d9bb84; }
.quick-arrow { font-size:18px; bottom:16px; }
.portal-console { position:relative; color:#f7efe0; background:linear-gradient(116deg,#061727,#0a2235 52%,#061626); border-top:1px solid #937a57; border-bottom:1px solid #ae8e5a; padding:38px 0 44px; }
.portal-console:before { content:"";position:absolute;inset:0;pointer-events:none; opacity:.1;background:url('mystics-aqua-corona-concept.webp') 91% 45% / 52% auto no-repeat; }
.portal-console-grid { position:relative; display:grid; grid-template-columns:1.1fr 1.22fr .78fr; column-gap:28px; }
.console-col { min-width:0; }
.console-col+.console-col { border-left:1px solid #bd9c5a57; padding-left:28px; }
.console-heading { display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #c5af8059;padding-bottom:12px;margin-bottom:10px; }
.console-heading h2 { font:500 24px var(--serif); letter-spacing:.12em; margin:0; }
.portal-console .micro { color:#d2b880; font-size:10px;letter-spacing:.26em;margin:0 0 7px; }
.console-heading-link { font:11px var(--serif); color:#e8d1a3; white-space:nowrap; }
.console-heading-link:hover { text-decoration:underline; }
.console-news .news-line { grid-template-columns:82px 46px minmax(0,1fr); gap:8px; padding:17px 0; font-size:11px; }
.console-news .news-line time { font-size:11px; }
.console-news .news-type { font-size:9px; }
.console-news .news-description { line-height:1.7; }
.console-news .news-arrow { display:none; }
.console-story .chapter-card { height:195px; margin-top:13px; background:#071a2a91; border:1px solid #ad9264ac; box-shadow:none; }
.console-story .chapter-media { width:44%; background:linear-gradient(0deg,#071a2a68,transparent 75%),url('mystics-aqua-corona-concept.webp') 69% 34%/cover; }
.console-story .episode-roman { font-size:43px; opacity:.76; }
.console-story .chapter-copy { padding:15px 16px; }
.console-story .chapter-copy h3 { font-size:18px; color:#fff3e0; }
.console-story .chapter-date { color:#bfd0d9; }
.console-story .chapter-teaser { color:#d4e0e6; }
.console-story .card-action { color:#e5c997; border-color:#e5c99777; }
.console-side { display:flex;flex-direction:column;justify-content:center;gap:10px; }
.console-side-link { position:relative;display:flex;justify-content:space-between;align-items:center;padding:17px 16px 17px 20px;gap:10px;min-height:66px;color:#f7f2e6;background:linear-gradient(90deg,#0c2c46e8,#041729ea),url('mystics-aqua-corona-concept.webp') 74% 25%/cover;border:1px solid #b79a66b3;transition:transform .2s,border-color .2s; }
.console-side-link:nth-child(2){background-position:center,45% 65%;}
.console-side-link:nth-child(3){background-image:linear-gradient(90deg,#0c2c46e8,#071626ea),radial-gradient(ellipse,#ad925f,#081525);}
.console-side-link:hover { transform:translateX(3px);border-color:#f5d39a; }
.console-side-link strong { font:500 15px var(--serif);letter-spacing:.05em;display:block; }
.console-side-link small { display:block;margin-top:5px;color:#d9bb88;font:9px Georgia,serif;letter-spacing:.17em; }
.console-side-link>span:last-child { color:#ddbd84; }
.archive-strip { padding:46px 0 48px; }
.archive-grid { display:grid;grid-template-columns:1.15fr .85fr;gap:52px; }
.archive-grid .editorial-col+.editorial-col { border-left:1px solid #d7d0c3; padding-left:42px; }
.archive-grid .person-image { height:155px; }
.archive-grid .map-card { height:225px; }
@media(max-width:1280px){.portal-console-grid{grid-template-columns:1.04fr 1.18fr .84fr;gap:17px}.console-col+.console-col{padding-left:17px}.console-news .news-line{grid-template-columns:70px 40px minmax(0,1fr);gap:5px}.console-story .chapter-media{width:38%}.console-story .chapter-copy h3{font-size:16px}.archive-grid{gap:24px}.archive-grid .editorial-col+.editorial-col{padding-left:24px}}
@media(max-width:1000px){.hero-center{margin-left:27%;width:58%;padding-top:152px}.hero-figure{width:38vw}.portal-console-grid{grid-template-columns:1fr 1fr}.console-side{grid-column:1/-1;flex-direction:row;border-left:0!important;padding-left:0!important;border-top:1px solid #a9935866;padding-top:15px}.console-side-link{flex:1}.archive-grid{gap:22px}.archive-grid .editorial-col+.editorial-col{padding-left:20px}}
@media(max-width:680px){.hero{height:900px}.hero-background{background-position:67% top}.hero-center{padding-top:153px;margin:0 auto;width:calc(100% - 22px)}.hero-center:before{inset:95px -7px -20px}.hero-center h1{font-size:clamp(34px,9vw,44px)}.hero-figure{width:46vw;height:335px;opacity:.68}.hero-overwash{background:linear-gradient(180deg,#bbd9e026,#f4fcf081 27%,#eef7f18f 46%,#09223891 83%);top:68px}.hero-visual-note{bottom:303px;font-size:8px}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;bottom:14px}.quick-tile{height:99px;padding:15px}.quick-tile:last-child{grid-column:1/-1;height:75px}.quick-title{font-size:16px}.quick-roman{font-size:8px}.portal-console{padding:32px 0}.portal-console-grid{display:block}.console-col+.console-col{padding:23px 0 0;border-left:0;border-top:1px solid #ab8c5978;margin-top:22px}.console-news .news-line{grid-template-columns:73px 40px minmax(0,1fr);gap:5px}.console-story .chapter-card{height:180px}.console-story .chapter-media{width:37%}.console-story .chapter-copy h3{font-size:15px}.console-side{display:flex;flex-direction:column}.archive-grid{display:block}.archive-grid .editorial-col+.editorial-col{padding:32px 0 0;border-left:0;border-top:1px solid #d0caba;margin-top:34px}.archive-grid .person-image{height:140px}.archive-grid .map-card{height:210px}}
@media(max-width:390px){.hero{height:925px}.hero-center h1{font-size:33px}}

/* Keep Aqua Corona readable on narrow viewports; hidden on desktop. */
.hero-aqua-mobile{display:none}
@media(max-width:680px){.hero-aqua-mobile{display:block;position:absolute;z-index:-4;top:125px;right:-39px;width:263px;height:246px;background:url('aqua-corona-mobile-concept.webp') center/contain no-repeat;opacity:.87;pointer-events:none;mix-blend-mode:normal}.hero-center{z-index:1}}

/* 物語ページ：公開予定表の案内 */
.publication-panel{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:27px;padding:16px 20px;background:#eef0e9;border-left:3px solid #b79862;color:#1e3d51;font:12px/1.8 var(--serif)}
.publication-panel strong{color:#8a672d;font-weight:600}
.publication-note{font:11px/1.9 var(--serif);color:#6a7c82;margin-top:8px}