:root{--ink:#0c2340;--ocean:#0e79b2;--line:#d3e4ef;--frost:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--frost);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1152px;margin:auto;padding-left:32px;padding-right:32px}.site-header{position:sticky;top:0;z-index:10;background:rgba(247,251,255,.9);border-bottom:1px solid rgba(211,228,239,.8);backdrop-filter:blur(12px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:block;width:30px;height:30px;object-fit:contain}.brand strong{display:block;font-size:17px;letter-spacing:.02em}.brand small{display:block;margin-top:2px;color:#7b92a5;font-size:10px;letter-spacing:.16em}.footer-wrap .brand-icon{width:30px;height:30px}.nav-wrap nav{display:flex;gap:32px;color:#5f7487;font-size:13px;font-weight:700}.nav-wrap nav a{position:relative}.nav-wrap nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--ocean);transform:scaleX(0);transform-origin:left;transition:.2s}.nav-wrap nav a:hover:after{transform:scaleX(1)}.outline-btn{padding:10px 15px;border:1px solid var(--ink);font-size:13px;font-weight:700;transition:.2s}.outline-btn:hover{background:var(--ink);color:#fff}.outline-btn b{margin-left:6px;font-size:16px}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;padding-top:64px;padding-bottom:112px}.eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:22px;color:var(--ocean);font-size:11px;font-weight:800;letter-spacing:.15em}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#25bb82;box-shadow:0 0 0 5px #dff7ed}h1,h2,h3,p{margin:0}h1{font-size:clamp(46px,6vw,82px);font-weight:800;letter-spacing:-.055em;line-height:.98}h1 em{color:var(--ocean);font-style:normal}.lede{max-width:450px;margin-top:25px;color:#647d92;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin-top:33px}.solid-btn{padding:14px 18px;background:var(--ocean);color:#fff;font-size:13px;font-weight:700;transition:.2s}.solid-btn:hover{background:var(--ink)}.solid-btn b{margin-left:18px;font-size:19px}.text-btn{font-size:13px;font-weight:700}.text-btn b{margin-left:8px;color:var(--ocean);font-size:18px}.meta{display:flex;align-items:center;gap:19px;max-width:460px;margin-top:48px;padding-top:17px;border-top:1px solid var(--line)}.meta div{display:flex;flex-direction:column;gap:4px}.meta strong{font-size:21px;letter-spacing:-.04em}.meta strong small{margin-left:2px;color:var(--ocean);font-size:11px}.meta div span{color:#8295a4;font-size:10px}.meta i{width:1px;height:29px;background:var(--line)}.hero-art{position:relative;aspect-ratio:1.08;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1400&q=85') center/cover}.image-shade{position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,48,82,.62),rgba(7,119,179,.06) 65%),linear-gradient(0deg,rgba(5,28,50,.55),transparent 50%)}.world-title{position:absolute;bottom:30px;left:28px;color:#fff}.world-title small,.stamp{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;opacity:.76}.world-title strong{display:block;margin-top:8px;font-size:18px}.stamp{position:absolute;top:26px;right:25px;padding-left:9px;border-left:1px solid rgba(255,255,255,.6);transform:rotate(90deg) translateX(100%);transform-origin:right top}.pixel{position:absolute;bottom:-12px;width:55px;height:55px;background:#4eb3e1;opacity:.8;transform:rotate(45deg)}.p1{right:42px}.p2{right:-16px;bottom:29px;background:#e9f7ff}.p3{left:40px;bottom:-35px;background:#0b5e90}.blue-band{background:#0b3557;color:#fff}.section-pad{padding-top:96px;padding-bottom:96px}.intro{max-width:530px}.intro>small{color:var(--ocean);font-size:11px;font-weight:800;letter-spacing:.15em}.intro h2{margin-top:15px;font-size:clamp(34px,4.5vw,56px);font-weight:800;letter-spacing:-.05em;line-height:1.07}.intro h2 em{color:#61c2ed;font-style:normal}.intro p{max-width:470px;margin-top:22px;font-size:15px;line-height:1.8}.intro.light p{color:#a6c6d9}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid rgba(184,224,241,.25)}.features article{min-height:235px;padding:23px 28px 10px 0;border-right:1px solid rgba(184,224,241,.25)}.features article+article{padding-left:28px}.features article:last-child{border-right:0}.features article>small{color:#74c6e9;font-size:11px;font-weight:700;letter-spacing:.15em}.features article>b{display:block;margin-top:25px;color:#8dd8f8;font-size:32px}.features h3{margin-top:18px;font-size:20px}.features p{max-width:230px;margin-top:10px;color:#a6c6d9;font-size:13px;line-height:1.8}.world-section .intro{margin-bottom:52px}.world-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.world-card{overflow:hidden;background:#e5f3fa}.world-card.large{grid-row:span 2}.world-card header,.world-card footer{display:flex;justify-content:space-between;padding:16px 18px}.world-card header{color:#68869b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.world-card footer{align-items:baseline;background:#fff;border-top:1px solid #d1e4ed}.world-card footer strong{font-size:15px}.world-card footer span{color:#8aa1b1;font-size:11px}.scene{position:relative;overflow:hidden}.large .scene{height:360px}.world-card:not(.large) .scene{height:230px}.farm{background:linear-gradient(#7fc9e8 0 55%,#a3cc76 55%)}.sun{position:absolute;top:20px;right:13%;width:78px;height:78px;border-radius:50%;background:#fff3ad}.water{position:absolute;bottom:0;width:100%;height:30%;background:#51aeca}.crop{position:absolute;bottom:31%;width:9px;height:68px;background:#447f4c}.crop:before,.crop:after{content:"";position:absolute;width:28px;height:14px;background:#5d9f59}.crop:before{top:16px;left:-21px;transform:rotate(28deg)}.crop:after{top:35px;right:-21px;transform:rotate(-25deg)}.ca{left:29%}.cb{left:40%}.house{position:absolute;right:15%;bottom:26%;width:125px;height:81px;background:#dbf0f4}.house:before{content:"";position:absolute;top:-40px;left:-13px;border-left:75px solid transparent;border-right:75px solid transparent;border-bottom:40px solid #39749d}.house:after{content:"";position:absolute;bottom:0;left:52px;width:22px;height:42px;background:#5e9eb5}.town{background:linear-gradient(#6bb4d0 0 58%,#a6cb89 58%)}.tower{position:absolute;bottom:0;left:44%;width:68px;height:145px;background:#eaf7f9}.tower:before{content:"";position:absolute;top:-44px;left:-14px;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:44px solid #2c678c}.town-house{position:absolute;bottom:0;left:11%;width:118px;height:85px;background:#d8edf0}.town-house:before{content:"";position:absolute;top:-37px;left:-9px;border-left:68px solid transparent;border-right:68px solid transparent;border-bottom:37px solid #36728f}.tree{position:absolute;right:13%;bottom:74px;width:67px;height:67px;border-radius:50%;background:#5b9c5c}.tree:after{content:"";position:absolute;bottom:-74px;left:28px;width:12px;height:74px;background:#765b46}.note{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:180px;padding:25px;background:#d7effa}.note>b{color:#3195c1;font-family:Georgia,serif;font-size:58px;line-height:.6}.note p{margin-top:13px;font-size:22px;line-height:1.32;letter-spacing:-.04em}.note p em{color:var(--ocean);font-style:normal}.note small{margin-top:15px;color:#7694a5;font-size:10px}.join{background:#c8e8f7}.join-grid{display:grid;grid-template-columns:1fr .95fr;gap:48px;align-items:center;padding-top:96px;padding-bottom:96px}.join .intro p{max-width:430px;color:#5e7b8f}.open{display:flex;align-items:center;gap:12px;margin-top:30px}.open>b{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#1795c7;color:#fff;font-size:13px}.open strong,.open small{display:block}.open strong{font-size:13px}.open small{margin-top:3px;color:#7692a2;font-size:11px}.join-panel{padding:30px;background:var(--ink);color:#fff}.join-panel>small{color:#72bfdf;font-size:10px;font-weight:700;letter-spacing:.18em}.ip-line{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.ip-line code{font-family:monospace;font-size:clamp(22px,3vw,32px);letter-spacing:-.05em}.ip-line button{cursor:pointer;padding:10px 12px;border:1px solid #396b87;background:#1d4b6a;color:#d7effa;font-size:11px}.ip-line button:hover,.ip-line button.copied{background:#1885b6;border-color:#1885b6}.ip-line button span:first-child{margin-right:5px;font-size:14px}.join-panel hr{height:1px;margin:25px 0 20px;border:0;background:#31546e}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.details small,.details b{display:block}.details small{color:#78a3b9;font-size:10px}.details b{margin-top:7px;font-size:12px;font-weight:500}.platform-note{margin-top:18px;color:#78a3b9;font-size:11px}footer{border-top:1px solid var(--line);background:#f7fbff}.footer-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;color:#658095;font-size:12px}.footer-wrap .brand{gap:11px}.footer-wrap .brand b{margin:0 5px;color:#b4c5d0}.footer-wrap a{color:var(--ocean);font-weight:700}@media(max-width:767px){.wrap{padding-left:20px;padding-right:20px}.nav-wrap{height:68px}.nav-wrap nav{display:none}.hero{display:flex;flex-direction:column;gap:35px;padding-top:40px;padding-bottom:76px}.hero-art{width:100%}.meta{justify-content:space-between;gap:12px}.section-pad,.join-grid{padding-top:72px;padding-bottom:72px}.features{grid-template-columns:1fr}.features article,.features article+article{min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid rgba(184,224,241,.25)}.features article:last-child{border-bottom:0}.features article>b{margin-top:15px}.world-grid{grid-template-columns:1fr}.world-card.large{grid-row:auto}.large .scene{height:280px}.world-card:not(.large) .scene{height:220px}.join-grid{display:flex;flex-direction:column;gap:40px;align-items:stretch}.join-panel{padding:23px 18px}.ip-line{align-items:flex-start;flex-direction:column;gap:15px}.ip-line button{align-self:flex-start}.details{gap:8px}.details b{font-size:11px}.footer-wrap{align-items:flex-start;flex-direction:column;gap:16px}}



.page-loader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7fbff;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-line{width:72px;height:2px;margin-top:23px;overflow:hidden;background:#d3e4ef}.loader-line:after{content:"";display:block;width:34px;height:100%;background:#0e79b2;animation:loader-line 1s ease-in-out infinite}@keyframes loader-line{0%{transform:translateX(-38px)}100%{transform:translateX(76px)}}@media(prefers-reduced-motion:reduce){.page-loader,.loader-line:after{animation:none;transition:none}}

.menu-toggle{display:none;width:42px;height:42px;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);transition:transform .2s ease}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:none;background:#f7fbff;border-top:1px solid var(--line)}
.rules-section{background:#f1f8fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:52px;background:var(--line);border:1px solid var(--line)}.rules-grid article{min-height:190px;padding:28px;background:#fff}.rules-grid article>span{color:var(--ocean);font-size:11px;font-weight:800;letter-spacing:.16em}.rules-grid h3{margin-top:30px;font-size:19px}.rules-grid p{margin-top:10px;color:#698094;font-size:13px;line-height:1.8}
.join-content{min-width:0}.whitelist-steps{display:grid;gap:0;margin:34px 0 0;padding:0;list-style:none;border-top:1px solid rgba(12,35,64,.16)}.whitelist-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid rgba(12,35,64,.16)}.whitelist-steps li>span{color:var(--ocean);font-size:11px;font-weight:800;letter-spacing:.12em}.whitelist-steps strong,.whitelist-steps small{display:block}.whitelist-steps strong{font-size:13px}.whitelist-steps small{margin-top:5px;color:#688397;font-size:11px;line-height:1.6}
.faq-section{background:#fff}.faq-section .intro{margin-bottom:44px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;cursor:pointer;list-style:none;font-size:15px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border:1px solid var(--line);color:var(--ocean);font-size:18px;font-weight:400;transition:transform .2s ease,background .2s ease}.faq-list details[open] summary span{transform:rotate(45deg);background:#e7f5fb}.faq-list details p{max-width:760px;padding:0 48px 22px 2px;color:#637d91;font-size:13px;line-height:1.8}
@media(max-width:980px){.desktop-nav{gap:18px!important}.desktop-nav a{font-size:12px}.rules-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){body.menu-open{overflow:hidden}.desktop-join{display:none}.menu-toggle{display:flex}.mobile-nav{display:block;overflow:hidden;max-height:0;opacity:0;transition:max-height .28s ease,opacity .2s ease}.mobile-nav[aria-hidden="false"]{max-height:360px;opacity:1}.mobile-nav .wrap{display:flex;flex-direction:column;padding-top:10px;padding-bottom:15px}.mobile-nav a{padding:14px 0;border-bottom:1px solid var(--line);color:#425f75;font-size:13px;font-weight:700}.mobile-nav a:last-child{border-bottom:0;color:var(--ocean)}.rules-grid{grid-template-columns:1fr;margin-top:36px}.rules-grid article{min-height:auto;padding:23px}.rules-grid h3{margin-top:18px}.whitelist-steps{margin-top:28px}.faq-section .intro{margin-bottom:30px}.faq-list summary{font-size:14px}.faq-list details p{padding-right:35px}.join-grid{gap:44px}}

:focus-visible{outline:3px solid rgba(14,121,178,.35);outline-offset:3px}.world-card footer{gap:16px}.world-card footer span{text-align:right}.meta i{flex:0 0 1px}.hero .meta{max-width:520px}.mobile-nav a:focus-visible{outline-offset:-2px}.join-links{margin-top:24px;border-top:1px solid #31546e}.join-links a{display:flex;justify-content:space-between;gap:12px;padding-top:18px;color:#83cce7;font-size:12px;font-weight:700}.join-links a+a{margin-top:13px;padding-top:13px;border-top:1px solid #31546e;color:#9bd8eb}.join-links a span{margin-left:auto;color:#78a3b9;font-size:11px;font-weight:500}

:root{--radius-lg:18px;--radius-md:12px;--radius-sm:9px}.hero-art{border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(12,35,64,.12)}.solid-btn,.outline-btn,.ip-line button,.menu-toggle{border-radius:var(--radius-sm)}.world-card,.note,.join-panel{border-radius:var(--radius-md)}.rules-grid{border-radius:var(--radius-md);overflow:hidden}.rules-grid article{transition:transform .25s ease,background .25s ease}.hero-copy{animation:content-rise .65s ease both}.hero-art{animation:content-rise .75s .08s ease both}@keyframes content-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art{animation:none}.features article,.world-card,.rules-grid article,.join-panel,.world-card .scene{transition:none}}

/* Keep primary actions steady while giving the loader a calmer rounded mark. */

.loader-icon{display:block;width:58px;height:58px;object-fit:contain;animation:loader-icon-pulse 1.2s ease-in-out infinite}
@keyframes loader-tile-pulse{0%,100%{opacity:.78;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@keyframes loader-icon-pulse{0%,100%{opacity:.78;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.loader-icon{animation:none}}

/* Cards stay in place on hover; only content and focus states provide feedback. */



.header-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;font-size:17px;transition:background .2s ease,color .2s ease,border-color .2s ease}.theme-toggle:hover{background:var(--sky);border-color:var(--ocean)}.theme-toggle span{display:block;line-height:1;transition:transform .35s ease,opacity .2s ease}.theme-toggle[aria-pressed="true"] span{transform:rotate(180deg)}

body.dark-mode{--ink:#e5f3fb;--ocean:#72c9ef;--line:#29465d;--frost:#081827;background:#081827;color:var(--ink)}body.dark-mode .site-header{background:rgba(8,24,39,.92);border-color:#203b51}body.dark-mode .brand small,body.dark-mode .meta div span{color:#91aebe}body.dark-mode .mobile-nav{background:#081827;border-color:#29465d}body.dark-mode .mobile-nav a{color:#b7d1df;border-color:#29465d}body.dark-mode .outline-btn{border-color:#b7d1df}body.dark-mode .outline-btn:hover{background:#e5f3fb;color:#081827}body.dark-mode .hero-image{filter:saturate(.8) brightness(.72)}body.dark-mode .world-section{background:#081827}body.dark-mode .world-card{background:#102c40}body.dark-mode .world-card header{color:#a1bdcc}body.dark-mode .world-card footer{background:#102c40;border-color:#29465d}body.dark-mode .world-card footer span{color:#9ab2c0}body.dark-mode .note{background:#12364d}body.dark-mode .rules-section{background:#0b2133;border-color:#29465d}body.dark-mode .rules-grid{background:#29465d;border-color:#29465d}body.dark-mode .rules-grid article{background:#102c40}body.dark-mode .rules-grid p,body.dark-mode .faq-list details p{color:#a5becb}body.dark-mode .join{background:#12364d}body.dark-mode .join .intro p{color:#aac3cf}body.dark-mode .whitelist-steps{border-color:#3b5b70}body.dark-mode .whitelist-steps li{border-color:#3b5b70}body.dark-mode .whitelist-steps small{color:#a5becb}body.dark-mode .faq-section{background:#0b2133}body.dark-mode .faq-list,body.dark-mode .faq-list details{border-color:#29465d}body.dark-mode .faq-list summary span{border-color:#3b5b70}body.dark-mode footer{background:#081827;border-color:#29465d}body.dark-mode .footer-wrap{color:#9ab2c0}body.dark-mode .page-loader{background:#081827}
body.dark-mode .join-panel{background:#0c2340;color:#f7fbff}body.dark-mode .join-panel hr,body.dark-mode .join-panel .join-links a+a{border-color:#31546e}body.dark-mode .join-panel .ip-line button{background:#1d4b6a;border-color:#396b87;color:#d7effa}body.dark-mode .join-panel .ip-line button:hover,body.dark-mode .join-panel .ip-line button.copied{background:#1885b6;border-color:#1885b6}
body, .site-header, .mobile-nav, .world-section, .world-card, .world-card footer, .note, .rules-section, .rules-grid article, .join, .faq-section, footer, .faq-list, .faq-list details, .meta{transition:background-color .35s ease,color .35s ease,border-color .35s ease}

@media(max-width:767px){.header-actions{gap:8px}.theme-toggle{width:42px;height:42px}.desktop-join{display:none}}