@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{font-family:'DM Sans',sans-serif;background:#11161b;color:#f7f6ec}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 2%,#25423b 0,transparent 42%),#11161b}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #dffc8d;outline-offset:3px}header{max-width:1250px;margin:auto;padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:7px;text-decoration:none;color:#f6f9e6;font-family:'Space Grotesk';font-size:22px}.logo:first-letter{color:#e2fa87}.logo span{margin-left:8px;padding:5px 7px;border:1px solid #6e9772;border-radius:4px;letter-spacing:.16em;font:800 9px 'DM Sans';color:#cce7ab}.status,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#cce895}main{max-width:1250px;margin:auto;padding:23px 30px 50px}.hero{padding:35px 0 50px}.hero h1{font:700 clamp(53px,7vw,92px)/.97 'Space Grotesk';letter-spacing:-.073em;max-width:770px;margin:16px 0}.hero h1 em{color:#dafa8e;font-style:normal}.hero p{font-size:17px;line-height:1.5;color:#c8d0c9;max-width:630px}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:26px}.primary{background:#dffa8e;border:0;border-radius:12px;color:#1b2b22;padding:15px 21px;font-weight:800}.primary:hover{background:#f3ffbc}.primary:disabled{opacity:.5;cursor:wait}#claim-note{font-size:12px;color:#9daaa2}.board{border:1px solid #ffffff20;background:#1d282a;border-radius:24px;padding:28px}.board-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.board h2{font:700 clamp(23px,3vw,37px) 'Space Grotesk';letter-spacing:-.05em;margin:5px 0 0}.view-count{color:#dffa8e;font-size:11px;font-weight:700}.board-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.75fr);gap:20px}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,minmax(87px,1fr));gap:6px}.plot{position:relative;border:1px solid #82968a60;border-radius:11px;background:#273434;color:#fff;min-height:86px;overflow:hidden;text-align:left;padding:9px;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;justify-content:space-between}.plot:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.plot.selected{border-color:#e0fa8d;box-shadow:inset 0 0 0 1px #e0fa8d}.plot.occupied{background:radial-gradient(circle at 70% 30%,var(--tint,#617486),#263236 80%)}.plot.mine{border-color:#e0fa8d}.plot .sigil{font-size:28px;line-height:1}.plot small{font-size:10px;font-weight:800;line-height:1.15;text-shadow:0 1px 3px #000}.plot .code{position:absolute;top:7px;right:8px;font-size:9px;color:#eee9}.plot.free{background:repeating-linear-gradient(45deg,#25322f,#25322f 9px,#283a34 9px,#283a34 18px);color:#bac7be}.plot.free .sigil{font-size:18px;color:#dffa8e}.map-caption{font-size:11px;line-height:1.4;color:#99a9a0;margin:12px 0 0}aside{min-height:390px;background:#121b1f;border:1px solid #ffffff22;border-radius:17px;padding:22px;overflow:hidden}aside .empty{display:grid;place-content:center;height:100%;text-align:center;color:#bdcbc0}aside .empty span{font-size:56px;color:#dffa8e}aside h3{font:700 30px/1.04 'Space Grotesk';letter-spacing:-.05em;margin:8px 0}aside p{color:#b9c8be;font-size:13px;line-height:1.45}.art{height:150px;border-radius:12px;display:grid;place-items:center;font-size:87px;background:radial-gradient(circle,var(--tint,#465a50),#263838)}.tag{display:inline-block;color:#dffa8e;font-size:10px;letter-spacing:.14em;font-weight:800;margin-top:17px;text-transform:uppercase}.detail-meta{display:flex;justify-content:space-between;color:#a9b8ac;font-size:11px;margin:10px 0}.detail-actions{display:flex;gap:8px;margin:16px 0}.detail-actions button,.choices button{border:1px solid #82968a69;background:#2a403c;color:#f2f8df;border-radius:9px;padding:10px;font-size:12px;font-weight:700}.detail-actions button:hover,.choices button:hover{border-color:#dffa8e}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.choices button{text-align:left;min-height:65px}.choices small{display:block;color:#a8b6ab;font-weight:400;margin-top:4px}.detail-foot{border-top:1px solid #ffffff26;padding-top:14px;margin-top:17px}.warn{color:#e5af9b!important}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:28px 0}.how>div{background:#1b2726;border:1px solid #ffffff1c;border-radius:15px;padding:19px}.how span{display:block;color:#c7ee97;font-size:10px;font-weight:800;margin-bottom:10px}.how strong{font:700 21px 'Space Grotesk'}.how p{color:#aab9af;font-size:12px;line-height:1.45}footer{border-top:1px solid #ffffff2a;padding:18px 0;color:#98a79d;font-size:11px;line-height:1.5}@media(max-width:800px){header{padding:14px 17px}.status{font-size:8px}main{padding:5px 17px 30px}.hero{padding:29px 0}.hero h1{font-size:clamp(48px,10.6vw,72px)}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap;gap:8px}.board{padding:14px;border-radius:17px}.board-head{align-items:start}.board h2{font-size:23px}.view-count{font-size:9px;white-space:nowrap;margin-top:6px}.board-layout{grid-template-columns:1fr}.grid{grid-template-rows:repeat(5,minmax(60px,1fr));gap:4px}.plot{min-height:61px;border-radius:7px;padding:5px}.plot .sigil{font-size:21px}.plot small{font-size:7px}.plot .code{font-size:7px;right:4px;top:4px}aside{min-height:260px;padding:16px}.art{height:135px}.how{grid-template-columns:1fr;gap:7px}.how>div{padding:12px}.how p{margin:4px 0}.hero h1{margin:11px 0}.hero-actions{margin-top:18px}}@media(max-width:370px){.logo span{display:none}.board h2{font-size:21px}.grid{grid-template-rows:repeat(5,minmax(54px,1fr))}.plot{min-height:54px}}

.districts{display:flex;gap:7px;overflow:auto;padding:0 0 13px;scrollbar-width:thin}.district-tab{white-space:nowrap;padding:8px 11px;background:#263a34;border:1px solid #6d8774;color:#d1dfcc;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.05em}.district-tab.current{background:#e0fa90;color:#233326;border-color:#e0fa90}.district-tab:hover{border-color:#e0fa90}

/* One geometric shape carries the claim-to-build-to-share flow. */
.morph{position:fixed;z-index:20;pointer-events:none;opacity:0;left:0;top:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#dffa8e;color:#193026;border-radius:12px;box-shadow:0 17px 45px #0008;transform-origin:center;transition:left .52s cubic-bezier(.2,.8,.2,1),top .52s cubic-bezier(.2,.8,.2,1),width .52s cubic-bezier(.2,.8,.2,1),height .52s cubic-bezier(.2,.8,.2,1),border-radius .52s ease,opacity .2s ease}.morph.active{opacity:1}.morph-shape{width:27px;height:27px;display:grid;place-items:center;transition:transform .5s ease}.morph-shape svg{width:100%;height:100%}.morph.busy .morph-shape{animation:orbit 1.4s linear infinite}.morph.arrive .morph-shape{transform:rotate(120deg) scale(1.25)}.morph #morph-label{font-weight:800;font-size:12px;white-space:nowrap}.journey{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #cbe88580;border-radius:13px;background:linear-gradient(110deg,#254438,#1c322e);margin-bottom:18px;min-height:56px}.journey[hidden]{display:none}.journey-icon{background:#dffa8e;color:#193026;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:22px;transition:transform .4s}.journey[data-phase="working"] .journey-icon{animation:orbit 1.7s linear infinite}.journey[data-phase="ready"] .journey-icon{transform:rotate(90deg)}.journey strong{font-size:13px;white-space:nowrap}.journey>span:last-of-type{font-size:11px;color:#bed1c0;flex:1}.journey button{border:1px solid #cbe8859c;background:#dffa8e;color:#183126;border-radius:8px;font-weight:800;font-size:11px;padding:8px 11px}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:800px){.journey{display:grid;grid-template-columns:34px 1fr auto;gap:7px}.journey strong{grid-column:2}.journey>span:last-of-type{grid-column:2/4}.journey button{grid-column:3;grid-row:1}.morph #morph-label{font-size:10px}}@media(prefers-reduced-motion:reduce){.morph{transition:none!important}.morph-shape,.journey-icon{animation:none!important;transition:none!important}}

.build-art{margin:14px 0;border:1px solid #9eb5b9;border-radius:12px;overflow:hidden}.build-art svg{display:block;width:100%;height:auto}

footer .directory-links{margin-top:12px}footer a{color:#cde1bc;text-underline-offset:3px}footer .directory-links a{display:inline-block;margin:2px 3px}footer .fazier-logo{display:inline-block;margin-top:9px;padding:5px 7px;border:1px solid #ffffff30;border-radius:6px;background:#fff;vertical-align:middle}footer .fazier-logo img{display:block;width:108px;height:30px;object-fit:contain}
/* The district behaves like a gallery of real server-returned plot scenes, not empty placeholders. */
.plot.occupied{isolation:isolate}.plot-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.84;filter:saturate(1.22)}.plot.occupied:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111a20d9);z-index:-1}.plot.occupied .sigil{font-size:18px;text-shadow:0 1px 10px #10181e}.plot.occupied small{font-size:10px;line-height:1.08;letter-spacing:-.02em;text-shadow:0 2px 6px #000,0 1px 3px #000}.artifact-stage{position:relative;overflow:hidden;border:1px solid #bddc9b60;box-shadow:0 12px 35px #080f1766}.artifact-stage img{display:block;width:100%;height:100%;object-fit:cover}.artifact-stage .art-brief{position:absolute;bottom:9px;left:9px;padding:5px 7px;background:#102225df;border:1px solid #c6e5a65e;border-radius:5px;color:#e7f8bc;font-size:9px;font-weight:800;letter-spacing:.06em}.pulse{display:flex;gap:9px;align-items:center;margin:0 0 17px;border:1px solid #bbd59c55;border-radius:12px;background:#21392f;padding:11px 13px}.pulse[hidden]{display:none}.pulse span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#dffa8e}.pulse strong{font-size:12px;color:#f5f9e8}.pulse small{font-size:11px;color:#aabfaf;flex:1;text-align:right}@media(max-width:800px){.plot.occupied small{font-size:7px}.plot.occupied .sigil{font-size:15px}.pulse{display:grid;grid-template-columns:1fr auto;gap:3px}.pulse span{grid-column:1/3}.pulse small{font-size:9px;text-align:left;grid-column:1/3}}
.feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:244px;border:1px solid #b6d6a166;border-radius:21px;overflow:hidden;margin:0 0 21px;background:#1d3031}.feature[hidden]{display:none}.feature-image{min-height:244px}.feature-image img{display:block;width:100%;height:100%;object-fit:cover}.feature-body{padding:22px 27px;display:flex;flex-direction:column;justify-content:center}.feature h2{font:700 33px/1.04 'Space Grotesk';letter-spacing:-.05em;margin:8px 0}.feature p{color:#bfcebf;font-size:13px;line-height:1.42}.feature button{align-self:flex-start;background:#dffa8e;border:0;border-radius:8px;color:#193026;padding:9px 12px;font-weight:800;font-size:12px;margin-top:16px}.artifact-stage .art-brief{display:none}@media(max-width:800px){.feature{grid-template-columns:1fr;min-height:0}.feature-image{height:168px;min-height:0}.feature-body{padding:16px}.feature h2{font-size:26px}.feature p{font-size:11px;margin:4px 0}.feature button{margin-top:10px}}

.invite-landing{padding:22px;margin:18px 0;background:#24392f;border:1px solid #dffa8e;border-radius:15px}.invite-landing h2{font:700 30px 'Space Grotesk';margin:9px 0}.invite-landing p{color:#e7efe0}.invite-landing button,.share-prompt button{border:1px solid #dffa8e;background:#dffa8e;color:#1b2b22;border-radius:8px;padding:10px;font-weight:700;margin:5px;cursor:pointer}.share-prompt{padding:12px;border:1px solid #779481;border-radius:8px}.share-prompt[hidden],.invite-landing[hidden]{display:none}.share-prompt textarea{display:block;width:100%;margin:10px 0;padding:10px;background:#f6f8ed;color:#142326;border-radius:7px;font:14px system-ui}.share-prompt label{display:block;color:#dffa8e;font-weight:700}.share-prompt p{font-size:11px}
.feature #tour-start{background:transparent;border:1px solid #dffa8e;color:#e2f9bd;margin-left:8px}.tour{position:fixed;inset:0;z-index:30;background:#080e12dd;display:grid;place-items:center;padding:16px;backdrop-filter:blur(9px)}.tour[hidden]{display:none}.tour-card{position:relative;width:min(900px,100%);max-height:min(92vh,850px);overflow:auto;border:1px solid #c6e3aa7a;border-radius:20px;background:#172627;box-shadow:0 24px 80px #0009}.tour-card #tour-close{position:absolute;top:12px;right:12px;z-index:2;width:39px;height:39px;border:1px solid #fff7;border-radius:50%;background:#0e1b1ee9;color:white;font-size:28px;line-height:1}.tour-visual{height:350px;overflow:hidden;background:#263a39}.tour-visual img{display:block;width:100%;height:100%;object-fit:cover}.tour-text{padding:22px 28px}.tour-text h2{font:700 38px/1 'Space Grotesk';letter-spacing:-.05em;margin:10px 0}.tour-text p{color:#c7d4c9;font-size:13px}.tour-text button,.tour-card nav button{border:1px solid #c6e3aa77;background:#29423a;color:#e9f4d7;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800;margin:7px 6px 0 0}.tour-text #tour-visit{background:#dffa8e;color:#193026}.tour-card nav{padding:15px 28px;border-top:1px solid #fff3;display:flex;justify-content:space-between;align-items:center}.tour-card nav span{font-size:12px;color:#dffa8e}.tour-card nav button:disabled{opacity:.35}.tour-card #tour-message{overflow-wrap:anywhere;min-height:1em;margin:9px 0 0}@media(max-width:800px){.tour-visual{height:235px}.tour-text{padding:17px}.tour-text h2{font-size:27px}.tour-card nav{padding:12px 16px}.tour-card nav button{font-size:10px}.feature #tour-start{margin-left:0}}
/* Clear first-visit story ahead of deeper gallery/navigation. */
.hero{padding:19px 0 23px}.hero h1{max-width:950px;margin:13px 0 11px}.hero p{max-width:750px}.hero .steps{display:flex;gap:9px;margin-top:16px}.steps>div{display:flex;align-items:center;gap:7px;border:1px solid #b8d7a357;background:#243932;padding:9px 12px;border-radius:9px;color:#f1f6e5;font-size:12px}.steps span{font-size:18px;color:#dffa8e}.hero .simulation-note{font-size:11px;color:#a9b7ac;margin-top:13px}.more{border-top:1px solid #ffffff30;padding:15px 0}.more summary{cursor:pointer;color:#dffa8e;font-weight:700;font-size:12px}.more .how{padding-top:13px}@media(max-width:800px){.hero{padding:16px 0 24px}.hero h1{font-size:clamp(46px,11vw,62px)}.hero p{font-size:13px;line-height:1.38}.hero .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px}.steps>div{padding:6px 5px;display:block;text-align:center;font-size:10px;line-height:1.15;min-height:55px}.steps span{display:block;margin-bottom:2px}.hero .simulation-note{font-size:10px;margin:10px 0 0}.hero-actions{margin-top:13px}.hero-actions .primary{width:100%;font-size:15px}.hero-actions #claim-note{font-size:10px}}

.network-proof{font-size:14px;font-weight:700;color:#dfff9c;margin:12px 0}.resident{margin-top:12px;border:1px solid #a5c86b80;padding:12px;border-radius:10px;background:#1b2b2b}.resident strong,.resident small{display:block}.resident small{color:#c8d3c6}.resident em{font-style:normal;color:#dfff9c}

.claim-confirm{max-width:540px;background:#182828;border:1px solid #dfff9c;border-radius:12px;padding:16px;margin:16px 0}.claim-confirm strong,.claim-confirm label{display:block}.claim-confirm select{width:100%;padding:12px;border-radius:8px;background:#101c1c;color:white;border:1px solid #80ad8b;margin:6px 0 12px}.claim-confirm button{margin:6px 8px 2px 0;padding:10px;border-radius:8px;cursor:pointer}

.claim-preview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.claim-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;border:1px solid #bfdc9e6b}.claim-preview>div{min-width:0}@media(max-width:650px){.claim-preview{grid-template-columns:1fr}}.daily-choices{display:grid;gap:8px;margin-top:12px}.daily-choices button,#daily-report{border:1px solid #dffa8e;background:#29433b;color:#f4ffe2;padding:10px 12px;border-radius:9px;text-align:left;cursor:pointer}.daily-choices button:hover,#daily-report:hover{background:#36584a}

.hero-art{position:relative;overflow:hidden;border-radius:18px;height:clamp(180px,30vw,330px);border:1px solid #ffffff33}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art span{position:absolute;top:12px;left:12px;background:#102222e8;color:#e6ffa7;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.07em}.hero>.eyebrow{margin-top:22px}.hero .truth-line{font-size:12px;color:#b7c6ba;max-width:650px}.network-detail{max-width:650px;margin-top:12px;color:#c8d0c9;font-size:12px}.network-detail summary{cursor:pointer;color:#dffa8e}.network-detail p{font-size:12px}.mobile-gallery-head,.mobile-gallery{display:none}@media(max-width:800px){main{padding:10px 16px 32px}.hero-art{height:190px}.hero h1{font-size:clamp(40px,10vw,58px)}.hero>.eyebrow{margin-top:15px}.board{padding:16px}.mobile-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-gallery-head h3{font:700 21px 'Space Grotesk';margin:6px 0 12px}.mobile-gallery-head button{border:1px solid #dffa8e;background:transparent;color:#dffa8e;padding:8px;border-radius:8px}.mobile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.mobile-gallery button{background:#263434;border:1px solid #ffffff35;color:#f5f8eb;border-radius:10px;padding:0 0 10px;text-align:left;overflow:hidden;min-width:0}.mobile-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.mobile-gallery small,.mobile-gallery strong,.mobile-gallery span{display:block;margin:5px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-gallery small{font-size:9px;color:#dffa8e}.mobile-gallery strong{font-size:13px}.mobile-gallery span{font-size:10px;color:#c9d3c7}.board-layout{display:none}.board.map-open .board-layout{display:grid}.board.map-open .mobile-gallery{display:none}}

.choices button img{display:block;width:100%;max-height:110px;object-fit:cover;border-radius:7px;margin-bottom:8px}.choices button b{display:block}.choices button small{display:block;color:#bdd2bd}

.open-challenge{border:1px solid #dffa8e80;border-radius:18px;padding:20px;margin:22px 0;background:#1c2c2a;display:grid;grid-template-columns:1fr 1fr;gap:20px}.open-challenge h2{font:700 clamp(24px,3vw,40px) 'Space Grotesk';margin:6px 0}.open-challenge p{color:#cbd6c9}.open-challenge small{color:#dffa8e}.open-challenge label{display:block;font-size:12px;margin:5px 0}.open-challenge select{display:block;width:100%;padding:12px;border-radius:9px;background:#0e1c1a;color:#fff;border:1px solid #90ac85}.open-challenge button{border:0;border-radius:8px;background:#dffa8e;color:#14251d;padding:12px;margin:12px 9px 0 0;font-weight:700}.open-challenge a{color:#dffa8e}.open-challenge #challenge-message{overflow-wrap:anywhere}@media(max-width:650px){.open-challenge{grid-template-columns:1fr;padding:16px}}