@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');

:root{--bg:#0d1717;--bg-soft:#132120;--panel:#172725;--cream:#f2f0e5;--muted:#aabcb5;--line:rgba(218,239,209,.15);--lime:#bbef7b;--lime-dark:#172714;--gold:#dabc85;--max:1240px;font-family:'Manrope','Noto Sans JP',sans-serif;color:var(--cream);background:var(--bg);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg)}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{max-width:100%;display:block}
::selection{background:#b9ed78;color:#0d1717}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.shell{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.skip-link{position:absolute;z-index:100;left:12px;top:-100px;padding:12px 18px;background:var(--lime);color:var(--bg)}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:rgba(13,23,23,.96);border-bottom:1px solid var(--line)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;flex:none}.brand-mark{display:grid;grid-template-columns:repeat(2,12px);grid-template-rows:repeat(2,12px);gap:2px;transform:rotate(-8deg)}.brand-mark span{background:var(--lime)}.brand-mark span:nth-child(2){background:#e1c586}.brand-mark span:nth-child(3){background:#80bca0}.brand-wordmark{display:flex;flex-direction:column;line-height:1}.brand-wordmark strong{font-size:19px;letter-spacing:.14em;font-weight:900}.brand-wordmark small{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.22em;color:var(--lime);margin-top:6px}
.site-nav{display:flex;align-items:center;gap:25px}.site-nav a{font-size:12px;font-weight:700;color:#c9d4ca;white-space:nowrap;transition:color .2s}.site-nav a:hover{color:var(--lime)}.site-nav .nav-join{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--lime);padding:13px 17px;color:var(--lime)}.site-nav .nav-join:hover{background:var(--lime);color:var(--bg)}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,rgba(48,93,73,.23),transparent 48%),#0d1717}.hero-glow{position:absolute;right:-200px;top:-340px;width:850px;height:850px;background:radial-gradient(circle,rgba(123,169,95,.1),transparent 62%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4vw,70px);align-items:center;min-height:640px;padding-top:62px;padding-bottom:66px}.hero-copy{padding-bottom:10px}.eyebrow,.kicker,.hero-meta,.art-label,.hero-bottom,.section-topline>span,.world-number,.world-caption,.edition,.footer-bottom{font-family:'DM Mono',monospace;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:500;color:var(--lime)}.eyebrow-line{width:31px;height:1px;background:var(--lime)}.hero h1{font-size:clamp(41px,4.55vw,70px);line-height:1.33;letter-spacing:-.065em;font-weight:900;margin:34px 0 26px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--lime)}.hero-lead{font-size:16px;line-height:2.05;color:#d0d9d0;max-width:580px;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:43px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:57px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{padding:0 21px;background:var(--lime);color:#132017}.button-primary:hover{background:#d0ff92}.button-text{color:#e5eee1;gap:12px}.button-text:hover{color:var(--lime)}.hero-meta{display:flex;flex-wrap:wrap;gap:27px;margin-top:71px;font-size:10px;color:#c1cec4}.hero-meta span{display:flex;align-items:center;gap:9px}.meta-dot{display:inline-block;height:6px;width:6px;background:var(--lime);transform:rotate(45deg)}
.hero-visual{position:relative;min-width:0}.art-frame{position:relative;aspect-ratio:1.23/1;border:1px solid rgba(230,240,215,.3);padding:9px;background:#29423b;box-shadow:20px 20px 0 rgba(156,185,134,.08)}.art-frame img{width:100%;height:100%;object-fit:cover}.art-label{position:absolute;bottom:19px;left:19px;padding:12px 14px;background:rgba(13,23,23,.84);font-size:9px;display:flex;align-items:center;gap:9px;color:#e6ebd7;backdrop-filter:blur(6px)}.art-label-led{width:6px;height:6px;border-radius:50%;background:var(--lime)}.visual-corner{position:absolute;height:15px;width:15px;border-color:var(--lime);border-style:solid}.visual-corner.top-left{top:-9px;left:-9px;border-width:2px 0 0 2px}.visual-corner.bottom-right{right:-29px;bottom:-29px;border-width:0 2px 2px 0}.hero-bottom{position:relative;display:flex;align-items:center;gap:15px;padding-bottom:24px;color:#849c91;font-size:9px}.hero-bottom-line{height:1px;width:84px;background:#5d7e6f}.hero-bottom span:last-child{margin-left:auto;color:var(--lime)}
.section{padding:116px 0}.kicker{font-size:10px;font-weight:500;color:var(--lime);margin:0 0 25px}.section h2,.join-copy h2{font-size:clamp(32px,3.25vw,50px);line-height:1.38;letter-spacing:-.055em;margin:0;font-weight:900}.section h2 span,.join-copy h2 span{color:var(--lime)}.intro{border-top:1px solid var(--line);background:#101c1b}.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,7vw,120px)}.intro-body>p{max-width:640px;color:#adbbb4;line-height:2;font-size:14px}.intro-body .intro-large{font-size:22px;line-height:1.7;color:var(--cream);font-weight:700;margin:-3px 0 19px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:49px}.feature{border-top:1px solid #577264;padding-top:24px}.feature-icon{font-size:24px;color:var(--lime);height:39px;display:block}.feature h3{font-size:15px;margin:13px 0 9px}.feature p{font-size:12px;color:#a9b9b0;line-height:1.8;margin:0}
.worlds{background:#e9ecdb;color:#162622}.worlds .kicker{color:#5c7d57}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-topline>span{color:#75867c;font-size:10px}.worlds h2 span{color:#5a805a}.worlds-lead{max-width:590px;color:#5b6b62;line-height:1.9;font-size:14px;margin:26px 0 43px}.world-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.world-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;padding:27px 31px;color:#f7f3de}.world-card::before,.world-card::after{content:"";position:absolute;pointer-events:none}.world-card::before{height:210px;width:210px;right:-24px;bottom:-78px;transform:rotate(45deg);background:rgba(255,255,255,.05)}.world-card::after{height:110px;width:110px;right:65px;top:39px;border:1px solid rgba(255,255,255,.15);transform:rotate(45deg)}.world-card-one{background:linear-gradient(130deg,#25473f,#122e2c)}.world-card-two{background:linear-gradient(130deg,#675844,#2a3931)}.world-number,.world-caption{position:relative;z-index:1;font-size:10px;color:#cadac0}.world-card-inner{display:flex;align-items:center;gap:28px;position:relative;z-index:1}.world-glyph{font-family:'DM Mono',monospace;font-size:35px;letter-spacing:-.35em;line-height:.85;color:var(--lime);width:88px;flex:none}.world-card-two .world-glyph{color:#efce91}.world-card h3{font-size:30px;line-height:1.4;margin:0 0 9px}.world-card h3 small{display:block;font-size:14px;font-weight:600;color:#cce3d1}.world-card p{font-size:13px;margin:0;color:#dae7d9}.world-note{font-size:11px;color:#6c7b6b;margin:17px 0 0}
.guide{background:#10201e}.guide-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,130px)}.heading-note{font-size:14px;color:#aebeb1;line-height:1.9;margin-top:23px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:66px 1fr;gap:16px;padding:30px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.step-number{font-family:'DM Mono',monospace;color:var(--lime);font-size:14px;padding-top:4px}.steps h3{font-size:18px;margin:0 0 8px}.steps p{font-size:13px;line-height:1.85;color:#acbab1;margin:0}.steps code{font-family:'DM Mono',monospace;color:#d4edb6;font-size:12px}
.rules{background:#152723;border-top:1px solid var(--line)}.rules-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(48px,9vw,130px)}.rules-grid>div:first-child>p:last-child{font-size:14px;line-height:2;color:#b7c5b9;max-width:440px;margin-top:25px}.rules-list{border-top:1px solid #6b836e}.rules-list>div{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid var(--line)}.rules-list span{font-family:'DM Mono',monospace;color:var(--lime);font-size:11px;padding-top:3px}.rules-list p{font-size:14px;line-height:1.8;margin:0}
.join-section{padding:116px 0;background:radial-gradient(circle at 16% 105%,rgba(116,153,87,.21),transparent 36%),#0b1716}.join-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,120px);align-items:center}.join-copy h2 span{color:var(--lime)}.join-copy>p:not(.kicker){line-height:1.9;color:#b4c4b7;font-size:14px;margin:22px 0 26px}.discord-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--lime);padding-bottom:8px;color:var(--lime);font-weight:700;font-size:13px}.discord-link:hover{color:#ddf8b6}.join-panels{min-width:0}.join-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 28px;border:1px solid #4c6b59;background:#182925;margin-bottom:12px}.join-panel>div{min-width:0;display:flex;flex-direction:column}.edition{font-size:10px;color:var(--lime);margin-bottom:9px}.join-panel strong{font-family:'DM Mono',monospace;font-size:clamp(18px,2.25vw,27px);letter-spacing:.005em;overflow-wrap:anywhere}.join-panel small{color:#a2b7a9;margin-top:10px;font-size:11px}.copy-button{border:1px solid #73977c;background:none;color:#dcebd4;min-width:75px;min-height:39px;font-size:11px;font-weight:700}.copy-button:hover{background:var(--lime);border-color:var(--lime);color:#10201a}.join-hint{font-size:11px;color:#90aa98;line-height:1.8;margin:13px 0 0}
.site-footer{background:#0a1312;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:32px;min-height:112px}.footer-brand{font-size:20px;font-weight:900;letter-spacing:.15em}.footer-brand span{font-size:9px;vertical-align:top;margin-left:2px;color:var(--lime)}.footer-inner p{color:#9ead9e;font-size:12px}.footer-inner>a:last-child{margin-left:auto;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0 24px;border-top:1px solid var(--line);color:#798d7f;font-size:9px;line-height:1.7;letter-spacing:.03em}.toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--lime);color:#102018;padding:13px 21px;font-size:12px;font-weight:700;box-shadow:0 10px 35px #0008;transition:opacity .2s,transform .2s;white-space:nowrap;max-width:calc(100vw - 30px);white-space:normal;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.site-footer{background:#0a1312;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:32px;min-height:112px}.footer-brand{font-size:20px;font-weight:900;letter-spacing:.15em}.footer-brand span{font-size:9px;vertical-align:top;margin-left:2px;color:var(--lime)}.footer-inner p{color:#9ead9e;font-size:12px}.footer-inner>a:last-child{margin-left:auto;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0 24px;border-top:1px solid var(--line);color:#798d7f;font-size:9px;line-height:1.7;letter-spacing:.03em}.footer-bottom a{text-decoration:underline;text-underline-offset:2px}.toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--lime);color:#102018;padding:13px 21px;font-size:12px;font-weight:700;box-shadow:0 10px 35px #0008;transition:opacity .2s,transform .2s;white-space:nowrap;max-width:calc(100vw - 30px);white-space:normal;text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.news-section{padding:58px 0 70px;background:#14231f;border-block:1px solid var(--line)}.news-layout{display:grid;grid-template-columns:.38fr .62fr;gap:clamp(28px,7vw,100px)}.news-section .kicker{margin-bottom:12px}.news-section h2{font-size:clamp(28px,3vw,42px);margin:0}.news-intro{font-size:13px;line-height:1.8;color:#aabcb5;margin:16px 0 0}.news-list{border-top:1px solid #6b836e}.news-item{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:20px 2px;border-bottom:1px solid var(--line)}.news-item time{color:var(--lime);font-family:'DM Mono',monospace;font-size:11px;padding-top:3px}.news-item h3{font-size:15px;margin:0 0 7px}.news-item p{font-size:12px;line-height:1.75;color:#b7c5b9;margin:0;white-space:pre-wrap}.news-empty{font-size:13px;color:#aabcb5;margin:20px 2px}
@media(max-width:1060px){.shell{width:min(calc(100% - 48px),var(--max))}.site-nav{gap:18px}.hero h1{font-size:clamp(34px,4.6vw,54px)}.hero-grid{min-height:560px}.hero-meta{margin-top:44px}.feature-grid{gap:12px}}
@media(max-width:760px){html{scroll-padding-top:72px}.shell{width:min(calc(100% - 36px),var(--max))}.header-inner{height:70px}.brand-wordmark strong{font-size:16px}.brand-wordmark small{font-size:8px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:39px;height:39px;border:1px solid var(--line);background:none}.menu-toggle span{width:17px;height:2px;background:var(--cream)}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;padding:19px 18px 23px;background:#111e1c;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px 8px;font-size:14px}.site-nav .nav-join{justify-content:space-between;margin-top:8px;padding:14px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:42px;padding:60px 0 46px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(34px,8vw,54px);white-space:normal;margin:25px 0 22px}.hero-lead{font-size:14px}.hero-actions{margin-top:30px}.hero-meta{margin-top:35px;gap:18px}.hero-visual{max-width:590px;width:100%;align-self:center}.art-frame{aspect-ratio:1.4/1}.visual-corner.bottom-right{right:-8px;bottom:-8px}.hero-bottom{padding-bottom:15px}.section,.join-section{padding:75px 0}.news-section{padding:58px 0}.news-layout,.intro-grid,.guide-grid,.rules-grid,.join-grid{grid-template-columns:1fr;gap:32px}.intro-body .intro-large{font-size:19px}.feature-grid{margin-top:33px}.world-card{min-height:260px}.join-copy h2{font-size:39px}.join-grid{gap:42px}}
@media(max-width:560px){.hero h1{font-size:clamp(33px,9vw,46px)}.eyebrow{font-size:9px;letter-spacing:.08em}.hero-actions{gap:19px}.button{gap:16px;font-size:12px}.button-primary{min-height:52px}.hero-meta{font-size:9px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{display:grid;grid-template-columns:42px 1fr;column-gap:9px;align-items:start;padding-top:17px}.feature-icon{grid-row:span 2;margin-top:0}.feature h3{margin:0 0 4px}.feature p{grid-column:2}.section h2{font-size:clamp(31px,8vw,40px)}.section-topline>span{display:none}.world-cards{grid-template-columns:1fr}.world-card{min-height:230px;padding:23px}.world-card h3{font-size:27px}.world-glyph{width:66px;font-size:28px}.news-item{grid-template-columns:1fr;gap:7px}.steps li{grid-template-columns:43px 1fr;gap:10px}.rules-list>div{grid-template-columns:35px 1fr}.join-panel{padding:19px;align-items:flex-start;flex-direction:column}.join-panel strong{font-size:21px}.copy-button{align-self:flex-end}.footer-inner{flex-wrap:wrap;gap:10px;padding:27px 0}.footer-inner p{flex-basis:100%;order:3;margin:2px 0}.footer-inner>a:last-child{margin-left:auto}.footer-bottom{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
