@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@600;700;900&display=swap");:root{color-scheme:light;--bg:#fbfbf8;--surface:#fff;--surface-soft:#f7faf4;--text:#222722;--muted:#687168;--faint:#9aa39a;--line:#e5e8e1;--green:#4f8f42;--green-dark:#35772f;--green-soft:#eef7ea;--gold:#d09a2e;--shadow:0 18px 48px rgba(38,52,35,.1);--shadow-soft:0 10px 26px rgba(38,52,35,.07);--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}#__next,body,html{min-height:100%}body{margin:0;color:var(--text);font-family:Noto Sans JP,sans-serif;background:radial-gradient(circle at 8% 12%,rgba(91,149,79,.07),transparent 22rem),radial-gradient(circle at 92% 18%,rgba(208,154,46,.08),transparent 24rem),linear-gradient(180deg,#fff 0,var(--bg) 42%,#fff 100%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{min-height:100vh}.topbar{width:min(calc(100% - 56px),var(--max));height:74px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:24px;gap:24px}.brand,.footer-brand{font-weight:900;letter-spacing:-.04em;font-size:1.28rem}.brand span,.footer-brand span{color:var(--gold);letter-spacing:-.05em}.nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,42px);color:#252b25;font-size:.92rem;font-weight:700}.nav a{transition:color .2s ease}.nav a:hover{color:var(--green)}.top-join{justify-self:end;padding:12px 20px;border-radius:9px;color:#fff;font-size:.86rem;font-weight:800;background:linear-gradient(135deg,#d7a947,#bd8120);box-shadow:0 10px 20px rgba(189,129,32,.22)}.top-join:after{content:"›";margin-left:8px}.content{padding:22px 0 0}.hero-clean{width:min(calc(100% - 56px),var(--max));margin:28px auto 0;display:grid;grid-template-columns:.92fr 1fr;grid-gap:56px;gap:56px;align-items:center}.hero-clean__copy h1{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(2.35rem,4.8vw,4.65rem);line-height:1.35;letter-spacing:-.055em}.hero-clean__copy h1 span{color:var(--green)}.hero-clean__copy p{max-width:33rem;margin:32px 0 0;color:var(--muted);font-size:1rem;line-height:2.2;font-weight:600}.hero-clean__actions,.join-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:18px}.primary-btn,.secondary-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 28px;border-radius:10px;font-weight:900;font-size:.92rem;transition:transform .2s ease,box-shadow .2s ease}.brand-icon{width:1.2em;height:1.2em}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.primary-btn{color:#fff;background:linear-gradient(135deg,#5c9d50,#367b31);box-shadow:0 14px 24px rgba(63,130,55,.22)}.secondary-btn{color:#2d342d;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.status-row{margin-top:26px;display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:var(--muted);font-size:.84rem;font-weight:800}.status-row span:last-child{padding-left:16px;border-left:1px solid var(--line)}.live-dot{width:11px;height:11px;padding:0;border-radius:999px;background:#65ba54;box-shadow:0 0 0 6px rgba(101,186,84,.16)}.hero-diagram{position:relative;min-height:460px;border-radius:18px;overflow:hidden;display:grid;align-content:center;grid-gap:18px;gap:18px;padding:clamp(28px,5vw,54px);border:1px solid var(--line);background:radial-gradient(circle at 76% 22%,rgba(80,143,66,.16),transparent 14rem),radial-gradient(circle at 12% 88%,rgba(208,154,46,.14),transparent 14rem),linear-gradient(135deg,#fff,#f2f7ee);box-shadow:0 28px 58px rgba(24,34,22,.12)}.server-plate{padding:22px 24px;border:1px solid rgba(79,143,66,.18);border-radius:14px;background:hsla(0,0%,100%,.74);box-shadow:var(--shadow-soft)}.server-plate span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.server-plate strong{display:block;margin-top:8px;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.15}.hero-orbit{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}.hero-orbit span{padding:9px 12px;border-radius:999px;color:var(--green-dark);background:var(--green-soft);font-size:.82rem;font-weight:900}.highlight-strip{width:min(calc(100% - 56px),var(--max));margin:52px auto 0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:repeat(4,1fr)}.highlight-strip article{min-height:126px;padding:28px 30px;display:flex;gap:18px;align-items:center}.highlight-strip article+article{border-left:1px solid var(--line)}.feature-clean-card h3,.flow-card h3,.highlight-strip h2,.info-card h2,.map-card h3,.staff-card h2,.system-card h3{margin:0;font-size:1.08rem;line-height:1.6;font-weight:900}.feature-clean-card p,.flow-card p,.highlight-strip p,.info-card p,.map-body p,.staff-card p,.system-card p{margin:6px 0 0;color:var(--muted);font-size:.86rem;line-height:1.8;font-weight:600}.icon-mark{width:42px;height:42px;flex:0 0 auto;border-radius:12px;display:inline-grid;place-items:center;color:var(--green);background:var(--green-soft);font-size:1.45rem;font-weight:900;line-height:1}.icon-mark svg{width:24px;height:24px}.section-block{width:min(calc(100% - 56px),var(--max));margin:66px auto 0}.section-title{margin-bottom:34px;text-align:center}.section-title h2{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.04em}.section-title span{display:block;width:28px;height:2px;margin:14px auto 0;background:var(--gold)}.feature-clean-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.faq-list,.flow-card,.join-card,.map-card,.soft-card,.system-card{border:1px solid var(--line);background:hsla(0,0%,100%,.92);box-shadow:var(--shadow-soft)}.feature-clean-card{min-height:142px;padding:26px 28px;border-radius:12px;display:flex;gap:20px;align-items:flex-start}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.map-card{border-radius:12px;overflow:hidden}.map-symbol{min-height:154px;padding:24px;display:flex;align-items:flex-start;justify-content:space-between;background:radial-gradient(circle at 18% 24%,rgba(80,143,66,.16),transparent 10rem),linear-gradient(135deg,#f5faf2,#fff)}.map-symbol .icon-mark{width:58px;height:58px}.map-symbol:after{content:"0" attr(data-index);align-self:flex-end;color:rgba(79,143,66,.13);font-family:"Noto Serif JP",serif;font-size:4rem;font-weight:900;line-height:.8}.map-symbol span{padding:6px 10px;border-radius:999px;color:#fff;background:rgba(55,123,48,.92);font-size:.75rem;font-weight:900}.map-body{padding:20px 22px 24px}.map-body a{display:inline-block;margin-top:14px;color:var(--green);font-size:.86rem;font-weight:900}.flow-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:36px;gap:36px;align-items:stretch;position:relative}.flow-card{position:relative;min-height:172px;padding:30px 18px 22px;border-radius:14px;text-align:center}.flow-card:not(:last-child):after{content:"→";position:absolute;top:50%;right:-28px;color:var(--faint);font-weight:900}.flow-card .icon-mark{margin:0 auto 12px}.flow-number{position:absolute;top:-13px;left:16px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--green);font-size:.82rem;font-weight:900}.systems-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.system-card{border-radius:12px;padding:30px}.weapon-row{margin-top:24px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.weapon-row span{min-height:74px;padding:12px 8px;border-radius:8px;display:grid;place-items:center;text-align:center;color:#3a423a;background:#f2f4f0;font-size:.82rem;font-weight:900}.upgrade-row{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.upgrade-row div{display:grid;justify-items:center;grid-gap:7px;gap:7px;text-align:center}.upgrade-row .icon-mark{width:34px;height:34px;font-size:1.1rem}.perk-grid strong,.upgrade-row strong{font-size:.82rem}.perk-grid span,.upgrade-row span{color:var(--muted);font-size:.76rem;font-weight:700}.perk-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.perk-grid div{display:grid;justify-items:center;grid-gap:7px;gap:7px;text-align:center}.perk-grid .icon-mark{width:42px;height:42px;font-size:1.1rem}.tip{margin-top:24px!important;padding:16px 18px;border-radius:8px;background:var(--green-soft)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.gallery-item{min-height:176px;padding:22px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.gallery-item .icon-mark{margin-bottom:18px}.gallery-item h3{margin:0;font-size:1rem;line-height:1.5}.gallery-item p{margin:8px 0 0;color:var(--muted);font-size:.84rem;line-height:1.75;font-weight:600}.faq-block{max-width:1080px}.faq-list{border-radius:12px;overflow:hidden}.faq-item{padding:0 24px}.faq-item+.faq-item{border-top:1px solid var(--line)}.faq-item summary{min-height:72px;display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"⌄";margin-left:auto;color:var(--muted);font-size:1.25rem}.faq-item .icon-mark{width:38px;height:38px;font-size:1.1rem}.faq-item p{margin:-12px 0 18px 52px;color:var(--muted);font-size:.88rem;line-height:1.8;font-weight:600}.join-card{width:min(calc(100% - 56px),1100px);margin:64px auto 0;padding:30px 46px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:radial-gradient(circle at 0 0,rgba(80,143,66,.1),transparent 22rem),#fff}.join-card h2{margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-.055em}.join-card p{margin:8px 0 0;color:var(--muted);font-weight:700}.site-footer{margin-top:44px;padding:34px min(56px,5vw);color:#fff;background:#151715;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;grid-gap:26px;gap:26px}.site-footer nav{display:flex;gap:30px;color:hsla(0,0%,100%,.82);font-size:.82rem;font-weight:800}.site-footer p{margin:0;color:hsla(0,0%,100%,.6);font-size:.8rem}.footer-social{display:flex;gap:12px}.footer-social a{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff;background:hsla(0,0%,100%,.08);font-weight:900}.page-intro{width:min(calc(100% - 56px),900px);margin:48px auto 36px;text-align:center}.eyebrow{margin:0;color:var(--green);font-weight:900}.page-intro h1{margin:10px 0 0;font-family:"Noto Serif JP",serif;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em}.lead{margin:14px auto 0;color:var(--muted);line-height:1.9;font-weight:600}.staff-page{width:min(calc(100% - 56px),980px);margin:0 auto 70px}.staff-hero-card{padding:clamp(28px,5vw,46px);border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(80,143,66,.12),transparent 18rem),#fff;box-shadow:var(--shadow-soft)}.staff-kicker{margin:0 0 8px;color:var(--green);font-size:.84rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.staff-hero-card h2{max-width:760px;margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.35;letter-spacing:-.05em}.staff-hero-card p,.staff-note p{margin:0;color:var(--muted);line-height:1.9;font-weight:600}.staff-hero-card h2+p{max-width:760px;margin-top:18px}.staff-values{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.staff-values span{padding:9px 12px;border-radius:999px;color:var(--green-dark);background:var(--green-soft);font-size:.83rem;font-weight:900}.info-grid,.staff-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.info-card,.staff-card{padding:26px;box-shadow:var(--shadow-soft)}.info-card,.staff-card,.staff-note{border:1px solid var(--line);border-radius:12px;background:#fff}.staff-note{margin-top:28px;padding:24px}.staff-note h2{margin:0 0 10px;font-size:1.2rem}.staff-note a{color:var(--green);font-weight:900}.staff-apply{margin-top:18px}@media (max-width:1050px){.topbar{grid-template-columns:1fr auto}.nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:16px}.hero-clean,.join-card,.systems-grid{grid-template-columns:1fr}.feature-clean-grid,.highlight-strip,.map-grid{grid-template-columns:repeat(2,1fr)}.highlight-strip article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.highlight-strip article:nth-child(4){border-top:1px solid var(--line)}.flow-row{grid-template-columns:repeat(3,1fr);gap:16px}.flow-card:after{display:none}.site-footer{grid-template-columns:1fr}}@media (max-width:720px){.hero-clean,.highlight-strip,.join-card,.page-intro,.section-block,.staff-page,.topbar{width:min(calc(100% - 28px),var(--max))}.topbar{height:auto;padding-top:18px}.top-join{display:none}.nav{gap:14px;overflow-x:auto;white-space:nowrap}.hero-clean{margin-top:18px;gap:30px}.hero-clean__copy h1{font-size:clamp(2.05rem,10vw,3rem)}.hero-clean__copy p{margin-top:22px;font-size:.94rem}.hero-diagram{min-height:260px;border-radius:14px}.primary-btn,.secondary-btn{width:100%}.status-row span:last-child{width:100%;padding-left:0;border-left:0}.feature-clean-grid,.flow-row,.highlight-strip,.info-grid,.map-grid,.perk-grid,.staff-grid,.upgrade-row,.weapon-row{grid-template-columns:1fr}.gallery-grid{width:calc(100% + 14px);margin-right:-14px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,84%);grid-template-columns:none;grid-gap:12px;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 14px 14px 2px;scroll-snap-type:inline mandatory;scrollbar-width:thin}.gallery-item{scroll-snap-align:start}.highlight-strip article+article{border-left:0;border-top:1px solid var(--line)}.gallery-item{min-height:190px}.join-card{padding:24px;display:block}.join-actions{margin-top:22px}.site-footer nav{flex-wrap:wrap;gap:16px}}