@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#242922;background:#f7f8f4;font-synthesis:none;--orange:#ff6533;--green:#188c57;--line:#e7e9e1;--muted:#858b80}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:4px}button{border:0;background:none;color:inherit}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3%;gap:65px;background:#fff}.brand{font:700 36px 'Space Grotesk',sans-serif;letter-spacing:-2px;text-decoration:none;color:#222;display:flex;align-items:center;gap:8px}.brand-symbol{color:var(--orange);font-size:46px}.brand-dot{font:12px sans-serif;align-self:flex-start;margin-top:10px;letter-spacing:0}nav{display:flex;gap:30px;height:100%}.nav{font-size:14px;color:#858b80;border-bottom:3px solid transparent;padding:0 3px}.nav.active{color:#252b23;border-bottom-color:var(--orange)}.header-right{margin-left:auto;display:flex;gap:22px;align-items:center}.demo-badge{font:11px 'Space Grotesk',sans-serif;letter-spacing:1px;background:#f1f3ec;padding:8px 10px;border-radius:5px;color:#6c7564}.dark-button{background:#252c23;color:white;border-radius:7px;padding:13px 18px;font-size:14px}.dark-button span{margin-left:20px}main{max-width:1800px;margin:auto;padding:32px 3% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:#929789}h1{font:500 clamp(25px,2.3vw,38px) 'Space Grotesk',sans-serif;letter-spacing:-1.7px;margin:9px 0}h1>span{color:var(--orange)}p{color:#868b80;font-size:14px;line-height:1.6;margin:5px 0}.global-stats{display:flex;gap:35px}.global-stats>div{border-left:1px solid var(--line);padding-left:25px}.global-stats span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.global-stats strong{font:500 22px 'Space Grotesk',sans-serif;white-space:nowrap}.global-stats small{font:12px 'DM Sans';color:var(--green);margin-left:7px}.global-stats i{font-style:normal;color:var(--orange);margin-left:10px}.workspace{display:grid;grid-template-columns:266px minmax(340px,1fr) 305px;gap:16px;align-items:stretch}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.section-title{display:flex;align-items:center;gap:10px;padding:20px 18px 16px}h2{margin:0;font:600 18px 'Space Grotesk',sans-serif;letter-spacing:-.5px}.count{font-size:11px;background:#f1f3eb;padding:3px 7px;border-radius:5px;color:#858b80}.search{margin:0 14px;display:flex;gap:7px;align-items:center;background:#f6f7f3;border:1px solid #e9ece3;border-radius:7px;padding:7px 9px}.search>span{font-size:25px;line-height:22px;color:#818977}.search input{border:0;background:none;width:100%;min-width:0;font-size:13px;padding:3px;outline:none}.search kbd{font-size:10px;color:#9aa18e;white-space:nowrap}.filter-row{display:flex;gap:5px;margin:16px 12px}.filter-row button{font-size:11px;padding:7px;border-radius:5px;color:#8a9182;white-space:nowrap}.filter-row button.selected{color:#333b2e;background:#eef1e8}.list-heading{font-size:10px;text-transform:uppercase;letter-spacing:.8px;display:flex;justify-content:space-between;margin:19px 18px 8px;color:#989d91}.city-row{display:flex;align-items:center;width:100%;padding:11px 16px;text-align:left;border-left:3px solid transparent;gap:10px}.city-row:hover{background:#f8f9f5}.city-row.active{background:#fff2ea;border-left-color:var(--orange)}.flag{width:34px;height:34px;display:grid;place-items:center;background:#f1f3ed;border-radius:50%;font-size:22px}.city-info{display:flex;flex-direction:column;gap:4px}.city-info strong{font-size:13px;font-weight:600}.city-info small{font-size:10px;color:#9b9f93;letter-spacing:.5px}.city-values{margin-left:auto;display:flex;flex-direction:column;text-align:right;gap:5px;font-family:'Space Grotesk',sans-serif}.city-values strong{font-size:13px;font-weight:500}.city-values small{font-size:11px}.positive{color:var(--green)}.negative{color:#e35f55}.market-bottom{font-size:10px;color:#9a9f92;padding:19px 12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:5px}.orange-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.center-panel{min-width:0;display:flex;flex-direction:column;gap:16px}.globe-card{position:relative;min-height:450px;flex:1;border-radius:13px;background:#101e19;overflow:hidden;color:#d9e7d7}.map-top{position:absolute;top:20px;left:22px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;letter-spacing:1px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8f777;margin-right:7px;box-shadow:0 0 9px #a7ef6a55}.map-caption{color:#748a78;letter-spacing:0;margin-left:8px}.map-top button{border:1px solid #405342;border-radius:7px;color:#bcccaf;font-size:22px}.map-intro{position:absolute;top:65px;left:23px;z-index:1;pointer-events:none}.map-intro h2{font-size:clamp(25px,2.5vw,38px);font-weight:400;line-height:1.12;letter-spacing:-1.5px;color:#edf4dc}.map-intro p{color:#889b80;font-size:11px;margin-top:10px}canvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}.map-controls{position:absolute;right:16px;bottom:60px;display:flex;flex-direction:column;gap:6px}.map-controls button{background:#263c2e;border:1px solid #42553a;border-radius:6px;width:30px;height:30px;color:#d3e6bc;font-size:18px}.map-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px;color:#9daf92;pointer-events:none}.map-bottom b{font-size:18px;margin-left:8px}.chart-card{height:225px;padding:20px 22px 12px}.chart-top{display:flex;justify-content:space-between;align-items:center}.chart-price{display:flex;gap:12px;align-items:center;margin-top:8px}.chart-price strong{font:500 28px 'Space Grotesk';letter-spacing:-1px}.chart-price span{font-size:11px;color:var(--green);background:#edf7ee;padding:4px 6px;border-radius:4px}.periods{display:flex;gap:3px}.periods button{font-size:10px;color:#919887;padding:6px 8px;border-radius:4px}.periods button.selected{background:#edf0e7;color:#323d2d}#chart{height:105px;margin-top:7px}#chart svg{width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#a0a694}.trade-panel{padding:21px 19px;display:flex;flex-direction:column}.trade-city{display:flex;gap:11px;align-items:center}.big-flag{font-size:31px;width:44px;height:44px;background:#f4f5ef;border-radius:50%;display:grid;place-items:center}.trade-city .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:5px}.trade-city h2{font-size:24px}.trade-city button{margin-left:auto;font-size:25px;color:#a0a792}.token-heading{display:flex;justify-content:space-between;margin:18px 0 24px;font-size:11px;color:#929b85}.deployed{color:#638444;background:#f0f5e9;padding:4px 7px;border-radius:4px}.trade-tabs{display:flex;background:#f3f5ee;padding:4px;border-radius:7px;margin-bottom:25px}.trade-tabs button{width:50%;padding:9px;font-size:13px;border-radius:5px;color:#8b9480}.trade-tabs button.selected{background:#fff;box-shadow:0 1px 4px #22331112;color:#252e20}.pay-label{display:flex;justify-content:space-between;font-size:11px;color:#959d8a;margin-bottom:10px}.amount-box{display:flex;gap:5px;align-items:center;padding:16px 12px;background:#f7f8f4;border:1px solid var(--line);border-radius:7px}.amount-box input{font:500 27px 'Space Grotesk';background:none;border:0;min-width:0;width:100%;outline:none}.amount-box span{white-space:nowrap;font-size:12px;font-weight:600}.quick-amounts{display:flex;gap:6px;margin-top:9px}.quick-amounts button{flex:1;background:#f5f6f0;padding:6px 2px;font-size:11px;border-radius:4px;color:#7c876e}.exchange-arrow{text-align:center;color:#a0aa95;font-size:20px;margin:12px 0}.receive{display:flex;align-items:center;justify-content:space-between;margin:5px 0 25px}.receive strong{font:500 27px 'Space Grotesk';letter-spacing:-1px}.receive span{font-size:12px;color:#748367}.trade-details{display:flex;flex-direction:column;gap:12px;font-size:11px}.trade-details>div{display:flex;justify-content:space-between}.trade-details>div>span:first-child{color:#949b8c}.trade-details small{color:#99a38a;font-size:9px}.trade-details select{border:0;background:none;font-size:11px;color:#59654e}.trade-button{width:100%;background:var(--orange);color:#fff;border-radius:7px;padding:15px 16px;font-weight:600;font-size:14px;margin-top:24px;display:flex;justify-content:space-between;align-items:center}.trade-button:hover{background:#ed5422}.trade-note{font-size:10px;text-align:center;margin-top:10px}.city-stats{display:grid;grid-template-columns:1fr 1fr;gap:21px;padding:25px 0;margin-top:auto;border-bottom:1px solid var(--line)}.city-stats span{display:block;font-size:10px;color:#9ba390;margin-bottom:7px}.city-stats strong{font:500 17px 'Space Grotesk'}.city-coordinates{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font:9px 'Space Grotesk';color:#939e85}.city-coordinates>span:first-child{color:var(--orange);font-size:18px}.activity{margin-top:18px}.activity-top{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.activity-tabs{display:flex;gap:25px}.activity-tabs button{padding:20px 0;font-size:13px;color:#969e8d;border-bottom:2px solid transparent}.activity-tabs button.selected{color:#303b29;border-bottom-color:var(--orange)}.activity-tabs .live-dot{width:5px;height:5px;background:var(--orange);margin-left:5px}.activity-caption{font-size:11px;color:#a0a694}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}th{font-weight:400;color:#99a18d;background:#fafbf7;font-size:10px}th,td{padding:13px 23px;border-bottom:1px solid #f0f2eb}td{color:#606c53}td button{padding:0;color:#697863;font-family:'Space Grotesk';font-size:12px}.action-pill{padding:4px 8px;border-radius:4px;background:#eef7e9;color:#5c8d3b;font-size:10px}.action-pill.sell{color:#d77561;background:#fff1ec}footer{display:flex;justify-content:space-between;padding:24px 0;color:#9ba390;font-size:10px}footer b{color:#606c55;font:600 13px 'Space Grotesk'}.footer-dot{color:#79955c;font-size:7px;margin:0 7px}.alternate{padding:20px;min-height:280px}.alternate .section-title{padding:0 0 20px}.portfolio-row{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:18px;max-width:440px;width:calc(100% - 32px);padding:34px;color:#25301f;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0c1a1480;backdrop-filter:blur(5px)}dialog h2{font-size:27px;margin:16px 0}dialog p{font-size:14px}.close{position:absolute;top:12px;right:12px;font-size:25px;color:#8c967f}.modal-icon{font-size:45px;color:var(--orange)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(100px);background:#253421;color:#fff;padding:15px 22px;border-radius:8px;z-index:20;transition:transform .25s;font-size:14px;box-shadow:0 5px 30px #0002}#toast.show{transform:translateX(-50%) translateY(0)}.empty{padding:35px 20px;color:#939d87;font-size:13px}.workspace.markets-only{grid-template-columns:1fr}.markets-only .center-panel,.markets-only .trade-panel{display:none}.markets-only #city-list{display:grid;grid-template-columns:repeat(3,1fr)}.markets-only .city-row{padding:24px}.markets-only .market-panel{min-height:400px}[hidden]{display:none!important}@media(min-width:1500px){.workspace{grid-template-columns:290px minmax(340px,1fr) 330px}.globe-card{min-height:500px}.city-row{padding-top:13px;padding-bottom:13px}}@media(max-width:1150px){.global-stats{gap:15px}.global-stats>div{padding-left:15px}.global-stats strong{font-size:17px}.global-stats small{display:block;margin:4px 0 0}.workspace{grid-template-columns:215px minmax(300px,1fr) 270px;gap:10px}.city-row{padding-left:10px;padding-right:10px}.filter-row{gap:0;margin-left:6px;margin-right:6px}.filter-row button{font-size:10px}.map-caption{display:none}.market-bottom{font-size:9px}.trade-panel{padding:18px 14px}}@media(max-width:930px){header{gap:30px}.workspace{grid-template-columns:230px 1fr}.trade-panel{grid-column:1/-1;display:block}.trade-panel .city-stats{grid-template-columns:repeat(4,1fr)}.global-stats>div:last-child{display:none}.trade-panel{max-width:none}.globe-card{min-height:480px}.trade-note{font-size:12px}.activity-caption{display:none}.demo-badge{display:none}}@media(max-width:620px){header{height:72px;padding:0 18px;gap:18px}.brand{font-size:27px}.brand-symbol{font-size:33px}.brand-dot{display:none}nav{gap:14px}.nav{font-size:12px}.header-right{gap:0}.dark-button{font-size:11px;padding:10px}.dark-button span{display:none}main{padding:24px 14px 0}.page-heading{display:block;margin-bottom:22px}h1{font-size:29px;letter-spacing:-1.3px}.global-stats{margin-top:20px;gap:30px}.global-stats>div{border:0;padding:0}.global-stats small{display:inline;margin-left:5px}.workspace{display:flex;flex-direction:column}.center-panel{order:0}.market-panel{order:1}.trade-panel{order:2}.globe-card{height:460px;flex:none}.chart-card{height:225px}.market-panel #city-list{max-height:340px;overflow:auto}.city-row{padding:12px 18px}.city-info strong,.city-values strong{font-size:14px}.filter-row button{font-size:12px}.map-intro h2{font-size:33px}.activity-tabs{gap:20px}.activity-tabs button{font-size:12px}.activity-top{padding:0 14px}th,td{padding:13px 15px}.activity{margin-top:14px}footer{gap:12px;flex-direction:column;font-size:10px}.markets-only #city-list{display:block}.trade-panel{padding:24px}.trade-details,.pay-label{font-size:13px}.trade-note{font-size:12px}.city-coordinates{font-size:11px}}
/* Readable trading labels at every viewport. */
.search input,.city-info strong,.city-values strong,.trade-tabs button,.activity-tabs button{font-size:14px}.city-info small,.city-values small,.filter-row button,.pay-label,.trade-details,.quick-amounts button,.token-heading,.city-stats span,.chart-price span,.periods button,.trade-note,.chart-labels,.map-bottom,.activity-caption,.list-heading,th,.action-pill,.trade-city .eyebrow{font-size:12px}.filter-row{flex-wrap:wrap}.city-row{padding-top:12px;padding-bottom:12px}#city-list{max-height:580px;overflow-y:auto}.trade-details select{font-size:12px}.map-caption{font-size:11px}.market-bottom{font-size:12px;line-height:1.5}.markets-only #city-list{max-height:none}.trade-city h2{font-size:23px}.table-scroll td{font-size:13px}.trade-panel .city-stats{padding-top:24px}.activity-tabs{flex-wrap:wrap}@media(max-width:620px){.globe-card{height:460px}.filter-row button{font-size:12px}.city-coordinates{font-size:10px}.activity-tabs{gap:14px}.activity-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}