@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#e7ece5;background:#111512;font-synthesis:none;font-weight:400;--accent:#c3f86b;--muted:#88938a;--border:#2b332c;--panel:#181e19;--mono:"DM Mono",ui-monospace,SFMono-Regular,monospace}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:inherit;text-decoration:none}button,a{transition:background .16s,color .16s,border-color .16s}button:not(:disabled):hover{filter:brightness(1.12)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.accent{color:var(--accent)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #c3f82525}.site-header{height:82px;border-bottom:1px solid var(--border);background:#141915}.header-inner{max-width:1320px;padding:0 40px;margin:auto;height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:31px;font-weight:700;letter-spacing:-2px}.brand-period{color:var(--accent)}.brand-symbol{position:relative;width:25px;height:28px}.brand-symbol i{position:absolute;background:var(--accent);width:8px;height:8px;top:0;left:0}.brand-symbol i:nth-child(2){left:9px}.brand-symbol i:nth-child(3){top:9px}.brand-symbol i:nth-child(4){left:9px;top:9px}.brand-symbol i:nth-child(5){top:18px}.header-separator{height:22px;width:1px;background:#394037}.brand-description{color:#a9b3aa;font-size:13px;letter-spacing:2px}.header-inner nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav-link{border:0;background:none;display:flex;align-items:center;gap:7px;color:#abb4ab;font-size:12px;padding:8px 0}.network-badge{border:1px solid #303a2c;background:#1c241a;border-radius:30px;padding:8px 11px;font-family:var(--mono);font-size:10px;display:flex;align-items:center;gap:7px;color:#bfcca9}.wallet-button{background:#c3f86b;color:#17200e;border:0;border-radius:5px;display:flex;gap:9px;align-items:center;padding:11px 16px;font-size:12px;font-weight:600}.wallet-button svg:last-child{margin-left:5px}main{max-width:1320px;padding:0 40px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a2b091;font-family:var(--mono);display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--accent)}h1{font-size:clamp(25px,2.6vw,36px);line-height:1.45;margin:12px 0 10px;font-weight:600;letter-spacing:1px}h1>span{color:var(--accent)}h1 .title-dot{color:#e7ece5}.intro p{color:#929d93;font-size:13px;letter-spacing:.35px;margin:0}.intro-stamp{display:flex;align-items:center;gap:12px;color:#8e9b8b;font-size:12px;padding-top:17px}.intro-stamp svg{color:var(--accent)}.intro-stamp span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.9px;margin-top:7px;color:#64705f}.mode-banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #33402b;background:#1b2318;padding:11px 14px;border-radius:5px;font-size:11px;color:#a8b89a;gap:12px}.mode-banner>span{display:flex;align-items:center;gap:10px}.mode-banner strong{font-weight:500;color:#d2e5ba}.mode-banner button{background:none;border:0;color:#bdcfab;font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.stats-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr;margin:23px 0 25px;border:1px solid var(--border);border-radius:6px;padding:21px 0;background:#151b16}.stats-strip>div{padding:0 28px;border-right:1px solid var(--border)}.stats-strip>div:last-child{border:0}.stat-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8e9c8f;margin-bottom:10px}.stat-label>svg{color:#687964}.stats-strip strong{font-size:25px;line-height:1;letter-spacing:-1px;font-weight:400}.stats-strip strong small{font-family:var(--mono);font-size:11px;color:#697768;letter-spacing:0}.occupancy-track{height:3px;background:#2f382a;max-width:205px;margin-top:12px;border-radius:3px;overflow:hidden}.occupancy-track i{display:block;height:100%;background:#9fca60}.tiny-square{width:5px;height:5px;background:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.canvas-panel{border:1px solid #333e32;background:#171e19;border-radius:7px;overflow:hidden}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;height:51px;border-bottom:1px solid #2e392e;padding:0 20px}.canvas-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500}.canvas-title .mono{font-size:10px;margin-left:6px;color:#6f7f70}.canvas-edition{font-size:9px;color:#6c7d6e;letter-spacing:1px}.canvas-stage{position:relative;padding:0 38px 26px;background-color:#121b15;background-image:radial-gradient(#3b4b3b55 .7px,transparent .7px);background-size:10px 10px}.ruler{display:flex;justify-content:space-between;height:28px;align-items:center;color:#657466;font-size:8px;font-family:var(--mono);padding:0 1px}.canvas-scroll{width:100%;overflow:auto;max-height:650px;scrollbar-width:thin;scrollbar-color:#60705a #19251d;border:1px solid #3d5140;aspect-ratio:1}.canvas-art{position:relative;aspect-ratio:1;min-width:100%;line-height:0;image-rendering:pixelated}.canvas-art canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}.pixel-selection{position:absolute;width:1.5625%;height:1.5625%;border:2px solid #fff;box-shadow:0 0 0 1px #18251b,0 0 12px #fff7;pointer-events:none}.pixel-selection:after{content:"";position:absolute;width:4px;height:4px;background:#fff;right:-3px;bottom:-3px}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#101a12bf;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.canvas-bottom{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-top:1px solid #2e392e}.coordinate{display:flex;align-items:center;gap:8px;font-size:10px;color:#acb9aa}.coordinate svg{color:#7d9575}.coordinate-divider{color:#52674e;margin:0 2px}.canvas-controls{display:flex;align-items:center;gap:6px}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:3px;color:#8e9e8d}.icon-button:hover,.icon-button.active{background:#2a3626;color:var(--accent)}.zoom{font-size:10px;color:#a4b3a1;min-width:34px;text-align:center}.control-divider{height:14px;width:1px;background:#34432e;margin:0 3px}.canvas-caption{display:flex;align-items:center;justify-content:space-between;margin:12px 0 25px;font-size:10px;color:#74816f}.canvas-caption>span{display:flex;align-items:center;gap:7px}.legend-pixel{width:7px;height:7px;border:1px solid #66745f}.view-toggle{border:0;background:none;font-size:10px;color:#9aa88f;display:flex;align-items:center;gap:6px}.view-toggle.active{color:var(--accent)}.sidebar{display:grid;gap:17px}.paint-panel{background:var(--panel);border:1px solid var(--border);border-radius:7px;overflow:hidden}.panel-heading{height:54px;display:flex;gap:9px;align-items:center;padding:0 20px;border-bottom:1px solid var(--border)}.panel-heading h2{font-size:13px;font-weight:500;letter-spacing:.5px}.tool-mark{color:var(--accent);display:flex}.color-picker{padding:22px 20px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#acb6aa;margin-bottom:15px}.section-label .mono{font-size:8px;color:#65735f;letter-spacing:.5px}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.swatch{height:26px;width:100%;border:0;border-radius:3px;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.swatch.selected{outline:1px solid #d4e6c2;outline-offset:3px}.custom-color{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #35402f;border-radius:4px;margin-top:17px;padding:9px 10px;height:36px;cursor:pointer}.custom-color>.mono{font-size:10px;color:#c0cbb7}.custom-label{margin-left:auto;color:#718367;font-size:9px}.custom-color>svg{color:#8b9c7d}.custom-color input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.current-color{width:14px;height:14px;border-radius:2px;flex-shrink:0}.pixel-details{border-top:1px solid var(--border);padding:22px 20px 12px}.selected-pixel{display:flex;align-items:center;gap:11px;margin:18px 0}.pixel-preview{width:42px;height:42px;background:repeating-conic-gradient(#303c2e,#303c2e 25%,#243020 0%,#243020 50%) 50% / 12px 12px;border:1px solid #4c5d41;border-radius:4px;display:grid;place-items:center;flex-shrink:0}.pixel-preview>span{width:23px;height:23px;background:var(--pixel-color);box-shadow:3px 3px #0004}.selected-pixel strong{font-size:16px;font-weight:400;color:#e0e7d8}.selected-pixel p{font-size:10px;margin:5px 0 0;color:#819075}.ownership-tag{font-size:9px;background:#2c3329;color:#a3ac96;border-radius:3px;padding:4px 6px;margin-left:auto;white-space:nowrap}.ownership-tag.mine{background:#304023;color:var(--accent)}.pixel-facts{margin:0;padding:0 0 17px;display:grid;gap:12px;font-size:10px;border-bottom:1px dashed #38422f}.pixel-facts>div{display:flex;align-items:center;justify-content:space-between}.pixel-facts dt{color:#829078}.pixel-facts dd{margin:0;color:#b5c0a9;font-size:10px;display:flex;align-items:center;gap:5px}.pixel-facts dd i{width:7px;height:7px;display:inline-block}.price-line{display:flex;align-items:center;justify-content:space-between;margin:19px 0 17px}.price-line>span{font-size:11px;color:#9ca98e}.price-line strong{font-size:18px;font-weight:400}.price-line small{font-size:10px;color:#829273}.paint-button{background:var(--accent);border:1px solid #c3f86b;color:#17200e;border-radius:4px;padding:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;min-height:44px}.paint-button>svg:last-child{margin-left:auto}.paint-button>svg:first-child{margin-right:auto}.fee-note{display:flex;align-items:center;justify-content:center;gap:4px;color:#74846b;font-size:9px;margin:12px 0 0}.subtle-link{display:block;font-size:9px;color:#99ae88;text-align:center;margin-top:10px}.transaction-region:not(:empty){padding:0 20px 16px}.inline-status{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#b5ce9c;line-height:1.8;margin-top:5px}.inline-status>svg{flex-shrink:0;margin-top:2px}.inline-status a{display:flex;align-items:center;gap:4px;color:var(--accent);margin-top:5px}.inline-status.failed{color:#edac8d}.reward-panel{padding:19px 20px;background:#1b2218;border:1px solid #34402c;border-radius:6px}.reward-heading{display:flex;gap:10px;align-items:center}.gift-icon{color:var(--accent);width:33px;height:33px;border:1px solid #3d4a30;border-radius:5px;background:#283121;display:grid;place-items:center}.reward-heading h2{font-size:12px;margin:0 0 5px;font-weight:500}.reward-heading p{font-size:9px;color:#8a9a7d;margin:0}.reward-amount{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px}.reward-amount strong{font-size:23px;font-weight:400}.reward-amount small{font-size:10px;color:#7f916f}.text-button{border:0;background:none;color:var(--accent);font-size:11px;display:flex;gap:3px;align-items:center;white-space:nowrap;padding:5px}.reward-caption{font-size:9px;color:#718566}.rules-teaser{display:flex;gap:13px;padding:12px 7px}.teaser-cross{font-size:30px;line-height:1;color:#7f9c5e}.rules-teaser h3{font-size:11px;font-weight:500;margin:0 0 7px;color:#afbea0}.rules-teaser p{font-size:10px;color:#718368;line-height:1.8;margin:0 0 8px}.rules-teaser button{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0;color:#a8c18f;font-size:10px}.activity-panel{border:1px solid var(--border);border-radius:6px;background:#161c17;overflow:hidden}.activity-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid var(--border)}.activity-heading>div{display:flex;align-items:center;gap:8px;color:#a3b197}.activity-heading h2{font-weight:500;font-size:12px;margin:0}.activity-heading>.mono{font-size:8px;letter-spacing:1px;color:#64755b}.empty-activity{display:flex;align-items:center;justify-content:center;gap:12px;min-height:95px;color:#718367;font-size:11px;padding:10px 20px}.empty-activity p{color:#95a587;margin:0;line-height:1.8}.empty-activity span{display:block;font-size:9px;color:#627958}.activity-list{padding:3px 19px}.activity-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #273023;font-size:10px}.activity-row:last-child{border:0}.activity-color{width:10px;height:10px;border-radius:2px}.activity-wallet{color:#b4c1a6;font-size:10px}.activity-action{color:#718367;font-size:10px}.activity-position{color:#bfd3ab;background:transparent;border:0;font-size:10px;padding:0}.activity-when{margin-left:auto;color:#607454;font-size:9px}.activity-row>a{color:#809c6b}.message{display:flex;align-items:center;gap:9px;padding:12px 16px;background:#232b1c;border:1px solid #455735;margin-bottom:16px;border-radius:5px;color:#c0d3ab;font-size:12px}.message.error{background:#30231d;border-color:#644734;color:#e7b7a1}.message .text-button{margin-left:auto}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #71855f;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}footer{margin-top:42px;padding:22px 0 28px;border-top:1px solid #2a3425;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#607255;font-size:9px}.footer-brand{font-size:15px;font-weight:700;color:#8a9e7b;letter-spacing:-1px}.footer-brand span{font-weight:400;font-family:var(--mono);font-size:9px;letter-spacing:0;margin-left:12px;color:#53694a}footer>div{display:flex;align-items:center;gap:6px}footer .live-dot{width:4px;height:4px;box-shadow:none;background:#7f9e5f}footer a{margin-left:12px;display:flex;align-items:center;gap:4px;color:#94ad7f}.rules-dialog{max-width:490px;width:calc(100% - 32px);padding:27px;background:#1b231a;color:#e4eddc;border:1px solid #4e633e;border-radius:10px;box-shadow:0 30px 100px #0008}.rules-dialog::backdrop{background:#040a06bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.rules-dialog h2{font-size:24px;font-weight:500;margin:12px 0 27px}.rules-dialog ol{padding-left:22px}.rules-dialog li{padding-left:7px;margin-bottom:19px;font-size:13px;color:var(--accent)}.rules-dialog li strong{font-weight:500;color:#d7e5cb}.rules-dialog li p{color:#99ae8b;font-size:12px;line-height:1.9;margin:7px 0 0}.dialog-note{font-size:11px;background:#25301f;padding:13px;border-radius:4px;color:#a7bc97;line-height:1.9;margin:20px 0}.contract-address{font-size:9px;overflow-wrap:anywhere;color:#819b6c}.rules-dialog .paint-button{margin-top:16px}@media (min-width:1400px){.canvas-stage{padding-left:58px;padding-right:58px}.canvas-scroll{max-height:660px}}@media (max-width:1050px){main,.header-inner{padding-left:24px;padding-right:24px}.workspace{grid-template-columns:minmax(0,1fr) 286px;gap:18px}.header-inner{gap:16px}.header-inner nav{gap:15px}.brand-description{font-size:11px}.intro-stamp{display:none}.canvas-stage{padding-left:20px;padding-right:20px}.stats-strip>div{padding:0 20px}.palette{gap:7px}.color-picker,.pixel-details{padding-left:17px;padding-right:17px}.canvas-caption{font-size:9px}.canvas-edition{font-size:8px}}@media (max-width:760px){.site-header{height:66px}.header-inner,main{padding-left:18px;padding-right:18px}.header-inner{gap:12px}.brand{font-size:27px}.brand-description,.header-separator,.nav-link,.network-badge{display:none}.header-inner nav{gap:8px}.wallet-button{padding:9px 11px;font-size:11px}.intro{padding:29px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:26px;letter-spacing:-.5px;margin-top:11px}.intro p{font-size:11px;line-height:1.8;max-width:310px}.mode-banner{padding:10px;font-size:10px}.mode-banner>span{gap:7px;flex-wrap:wrap}.mode-banner>span>span{flex-basis:100%;padding-left:22px;line-height:1.7}.mode-banner>span>strong{font-size:10px}.mode-banner button{font-size:9px;align-self:flex-start;padding-top:2px}.stats-strip{margin:18px 0;grid-template-columns:1fr 1fr;padding:16px 0;row-gap:20px}.stats-strip>div{padding:0 17px}.stats-strip>div:nth-child(2){border:0}.stat-label{font-size:10px;margin-bottom:9px}.stats-strip strong{font-size:23px}.stats-strip strong small{font-size:10px}.occupancy-track{max-width:120px;margin-top:9px}.workspace{grid-template-columns:1fr;gap:18px}.canvas-toolbar{padding:0 13px;height:45px}.canvas-title{font-size:11px;gap:7px}.canvas-title .mono{font-size:9px}.canvas-stage{padding:0 15px 16px}.ruler{height:24px}.canvas-scroll{max-height:550px}.canvas-bottom{padding:0 10px;height:43px}.canvas-controls{gap:3px}.coordinate{font-size:9px;gap:5px}.canvas-controls .icon-button{width:24px}.canvas-caption{margin-bottom:17px;gap:8px;line-height:1.6}.view-toggle{font-size:9px}.sidebar{grid-template-columns:1fr}.paint-panel{grid-column:1/-1}.panel-heading{padding-left:18px}.color-picker{padding-top:18px;padding-bottom:18px}.swatch{height:32px}.palette{gap:10px}.pixel-details{padding-top:18px}.selected-pixel{margin:15px 0}.rules-teaser{padding-bottom:0}.activity-heading{padding:13px}.activity-heading .mono{font-size:7px}.activity-heading h2{font-size:11px}.empty-activity{min-height:80px}.activity-row{gap:8px}.activity-wallet{font-size:9px}.activity-when{font-size:8px}footer{flex-wrap:wrap;margin-top:25px;gap:15px;font-size:8px;padding-bottom:25px}footer>div{flex-basis:100%;justify-content:flex-start}footer a{margin-left:auto}.message{font-size:11px;line-height:1.7}.rules-dialog h2{font-size:21px}}.canvas-scroll{max-width:640px;max-height:none;margin:0 auto}.ruler{max-width:640px;margin:0 auto}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}footer>div{flex-wrap:wrap;row-gap:12px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-left:12px}.footer-links a{margin-left:0;font-size:11px;white-space:nowrap}.footer-links a:hover{color:var(--accent)}@media (max-width:760px){.footer-links{flex-basis:100%;margin-left:0}}