:root{--bg: #060913;--bg-soft: #0a0f24;--panel: #0e1531;--line: rgba(150, 165, 220, .16);--line-strong: rgba(150, 165, 220, .34);--text: #e8ecf8;--text-dim: #9fabc9;--accent: #9db1f2;--maxw: 1040px;--radius: 4px;--font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--ease: cubic-bezier(.22, 1, .36, 1)}.f-residents{--fa: #91a6f5}.f-regulation{--fa: #e86060}.f-badlands{--fa: #c07df0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1100px 600px at 50% -8%,rgba(80,100,190,.1),transparent 62%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.wrap.narrow{max-width:760px}.grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:.14em;font-feature-settings:"palt" 1;line-height:1.5}.eyebrow{font-family:var(--font);font-size:.7rem;font-weight:500;letter-spacing:.46em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px}.lead-text{color:var(--text-dim);max-width:35em;line-height:2.2}.kw{color:var(--fa, var(--accent));font-weight:600}.story-lines p{margin:0 0 1.05em}.story-lines p:last-child{margin-bottom:0}.story-section.has-bg{background-size:cover;background-position:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-section.has-bg:before{display:none}.story-section.has-bg .lead-text{color:#cdd7ec}.faction .intro p{margin:0 0 .9em;color:var(--text-dim);font-size:.88rem}.faction .intro p:last-child{margin-bottom:0}.nav{position:sticky;top:0;z-index:50;background:#060913c7;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:58px}.nav-logo{color:var(--text);font-family:var(--font-serif);font-weight:600;font-size:.95rem;letter-spacing:.12em;white-space:nowrap}.nav-logo:hover{text-decoration:none;color:var(--accent)}.nav-right{display:flex;align-items:center;gap:4px}.nav-right a{padding:8px 12px;color:var(--text-dim);font-size:.88rem}.nav-right a:hover{color:var(--text);text-decoration:none}.nav-right a.active{color:var(--text)}.nav-cta{margin-left:8px;padding:8px 18px!important;border:1px solid var(--line-strong);color:var(--text)!important;font-size:.85rem!important;letter-spacing:.1em;transition:background .25s ease,color .25s ease}.nav-cta:hover{background:var(--text);color:var(--bg)!important;text-decoration:none}main{min-height:60vh}.btn{display:inline-block;padding:14px 34px;font-family:var(--font-serif);font-weight:600;font-size:.95rem;letter-spacing:.18em;background:var(--text);color:#0a0f24;border:1px solid var(--text);transition:opacity .25s ease}.btn:hover{opacity:.85;text-decoration:none}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--text);opacity:1}.section{position:relative;padding:clamp(88px,13vh,130px) 0}.section:before{content:"✦";position:absolute;top:-.6em;left:50%;transform:translate(-50%);color:var(--line-strong);font-size:.72rem}.section:first-of-type:before{display:none}.section h2{font-size:clamp(1.45rem,3.2vw,2rem);margin:0 0 30px}.hero-kv{position:relative}.hero-kv .kv-wrap{position:relative;overflow:hidden}.hero-kv .kv-img{display:block;width:100%;height:auto}@media(min-width:960px){.hero-kv .kv-img{max-height:86vh;object-fit:cover;object-position:center}}.hero-kv .kv-frame{position:absolute;inset:14px;border:1px solid rgba(230,238,255,.22);pointer-events:none}.kv-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.kv-particles span{position:absolute;border-radius:50%;background:#ffffffe6;box-shadow:0 0 8px #ffffffa6,0 0 18px #b4d2ff59;opacity:0;animation:mote ease-in-out infinite}@keyframes mote{0%{transform:translateY(8px) translate(0);opacity:0}20%{opacity:.75}50%{transform:translateY(-16px) translate(4px);opacity:.35}80%{opacity:.7}to{transform:translateY(-30px) translate(-3px);opacity:0}}@media(prefers-reduced-motion:reduce){.kv-particles span{animation:none;opacity:.3}}.hero-kv .kv-title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.hero-kv .kv-brand{font-size:clamp(.55rem,1.2vw,.7rem);letter-spacing:.52em;text-indent:.52em;color:#dce6fabf;margin:0 0 14px}.hero-kv .kv-title h1{font-size:clamp(1.7rem,5.6vw,4rem);letter-spacing:.14em;margin:0 0 14px;color:#fff;text-shadow:0 0 22px rgba(255,255,255,.45),0 0 64px rgba(180,205,255,.35),0 2px 18px rgba(0,0,20,.55)}.hero-kv .kv-tagline{font-family:var(--font-serif);font-size:clamp(.72rem,1.8vw,.98rem);letter-spacing:.32em;color:#e1e9fae0;text-shadow:0 1px 12px rgba(0,0,20,.7);margin:0}.hero-kv .kv-status{margin:26px 0 0;padding:7px 22px;border:1px solid rgba(230,238,255,.4);background:#06091359;backdrop-filter:blur(4px);font-size:clamp(.62rem,1.4vw,.78rem);letter-spacing:.42em;text-indent:.42em;color:#ebf0fceb}.hero-kv .kv-band{text-align:center;padding:40px 22px 6px}.hero-kv .sub{color:var(--text-dim);font-size:clamp(.92rem,2vw,1.05rem);letter-spacing:.14em;margin:0 auto 28px;max-width:36em}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.pillar h3{font-size:1.02rem;margin:0 0 8px;color:var(--text)}.pillar h3:before{content:"— ";color:var(--line-strong)}.pillar p{margin:0;color:var(--text-dim);font-size:.9rem}.story-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(30px,6vw,70px);align-items:center}.keyphrases{list-style:none;padding:0;margin:0;display:flex;flex-direction:row-reverse;gap:clamp(18px,3vw,30px)}.keyphrases li{margin:0;writing-mode:vertical-rl;font-family:var(--font-serif);font-size:.92rem;letter-spacing:.34em;color:var(--accent);opacity:.9}.question{font-family:var(--font-serif);font-size:clamp(1.3rem,3vw,1.7rem);letter-spacing:.2em;margin:0 0 34px}.factions{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.faction{border-top:1px solid var(--fa, var(--line-strong));padding-top:22px}.faction .area{font-size:.7rem;letter-spacing:.34em;color:var(--fa, var(--accent))}.faction h3{font-size:1.3rem;margin:8px 0 6px}.faction .tagline{color:var(--fa, var(--text-dim));font-size:.82rem;margin:0 0 12px;opacity:.85}.faction .intro{color:var(--text-dim);font-size:.88rem;margin:0}.char-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 36px}.char-thumbs a{display:block;border:1px solid var(--line);transition:border-color .3s ease,transform .3s var(--ease)}.char-thumbs a:hover{border-color:var(--line-strong);transform:translateY(-3px)}.char-thumbs img{display:block;width:100%;height:auto}.center{text-align:center}.file-section h2{display:flex;align-items:baseline;gap:16px}.file-section h2 .area{font-family:var(--font);font-size:.7rem;letter-spacing:.34em;color:var(--fa, var(--accent))}.char-files{display:grid;gap:30px;max-width:920px}.char-file{display:block;border:1px solid var(--line);transition:border-color .3s ease,transform .3s var(--ease)}.char-file:hover{border-color:var(--line-strong);transform:translateY(-3px)}.char-file img{display:block;width:100%;height:auto}.cta-band{margin-top:60px;padding:44px 26px;border:1px solid var(--line);text-align:center}.cta-band p{color:var(--text-dim);margin:0 0 22px;font-size:.92rem;letter-spacing:.08em}.info-rows{border-top:1px solid var(--line);max-width:760px}.info-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:22px 4px;border-bottom:1px solid var(--line)}.info-row dt{font-family:var(--font-serif);letter-spacing:.22em;color:var(--text-dim);font-size:.9rem}.info-row dd{margin:0;font-size:.95rem}.info-row dd .note{color:var(--text-dim);font-size:.82rem}.recruit{text-align:center}.recruit .recruit-frame{max-width:720px;margin:0 auto;padding:clamp(44px,7vw,70px) 26px;border:1px solid var(--line-strong);position:relative}.recruit .recruit-frame:before,.recruit .recruit-frame:after{content:"✦";position:absolute;color:var(--line-strong);font-size:.7rem}.recruit .recruit-frame:before{top:10px;left:14px}.recruit .recruit-frame:after{bottom:10px;right:14px}.recruit h2{margin-bottom:14px}.recruit .period{font-family:var(--font-serif);letter-spacing:.18em;color:var(--text);margin:0 0 6px}.recruit .countdown{color:var(--accent);font-size:.9rem;letter-spacing:.22em;margin:0 0 30px;min-height:1.6em}.recruit .recruit-note{color:var(--text-dim);font-size:.88rem;margin:26px 0 0}.linklist{list-style:none;padding:0;margin:0;display:grid;gap:0;max-width:760px;border-top:1px solid var(--line)}.linklist a{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);color:var(--text);font-size:.92rem;letter-spacing:.06em}.linklist a:after{content:"→";color:var(--text-dim)}.linklist a:hover{color:var(--accent);text-decoration:none}.footer{padding:60px 0 46px;border-top:1px solid var(--line);color:var(--text-dim);font-size:.8rem}.footer-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.footer .brand{font-size:.68rem;letter-spacing:.5em;color:var(--text-dim)}.page-head{padding:72px 0 20px}.page-head h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:10px 0 16px}.page-lead{color:var(--text-dim);max-width:44em}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}@media(max-width:860px){.section{padding:66px 0}.pillars,.factions{grid-template-columns:1fr;gap:26px}.story-grid{grid-template-columns:1fr}.keyphrases{justify-content:center;margin-top:34px}.keyphrases li{font-size:.82rem;letter-spacing:.28em}.char-thumbs{grid-template-columns:repeat(2,1fr)}.info-row{grid-template-columns:1fr;gap:4px;padding:16px 4px}.nav-inner{height:auto;padding:10px 0;flex-wrap:wrap}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}