*{box-sizing:border-box} :root{--cream:#f7f1dc;--paper:#fbf7e9;--ink:#183e2c;--green:#35824c;--lime:#b4df79;--line:#abb79a;--sky:#b9dfeb}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Arial,sans-serif}h1,h2,h3,.brand,.eyebrow{font-family:Pixel,'Courier New',monospace}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.25;letter-spacing:-1px}h2{font-size:18px;line-height:1.5}h3{font-size:13px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit;color:inherit}button,.button{border:1px solid var(--ink);background:var(--paper);padding:10px 15px;cursor:pointer;box-shadow:2px 3px 0 var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:40px;font-weight:700;text-decoration:none!important}button:hover,.button:hover{background:#e4edcd;transform:translateY(-1px)}button:active,.button:active{transform:translate(1px,2px);box-shadow:1px 1px 0 var(--ink)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.primary,.button.primary{background:var(--green);color:white}.active,button.active{background:var(--lime)}:focus-visible{outline:3px solid #ca8338;outline-offset:4px}[hidden]{display:none!important}img,canvas{image-rendering:pixelated}input,textarea{background:#fffdf4;border:1px solid var(--line);padding:12px;width:100%;border-radius:0}label{display:block;font-weight:700}label input,label textarea{margin-top:6px}.skip{position:absolute;left:10px;top:-60px;background:var(--cream);z-index:100;padding:10px}.skip:focus{top:10px}#header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 3.3%;background:var(--sky);position:relative;z-index:5}.brand{display:flex;flex-direction:column;flex-shrink:0}.brand img{width:188px;height:35px;object-fit:contain;object-position:left}.brand span{font:12px Arial,sans-serif;margin:4px 0 0 40px;letter-spacing:.3px}#nav{display:flex;border:1px solid var(--ink);background:var(--cream);box-shadow:2px 2px 0 var(--ink)}#nav a{font-size:12px;font-weight:700;padding:12px 15px;border-right:1px solid transparent}#nav a[aria-current]{background:var(--lime);outline:1px solid var(--ink)}.walletArea{display:flex;gap:15px;align-items:center;position:relative;flex-wrap:wrap}.network{font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.network i{width:8px;height:8px;background:var(--green);box-shadow:2px 2px 0 #245437}#wallet{font-size:12px;white-space:nowrap}.walletMenu{position:absolute;top:50px;right:0;min-width:175px;background:var(--cream);border:1px solid var(--ink);box-shadow:4px 4px var(--ink);padding:12px}.walletMenu a{display:block;padding:8px}.walletMenu button{width:100%}#mobileMenu{display:none}.hero{height:430px;position:relative;overflow:hidden;border-bottom:4px solid #3c6344;background:var(--sky)}.hero picture,.hero picture img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center bottom}.heroCopy{position:relative;margin-left:5%;padding-top:26px;max-width:470px}.eyebrow{font-size:10px;letter-spacing:1.4px;display:block;margin-bottom:17px}.hero h1{font-size:43px;line-height:1.22;letter-spacing:-1px;margin-bottom:15px;color:#123a32;text-shadow:2px 2px #eff4df}.heroCopy p{font-size:15px;max-width:410px;line-height:1.55;margin-bottom:20px}.actions{display:flex;gap:15px}.actions .button{padding:13px 19px;font-size:12px;text-transform:uppercase}.homeContent{padding:18px 3.3% 28px;max-width:1800px;margin:auto}.stats{display:flex;align-items:center;border:1px solid var(--line);padding:17px 25px;gap:25px;background:#f9f4e2;margin-bottom:14px}.stats>div{display:flex;gap:17px;align-items:center;flex:1}.statIcon{font-size:33px;color:var(--green);line-height:1}.stats strong{display:block;font:700 20px 'Courier New',monospace}.stats span:not(.statIcon){font-size:12px}.stats p{font-size:11px;border-left:1px solid var(--line);padding-left:25px;margin:0;max-width:150px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.steps article{border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;padding:15px 10px;gap:10px}.steps img{width:46px;height:46px;object-fit:contain}.steps h3{font-size:10px;text-transform:uppercase;line-height:1.6;margin-bottom:6px}.steps p{font-size:12px;line-height:1.45;margin:0}.homePanels{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.panel{border:1px solid var(--line);padding:22px;background:var(--paper);box-shadow:3px 3px 0 #d7dec5;min-width:0}.homePanels .panel{padding:15px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panelHead h2{font-size:13px;margin:0;text-transform:uppercase}.panelHead a{font-size:10px;text-decoration:underline;text-transform:uppercase;color:var(--green);font-weight:700}.panelHead>span{font-size:12px}.caption{font-size:11px;color:#60705a;margin:12px 0 0}.empty{min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#728166;padding:25px}.emptyMark{font-size:34px;color:#a3b192}.empty p{font-size:13px;margin:12px 0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs button{padding:6px 11px;font-size:11px;box-shadow:none;min-height:32px;border-color:var(--line)}.world{position:relative;overflow:hidden;border:1px solid #73955f;background:#a8ca87}.map{display:block;width:100%;height:520px;touch-action:none;cursor:grab}.map:active{cursor:grabbing}#preview .map{height:225px}.mapButtons{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.mapButtons button{padding:5px 9px;min-height:31px;font-size:12px;box-shadow:2px 2px #375238}.minimap{position:absolute;right:12px;bottom:40px;width:120px;height:120px;border:2px solid var(--cream);box-shadow:2px 2px #375238;cursor:crosshair}.mapLocation{position:absolute;left:12px;bottom:12px;background:var(--cream);padding:6px 10px;font-size:11px}.pageWrap{max-width:1320px;margin:0 auto;padding:44px 4% 60px;min-height:60vh}.pageHead{margin-bottom:30px}.pageHead .eyebrow{color:var(--green);font-size:9px}.pageHead h1{margin-bottom:14px;font-size:29px}.pageHead p{color:#60705a}.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar input{max-width:500px}.canvasLayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}#tilePanel{position:relative;overflow-wrap:anywhere}#tilePanel .eyebrow{font-size:8px;margin-top:20px}#tilePanel h2{margin-top:20px}#tilePanel .button{font-size:13px;width:100%;gap:0}.close{float:right;box-shadow:none;min-height:28px;padding:0 8px;font-size:23px;border:0;background:transparent}#tilePanel .close{position:absolute;right:10px;top:8px}.statusPill{display:inline-block;background:#e0ebcc;padding:4px 10px;font-size:12px;margin:5px 0 14px}.tileArt{width:128px;height:128px;margin:15px 0;display:block}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}dt{text-transform:capitalize;font-weight:bold}dd{margin:0;overflow-wrap:anywhere;text-align:right}.editorLayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:25px}.tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.tools button{font-size:11px;padding:6px 10px;min-height:30px;box-shadow:1px 2px var(--ink)}.editorStage{background:#e4e7d7;padding:20px;position:relative;display:flex;justify-content:center}.editorStage canvas{width:min(100%,420px);aspect-ratio:1;touch-action:none;background:#fffdf3;cursor:crosshair;box-shadow:0 0 0 1px #a7b597}.editorStage.showGrid canvas{outline:3px dotted #668652}.editorStage.showGrid:after{content:'';position:absolute;pointer-events:none;width:calc(100% - 40px);max-width:420px;aspect-ratio:1;background-image:url('/assets/grid.svg');background-size:100% 100%;opacity:.3}.paletteRow{display:flex;gap:12px;align-items:center;margin-top:20px}#palette{display:flex;gap:5px;flex-wrap:wrap}#palette button{width:24px;height:24px;min-height:24px;padding:0;box-shadow:1px 1px #183e2c}#color{width:46px;height:35px;padding:2px}#saveState{font-size:12px;margin:18px 0 0;color:#66745f}.editorDetails h2{margin-bottom:25px}.editorDetails label{font-size:12px;margin:19px 0 8px}.editorDetails>a{font-size:12px;text-decoration:underline}.editorDetails p{font-size:12px;color:#60705a}.editorDetails #publish{width:100%;margin-top:12px}.upload input{font-size:11px}.artPreview{width:256px;height:256px;max-width:100%;background:var(--cream)}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.metricGrid h2{font-size:14px}.metric{font:700 20px 'Courier New',monospace}.metricGrid p{font-size:12px;margin:10px 0 0}.twoColumns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.mission{display:flex;gap:12px;align-items:center;font-size:13px;border-top:1px solid #dce0ca;padding:15px 0}.mission>span:last-child{margin-left:auto;font-size:11px;white-space:nowrap;color:#738368}.checkBox{display:block;min-width:14px;height:14px;border:1px solid #a9b49a}.themePanel{display:flex;gap:30px;align-items:center;padding:40px}.themePanel>img{width:110px;height:110px;object-fit:contain}.themePanel p{margin-bottom:0}.coming{text-align:center;padding-top:70px;padding-bottom:100px;max-width:800px}.coming>img{width:100px;height:100px;object-fit:contain;margin-bottom:30px}.prose{max-width:880px}.prose .panel{padding:35px}.prose h2{font-size:16px;margin-top:28px}.prose h2:first-child{margin-top:0}.prose p{line-height:1.8}.dataRow{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #dce0ca;font-size:13px}.dataRow time{font-size:11px;color:#728166}.address{overflow-wrap:anywhere}.avatar{width:64px;height:64px;display:grid;place-items:center;background:var(--lime);font-size:28px;border:2px solid var(--ink)}#searchResults{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}footer{background:#183e2c;color:#e4ecd7;padding:36px 5% 20px;border-top:5px solid #7a9b55}.footerTop{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1fr;gap:30px}.footerTop .brand img{filter:brightness(0) invert(1)}.footerTop h3{font:700 12px Arial,sans-serif;margin-bottom:12px}.footerTop a:not(.brand){display:block;font-size:12px;margin-bottom:5px;color:#c6d6bf}.footerTop p{font-size:11px;line-height:1.7;color:#a7bfa1}.footerBottom{display:flex;justify-content:space-between;font-size:10px;color:#a7bfa1;margin-top:35px;padding-top:17px;border-top:1px solid #45633e}dialog{background:var(--cream);color:var(--ink);border:2px solid var(--ink);padding:30px;box-shadow:7px 7px #183e2c;max-width:min(450px,90vw)}dialog::backdrop{background:#183e2c88}dialog h2{margin-top:15px}dialog p{margin-bottom:0}dialog p button{margin:10px}
@media(min-width:1600px){.hero{height:500px}.heroCopy{padding-top:50px}.hero h1{font-size:50px}}
@media(max-width:1200px){#header{gap:16px;padding:15px 3%}.brand img{width:155px}.brand span{font-size:10px;margin-left:33px}#nav a{padding:10px 9px;font-size:10px}.walletArea{gap:10px}.network{font-size:9px}.heroCopy{max-width:420px}.hero h1{font-size:38px}.heroCopy p{max-width:340px}.steps{gap:7px}.steps article{flex-direction:column;align-items:flex-start}.steps img{width:36px;height:36px}.homePanels{grid-template-columns:1.3fr 1fr 1fr}.panelHead{flex-wrap:wrap}.stats{gap:15px}.stats strong{font-size:16px}}
@media(max-width:950px){#header{flex-wrap:wrap}.brand{margin-right:auto}#mobileMenu{display:block;font-size:12px;order:2}.walletArea{order:1}#nav{display:none;order:3;width:100%;flex-wrap:wrap}#nav.open{display:flex}#nav a{flex:1;text-align:center;padding:12px}.hero{height:440px}.hero picture img{object-position:58% bottom;opacity:.8}.heroCopy{padding:26px 0;max-width:400px}.heroCopy p{background:#e9f2dfd9;padding:8px}.homePanels{grid-template-columns:1fr 1fr}.homePanels .live{grid-column:1/-1}.stats{flex-wrap:wrap}.stats p{max-width:none;border:0;padding:0}.steps h3{font-size:9px}.canvasLayout{grid-template-columns:minmax(0,1fr) 245px}.editorLayout{grid-template-columns:1fr 1fr}.footerTop{grid-template-columns:repeat(4,1fr)}.footerTop>.brand{grid-column:1/-1}.pageHead h1{font-size:25px}}
@media(max-width:640px){#header{padding:13px 5%;gap:14px}.brand img{width:145px;height:29px}.brand span{font-size:9px}#wallet{padding:7px 10px;min-height:34px;font-size:11px}.network{display:none}#mobileMenu{padding:6px 10px;min-height:32px;font-size:10px}#nav a{flex-basis:28%;font-size:12px}.hero{height:565px}.hero picture img{object-position:65% bottom;object-fit:cover;height:65%;top:auto;opacity:1}.heroCopy{margin:0 6%;padding-top:24px;max-width:100%}.hero .eyebrow{font-size:8px}.hero h1{font-size:32px;line-height:1.2}.heroCopy p{max-width:340px;padding:0;background:transparent;font-size:13px}.actions{gap:12px}.actions .button{font-size:10px;gap:12px;padding:10px 12px}.homeContent{padding:16px 5% 25px}.stats{padding:15px;gap:17px}.stats>div{flex-basis:40%;gap:12px}.stats p{width:100%;font-size:10px}.stats strong{font-size:17px}.steps{grid-template-columns:1fr}.steps article{flex-direction:row;gap:15px;padding:12px 16px}.steps h3{font-size:10px;margin-bottom:3px}.steps img{width:40px;height:40px}.homePanels{grid-template-columns:1fr}.homePanels .live{grid-column:auto}.empty{min-height:150px}.pageWrap{padding:30px 5% 40px}.pageHead h1{font-size:23px;line-height:1.4}.pageHead p{font-size:13px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex-basis:100%}.toolbar button{flex:1;font-size:12px}.canvasLayout{display:block}.map{height:65vh}.minimap{width:88px;height:88px}#tilePanel{display:none}#tilePanel.selected{display:block;position:fixed;bottom:0;left:0;width:100%;max-height:55vh;overflow-y:auto;z-index:10;border-top:3px solid var(--ink);box-shadow:0 -4px #61765444;padding:20px}.editorLayout,.twoColumns,.metricGrid{grid-template-columns:1fr}.editorStage{padding:12px}.editorStage.showGrid:after{width:calc(100% - 24px)}.panel{padding:18px}.themePanel{padding:24px;gap:18px;align-items:flex-start}.themePanel>img{width:55px;height:55px}.themePanel h2{font-size:14px}.mission{font-size:12px}.mission>span:last-child{font-size:9px}.footerTop{grid-template-columns:1fr 1fr;gap:25px}.footerBottom{gap:15px;font-size:9px}.prose .panel{padding:22px}.dataRow{font-size:12px}.coming{padding-top:50px}.coming .pageHead h1{font-size:23px}}

/* Keep hero copy on open sky at every viewport size. */
.hero{height:450px;background:#b9dfeb}
.hero picture{left:46%;width:54%;height:100%;overflow:hidden}
.hero picture img{inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom;opacity:1}
.heroCopy{margin-left:5%;padding-top:50px;width:40%;max-width:none}
.hero h1{font-size:clamp(28px,3.1vw,48px);line-height:1.15;letter-spacing:-1.5px;text-shadow:none}
.hero h1 span{display:block;white-space:nowrap}
.heroCopy p{max-width:390px;background:none;padding:0;margin-top:24px}
.hero .actions{gap:12px;flex-wrap:wrap}
.hero .actions .button{padding:12px 14px;font-size:11px;gap:10px}
.minimap{width:160px;height:160px}
.claimReward{margin-top:16px;margin-bottom:20px}
@media(max-width:640px){
 .hero{height:620px}
 .heroCopy{margin:0 6%;padding-top:28px;width:88%}
 .hero h1{font-size:clamp(25px,7.1vw,40px);letter-spacing:-1px}
 .heroCopy p{margin-top:18px;margin-bottom:18px}
 .hero picture{left:0;top:auto;bottom:0;width:100%;height:300px}
 .hero picture img{height:100%;top:0;object-position:right bottom}
 .map,#preview .map{height:70vh}
 .minimap{width:140px;height:140px}
}