:root{color-scheme:dark;--bg: #0d100e;--surface: #141915;--surface-raised: #1c241d;--text: #eef0e8;--muted: #a1aca1;--border: #354337;--accent: #c4f277;--accent-ink: #17210c;--owned: #24442e;--error: #ffb4a9;--warning: #edcc88;--focus: #e0edff;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Arial, Helvetica, sans-serif;font-family:var(--mono);font-synthesis:none;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;font-weight:400}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:9px 15px;border:1px solid var(--border);border-radius:4px;background:var(--surface-raised);color:var(--text);cursor:pointer;line-height:1.4}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button:focus-visible{position:relative;z-index:2}.shell{max-width:1440px;margin-inline:auto;padding-inline:44px}.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;letter-spacing:2px;line-height:1.05;font-weight:700}.brand-small{display:block;font-size:11px;letter-spacing:5px;margin-top:6px}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);gap:3px}.brand-mark i{width:10px;height:10px;background:var(--accent)}nav{display:flex;gap:32px;font-size:12px}nav a{text-decoration:none;color:var(--muted)}nav a.active{color:var(--text)}.wallet{display:flex;gap:18px;align-items:center;font-size:12px}.network-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.network-pill small{font-size:9px;color:var(--muted);border:1px solid var(--border);padding:1px 4px;border-radius:2px}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding-block:66px 44px;gap:40px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:500}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--accent);margin-inline-end:8px}h1{font-family:var(--sans);font-size:clamp(44px,5vw,72px);letter-spacing:-3px;line-height:1.06;font-weight:500;margin:24px 0}h1 span{color:var(--muted)}.hero p{max-width:640px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.hero-aside{padding-bottom:8px;text-align:right;flex-shrink:0}.coordinate-symbol{font-size:31px;letter-spacing:-2px}.hero-aside p{font-size:12px;margin-block:10px 20px}.hero-aside a{font-size:12px;text-decoration:none}.hero-aside a span{margin-inline-start:30px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:5px;background:var(--surface)}.stats>div{padding:23px 26px;border-inline-end:1px solid var(--border)}.stats>div:last-child{border:0}.stats>div>span{color:var(--muted);font-size:11px}.stats strong{display:block;font-size:26px;font-weight:400;margin-top:6px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats small{font-size:11px;letter-spacing:0;color:var(--muted)}.stats p{margin:5px 0 0;font-size:10px;color:var(--muted)}.meter{height:3px;background:var(--border);margin-top:14px;max-width:180px}.meter i{display:block;height:3px;background:var(--accent)}.sync-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-block:18px 6px;gap:16px}.status-dot{display:inline-block;width:6px;height:6px;border:1px solid var(--muted);border-radius:50%;margin-inline-end:8px}.status-dot.online{background:var(--accent);border-color:var(--accent)}.text-button{background:none;border-color:transparent;padding:5px 0;min-height:32px;font-size:11px}.persistent-status{font-size:11px;color:var(--muted);min-height:24px;margin-bottom:16px;overflow-wrap:anywhere}.callout{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:16px;margin-block:12px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:12px;overflow-wrap:anywhere}.error,.error-text{color:var(--error)}.warning{color:var(--warning)}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-heading h2{margin:7px 0 0}h2{font-family:var(--sans);font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin:0 0 16px}h3{font-family:var(--sans);font-size:17px;font-weight:500;margin:0 0 10px}.map-badge{border:1px solid var(--border);padding:6px 10px;font-size:11px;color:var(--muted)}.map-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-block:22px 6px;min-height:30px}.legend{display:flex;gap:18px;font-size:10px;color:var(--muted)}.map-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding:5px 5px 10px;margin-inline:-5px}.axis{display:grid;grid-template-columns:repeat(16,1fr);min-width:550px;margin-bottom:6px;text-align:center;font-size:9px;color:var(--muted)}.plot-grid{min-width:550px;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}.plot{position:relative;min-width:0;width:100%;aspect-ratio:1;min-height:30px;padding:1px;border-radius:2px;background:#18221a;border:1px solid #405443;flex-direction:column;gap:0;font-size:12px;line-height:1.1;color:#bdcebb}.plot>small{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.plot.owned{background:var(--owned);border-color:#618569;color:var(--text)}.plot.mine{border-color:var(--accent)}.plot.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.plot.selected small{color:var(--accent-ink)}.plot-jump{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:11px}.plot-jump input{width:70px}.plot-jump button{font-size:11px}.plot-jump>span{flex-basis:100%;font-size:9px}.mobile-hint{display:none;font-size:10px;color:var(--muted)}.tag{font-size:9px;text-transform:uppercase;letter-spacing:.7px;background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;padding:4px 7px}.city-panel{padding:24px}.city-panel .eyebrow{font-size:9px;letter-spacing:1px}.city-illustration{color:#789e66;padding-block:24px 20px;text-align:center}.city-illustration svg{display:block;width:100%;max-width:290px;margin-inline:auto}.city-illustration span{display:block;font-size:10px;letter-spacing:1.7px;color:var(--muted)}.city-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.city-title h2{font-family:var(--mono);font-size:24px;margin:0}.city-title>span{font-size:9px;color:var(--muted)}.muted,.helper{color:var(--muted)}.city-panel p.muted{font-size:12px;margin-block:12px 22px}.city-values{font-size:11px;margin-block:24px}.city-values>div{display:flex;justify-content:space-between;gap:14px;margin-block:10px}.city-values dt{color:var(--muted)}.city-values dd{margin:0;text-align:right;overflow-wrap:anywhere}.city-values .total{border-top:1px solid var(--border);padding-top:15px;margin-top:15px;font-size:12px}.city-values .total dt{color:var(--text)}.full{width:100%;margin-top:8px;min-height:46px;font-size:12px}.helper{font-size:10px;line-height:1.8}.permanent{font-size:9px;text-align:center;color:var(--muted);padding-top:14px}.balance{font-size:10px;display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:16px;margin-top:20px}.balance strong{font-weight:400}.lower-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;margin-top:22px}.heartbeat>p{font-size:12px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty>span{font-size:45px;color:#7f9979}.empty h3{color:var(--text);margin-top:10px}.empty p{font-size:11px;max-width:370px;margin-inline:auto}.winners{padding:0;margin-top:30px;list-style:none}.winners li{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--border);padding-block:18px}.rank{font-size:11px;color:var(--muted)}.winners strong{margin-inline-start:auto;font-weight:400;font-size:14px}.winners small{font-size:10px;color:var(--muted)}.economy{padding-block:64px 44px}.economy>h2{font-size:31px;margin-top:14px}.economy-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-block:36px}.economy-steps span{font-size:10px;color:var(--muted)}.economy-steps h3{margin-top:14px}.economy-steps p{font-size:12px;color:var(--muted);line-height:1.8}.activity{margin-bottom:22px}.activity ul{list-style:none;padding:0;margin:0}.activity li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-block:12px;font-size:11px;flex-wrap:wrap}details.panel{margin-block:16px;font-size:12px}summary{cursor:pointer;min-height:32px;padding-block:4px;font-size:13px}summary span{font-size:10px;margin-inline-start:16px}details[open]>summary{margin-bottom:20px}fieldset{border:1px solid var(--border);border-radius:4px;padding:18px;margin-top:20px}legend{padding-inline:8px}.fields{display:flex;align-items:flex-end;gap:14px;margin-block:16px;flex-wrap:wrap}.fields label{flex:1;min-width:100px}.fields button{font-size:12px}label,.field{display:block;font-size:11px;color:var(--muted)}input,select{width:100%;min-height:44px;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:10px 12px;font-size:16px;margin-top:7px}input:disabled,select:disabled{opacity:.5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.address{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;overflow-wrap:anywhere}.copy{font-size:9px;padding:3px 6px;min-height:27px;background:transparent}.footer-brand{font-size:15px;letter-spacing:2px;text-decoration:none}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;border-top:1px solid var(--border);margin-top:52px;padding-block:36px 44px}footer p,footer a{font-size:11px}footer p{color:var(--muted);line-height:1.9}footer .contract-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}footer .eyebrow{display:block;margin-bottom:10px}.skip-link{position:fixed;inset-inline-start:10px;top:-100px;padding:12px;background:var(--accent);color:var(--accent-ink);z-index:50}.skip-link:focus{top:10px}dialog{width:min(520px,calc(100% - 32px));padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;max-height:85dvh;overscroll-behavior:contain}dialog::backdrop{background:#000b}.dialog-content{padding:28px}.dialog-content h2{margin-top:16px}.dialog-content p{font-size:13px;overflow-wrap:anywhere}.dialog-content .actions{justify-content:flex-end}.dialog-content button{font-size:12px}.swap-panel h2{margin-top:7px}.swap-panel .field{margin-block:14px}.swap-panel p{font-size:11px}.swap-panel .button{width:100%;margin-top:10px}.swap-panel dl{font-size:11px}.swap-panel .swap-detail-row{display:flex;justify-content:space-between;gap:12px;margin-block:7px}.swap-panel .swap-detail-row dd{margin:0;text-align:right}.swap-panel .status{font-size:11px;overflow-wrap:anywhere}.swap-panel .section-title{font-size:22px}.swap-panel output{overflow-wrap:anywhere}@media(hover:hover){button:not(:disabled):hover{border-color:var(--muted);filter:brightness(1.09)}.plot:not(:disabled):hover{border-color:var(--accent)}nav a:hover{color:var(--text)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,border-color .12s,scale .12s cubic-bezier(.2,0,0,1)}button:not(:disabled):active{scale:.96}}@media(max-width:78rem){.shell{padding-inline:28px}.city-layout,.lower-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.panel{padding:20px}.header{gap:18px}nav{gap:18px}.wallet{gap:12px}.stats>div{padding:20px}.stats strong{font-size:23px}.hero{padding-top:50px}}@media(max-width:68rem){.city-layout,.lower-layout{grid-template-columns:minmax(0,1fr) 300px}.mobile-hint{display:block}.header nav{display:none}.stats strong{font-size:20px}.hero-aside{display:none}.city-panel{padding:20px}.map-panel{padding:18px}.map-panel h2{font-size:19px}}@media(max-width:54rem){.city-layout,.lower-layout{grid-template-columns:1fr}.city-panel{display:block}.city-illustration{float:right;width:40%;padding-top:10px}.city-title{margin-top:25px}.city-values{clear:both}.hero{padding-top:40px}.hero p{max-width:580px}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2){border-inline-end:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.stats strong{font-size:25px}.economy-steps{gap:24px}.economy>h2{font-size:27px}.wallet .address{max-width:200px}.lower-layout{gap:18px}footer{gap:24px}}@media(max-width:38rem){:root{font-size:14px}.shell{padding-inline:18px}.header{min-height:84px;gap:12px;flex-wrap:wrap;padding-block:18px}.brand{font-size:16px}.brand-small{font-size:9px}.wallet{gap:8px}.wallet>button{font-size:10px;padding:9px}.network-pill{font-size:10px}.network-pill small{display:none}.wallet .address{font-size:9px;max-width:155px}.wallet .copy{display:none}.hero{padding-block:32px;gap:0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:48px;letter-spacing:-2.7px;margin-block:20px}.hero p{font-size:11px}.stats>div{padding:17px 14px}.stats>div>span{font-size:9px}.stats strong{font-size:22px}.stats small{font-size:9px}.stats p{font-size:8px}.sync-bar,.persistent-status{font-size:9px}.panel{padding:18px}.map-panel h2{font-size:18px}.map-panel .eyebrow{font-size:8px}.map-badge{font-size:9px;padding:5px}.legend{gap:14px;font-size:9px}.plot-jump{gap:8px}.plot-jump>span{font-size:8px}.callout{flex-direction:column;align-items:flex-start}.city-illustration{float:none;width:auto}.city-title{margin-top:0}.city-panel .full{min-height:48px}.economy{padding-block:40px 24px}.economy-steps{grid-template-columns:1fr;gap:18px;margin-block:26px}.economy>h2{font-size:26px}.economy-steps p{max-width:36rem}.panel-heading{gap:12px}.activity .eyebrow{font-size:8px;max-width:110px}.activity li{font-size:10px}.winners li{gap:12px}.winners strong{font-size:12px}.winners small{font-size:8px}summary span{display:block;margin:6px 0 0}.fields{flex-direction:column;align-items:stretch}.fields label{width:100%}fieldset{padding:14px}footer{grid-template-columns:1fr;gap:26px;margin-top:36px}.dialog-content{padding:20px}.dialog-content .actions{flex-direction:column}.dialog-content .actions button{width:100%}}@media(forced-colors:active){button,.plot,.panel{border:1px solid ButtonText}.plot.selected{outline:2px solid Highlight}.status-dot{background:CanvasText}}