/* An illustrated field guide to the economy. Shared ink, distinct colony materials. */
.colonies-v2,.mechanics-v2{--aur:#ee9d68;--bor:#91cfba;--ely:#b7a7df;--rule:#d6b67f2b;--ink:#eee7d7;position:relative;color:var(--ink);background:#191a17}
.colonies-v2{background:radial-gradient(ellipse at 30% 57%,#63432a50,transparent 57%),#1c1e19;padding-bottom:68px}
.colonies-v2 .section-top,.mechanics-v2 .section-top{border-color:var(--rule);margin-bottom:48px}
.colony-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px}
.colony-heading h2,.mechanics-v2 .systems-heading h2{font-size:clamp(48px,5.7vw,82px);line-height:.95;font-weight:700;letter-spacing:-.2px}
.colony-heading h2 em{color:var(--gold)}
.colony-heading p,.mechanics-v2 .systems-heading p{font-size:13px;line-height:1.8;color:#bcb8a9;max-width:330px;margin:0}
.colonies-v2 .colony-selector{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.colonies-v2 .colony-selector button{padding:23px 22px;background:transparent;color:#c2bcac;border-color:var(--rule);text-align:left;position:relative}
.colonies-v2 .colony-selector button:nth-child(1){--colony-accent:var(--aur)}.colonies-v2 .colony-selector button:nth-child(2){--colony-accent:var(--bor)}.colonies-v2 .colony-selector button:nth-child(3){--colony-accent:var(--ely)}
.colonies-v2 .colony-selector button[aria-selected=true]{background:linear-gradient(115deg,color-mix(in srgb,var(--colony-accent) 12%,transparent),transparent);color:var(--colony-accent);box-shadow:inset 0 -2px var(--colony-accent)}
.colonies-v2 .colony-selector button small{font:400 7px var(--body);letter-spacing:1.3px;color:#a6a18e;margin-bottom:10px;display:block}
.colonies-v2 .colony-selector button b{font:600 32px var(--display)}
.colonies-v2 .colony-selector button>span{float:right;font:500 10px var(--body);letter-spacing:1px;margin-top:15px}
.colonies-v2 .colony-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:4vw;min-height:560px;align-items:center;border-bottom:1px solid var(--rule)}
.colony-viewport{position:relative;height:540px;min-width:0}
.colonies-v2 #colony-art{position:absolute;inset:0;touch-action:pan-y;cursor:default}
.colonies-v2 #colony-art canvas{width:100%;height:100%;display:block}
.colony-fallback{position:absolute;inset:0;display:grid;place-items:center;font:600 35px var(--display);color:var(--gold)}
.colony-coordinate{position:absolute;left:0;top:28px;font-size:7px;color:#b6a78d}
.colony-model-note{position:absolute;bottom:23px;left:0;font-size:7px;color:#9c9c8b}
#colony-turn{position:absolute;bottom:12px;right:0;min-width:44px;min-height:44px;border:1px solid var(--rule);color:var(--gold);background:#191a1780}
.colonies-v2 .colony-story{max-width:440px;padding:50px 0;position:relative}
.colony-story .colony-token{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid var(--colony-accent,var(--aur));border-radius:50%;font:600 18px var(--display);color:var(--colony-accent,var(--aur));box-shadow:inset 0 0 0 5px #1c1e19,inset 0 0 0 6px #a48b6f55;margin-bottom:24px}
.colonies-v2 #colony-symbol{display:block;color:#b0a893;font-size:8px;letter-spacing:1.4px}
.colonies-v2 .colony-story h3{font:700 clamp(35px,4vw,56px)/.96 var(--display);color:var(--colony-accent,var(--aur));margin:17px 0 22px}
.colonies-v2 .colony-story p{font-size:13px;line-height:1.8;color:#beb9aa;max-width:365px}
.architecture-list{display:grid;gap:10px;margin:24px 0;font-size:7px;color:#8e8776;letter-spacing:1px}
.architecture-list b{font-size:9px;font-weight:400;color:#d9d0bc;margin-left:14px}
.colony-pair{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding:17px 0;margin-top:28px;max-width:365px}
.colony-pair>span{font-size:7px;letter-spacing:1.1px;color:#999681}.colony-pair b{font:600 21px var(--display);color:var(--colony-accent,var(--aur))}.colony-pair i{font-style:normal;font-size:15px;color:#8d8978;margin:0 10px}
.colonies-v2 .colony-story .action{font-size:16px;margin-top:13px;color:var(--gold);border-color:var(--gold);background:transparent;min-height:52px}
.mechanics-v2{background:radial-gradient(ellipse at 25% 55%,#3b3a2650,transparent 55%),#171916;padding-top:80px}
.mechanics-v2 .systems-heading{margin-bottom:45px}
.mechanics-v2 .systems-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-color:var(--rule);gap:0;overflow:visible}
.mechanics-v2 .systems-tabs button{font:600 21px var(--display);padding:21px 7px;color:#a6a18e;min-height:72px;border:0;border-bottom:2px solid transparent;white-space:normal}
.mechanics-v2 .systems-tabs button span{display:block;font:400 7px var(--body);letter-spacing:1px;margin:0 0 8px;color:#8d826b}
.mechanics-v2 .systems-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--gold);background:linear-gradient(0deg,#eab6620b,transparent)}
.mechanics-v2 .systems-tabs button:hover{color:var(--ink)}
.mechanism-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:5vw;padding:44px 0 50px;align-items:center;min-height:650px}
.mechanism-panel[hidden]{display:none}
.diagram-surface{min-width:0;position:relative;background:radial-gradient(ellipse at 50% 40%,#eab66208,transparent 70%);border-bottom:1px solid var(--rule);padding-bottom:22px}
.diagram-caption{display:flex;justify-content:space-between;gap:18px;font-size:7px;color:#8e8d7c;letter-spacing:1.2px;margin-bottom:32px}
.diagram-caption>span+span{color:var(--gold);white-space:nowrap}
.mechanism-copy>.micro{font-size:7px;letter-spacing:1.4px;color:#b5a17c;line-height:1.6}
.mechanism-copy h3{font:700 clamp(32px,3.6vw,48px)/1.02 var(--display);color:var(--gold);margin:19px 0 22px;letter-spacing:0}
.mechanism-copy p{font-size:12px;line-height:1.8;color:#c5c0b0;margin-bottom:22px;max-width:420px}
.mechanism-copy .mechanism-small{font-size:10px;line-height:1.7;color:#979786}
.mechanism-copy .text-link{width:100%;min-height:54px;font-size:9px;letter-spacing:.8px;color:var(--gold);border-bottom:1px solid var(--rule);margin-top:15px;text-align:left}
.launch-sequence{list-style:none;padding:0;margin:24px 0 30px;display:grid;gap:17px}.launch-sequence li{display:flex;gap:17px;font-size:11px;line-height:1.65;color:#d8d1be}.launch-sequence li>b{font:500 18px var(--display);color:var(--gold)}
.token-universe{height:515px;isolation:isolate}
.network-wires{position:absolute;inset:0;width:100%;height:500px;fill:none;stroke:#d7b46c46;stroke-width:1;z-index:-1}
.network-wires .flow-wire{stroke:#e5bd74;stroke-width:1.5;stroke-dasharray:9 85;animation:fund-flow 7s linear infinite}
@keyframes fund-flow{to{stroke-dashoffset:-188}}
.orbit-ring{position:absolute;border:1px solid #eab6620b;border-radius:50%;width:390px;height:250px;left:50%;top:60px;transform:translateX(-50%) rotate(-18deg);z-index:-1}.ring-two{width:510px;height:310px;top:30px;transform:translateX(-50%) rotate(18deg)}
.mother-node{position:absolute;left:50%;top:49px;transform:translateX(-50%);text-align:center}
.coin{--coin-color:var(--gold);display:grid;place-content:center;width:96px;height:96px;border:1px solid color-mix(in srgb,var(--coin-color) 75%,transparent);border-radius:50%;color:var(--coin-color);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--coin-color) 23%,#20231e),#20231e 73%);box-shadow:inset 0 0 0 6px #1a1e19,inset 0 0 0 7px color-mix(in srgb,var(--coin-color) 36%,transparent),0 10px 30px #0004;position:relative}
.coin:before{content:'';position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--coin-color) 25%,transparent);border-radius:50%}
.coin b{font:600 31px var(--display);letter-spacing:1px}.coin-mars{width:142px;height:142px}.coin-mars b{font-size:34px}.coin-mars svg{width:46px;height:38px;margin:0 auto 3px;fill:none;stroke:currentColor;stroke-width:1.3}
.mother-node>small{display:block;margin-top:15px;font-size:7px;letter-spacing:1.8px;color:#a99d81}
.reserve-label,.circulation-label{position:absolute;top:84px;display:flex;flex-direction:column;gap:8px}.reserve-label{left:3%}.circulation-label{right:2%;text-align:right}
.reserve-label strong,.circulation-label strong{font:600 43px var(--display);color:#d6bb87}.reserve-label strong small,.circulation-label strong small{font-size:20px}.reserve-label>span,.circulation-label>span{font-size:7px;letter-spacing:1px;line-height:1.7;color:#9e957e}
.child-tokens{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);top:300px;left:0;right:0;gap:14px}.token-node{display:flex;flex-direction:column;align-items:center;text-align:center}.token-node.aur{--coin-color:var(--aur)}.token-node.bor{--coin-color:var(--bor)}.token-node.ely{--coin-color:var(--ely)}.token-node .coin{--coin-color:inherit}.aur .coin{--coin-color:var(--aur)}.bor .coin{--coin-color:var(--bor)}.ely .coin{--coin-color:var(--ely)}
.token-node>strong{font:600 23px var(--display);margin-top:14px}.token-node>small{font-size:6px;letter-spacing:1px;color:#8e9482;margin-top:4px}.pool-pair{font-size:9px;letter-spacing:.5px;color:var(--gold);padding-top:13px;margin-top:13px;border-top:1px solid var(--rule);width:90%}
.reserve-release{display:flex;gap:24px;align-items:center;margin:10px 0 34px}.vault-orbit{width:135px;height:135px;flex-shrink:0;border-radius:50%;border:9px solid #d4b06b1a;border-top-color:var(--gold);border-right-color:var(--gold);border-bottom-color:var(--gold);transform:rotate(-25deg);display:flex;justify-content:center;align-items:center;flex-direction:column;outline:1px solid #d4b06b22;outline-offset:9px}.vault-orbit span,.vault-orbit small{transform:rotate(25deg)}.vault-orbit span{font:600 43px var(--display)}.vault-orbit small{font-size:6px;letter-spacing:.8px;color:#a99d81}.release-arrow{font-size:26px;color:var(--gold)}.reserve-release>div:last-child{display:grid;gap:9px}.reserve-release .micro{font-size:7px;line-height:1.5;letter-spacing:1px;color:#a49b84}.reserve-release strong{font:600 43px var(--display);color:var(--gold)}.reserve-release strong small{font-size:20px}
.allocation-weights{display:flex;gap:20px;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:8px;color:#a9a692}.allocation-weights b{font-size:12px;color:#ded1b4;margin-right:4px}
.reward-ledger{display:grid;gap:19px;margin:27px 0}.allocation-row{display:grid;grid-template-columns:40px 1fr 82px;gap:16px;align-items:center}.allocation-row>span{font:600 23px var(--display);color:var(--row-color)}.allocation-row .allocation-track{height:6px;background:#ffffff07;position:relative}.allocation-track i{display:block;height:100%;background:var(--row-color);width:var(--share);transition:width .35s}.allocation-row>b{text-align:right;font:500 24px var(--display);color:var(--row-color)}.allocation-row b small{font:400 6px var(--body);display:block;color:#959581;margin-top:3px;letter-spacing:1px}
.reward-split{display:flex;gap:28px;border-top:1px solid var(--rule);padding-top:22px}.reward-split>div{display:flex;gap:9px;align-items:center;flex:1}.reward-split strong{font:600 32px var(--display);color:var(--gold)}.reward-split span:not(.split-arrow){font-size:7px;letter-spacing:.5px}.reward-split small{display:block;font-size:8px;line-height:1.6;margin-top:7px;color:#969482;letter-spacing:0}.split-arrow{color:#766d53;font-size:22px}
.mechanism-slider{display:block;margin-top:30px;padding-top:20px;border-top:1px solid var(--rule)}.mechanism-slider>span{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.7px;color:#aca58e}.mechanism-slider b{color:var(--gold);font-weight:500}.mechanism-slider input{display:block;appearance:auto;width:100%;height:32px;margin:10px 0 3px;accent-color:var(--gold);cursor:ew-resize}.mechanism-slider>small{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.6px;color:#828471}
.mechanism-insight{padding:16px 0 18px 17px;border-left:2px solid var(--gold);margin:25px 0}.mechanism-insight>b{font:600 26px var(--display);color:#e4c791}.mechanism-insight>span{display:block;font-size:11px;line-height:1.7;color:#9a9b87;margin-top:8px;max-width:290px}
.fee-transit{display:flex;align-items:center;gap:25px;margin:10px 0 32px;justify-content:space-around}.fee-transit>div{display:flex;flex-direction:column;gap:9px}.fee-transit strong{font:600 48px var(--display);color:var(--ink)}.fee-transit .micro{font-size:7px;letter-spacing:1px;color:#9d9782}.fee-transit small{font-size:8px;color:#a79c84}.transit-arrow{font-size:28px;color:var(--gold)}.fee-transit .hook-core{border:1px solid #eab66277;padding:20px 30px;position:relative;box-shadow:inset 0 0 30px #eab66208}.hook-core:before,.hook-core:after{content:'';position:absolute;width:5px;height:5px;border:1px solid var(--gold);background:#171916}.hook-core:before{left:-3px;top:-3px}.hook-core:after{right:-3px;bottom:-3px}.hook-core strong{color:var(--gold)}.hook-core strong small{font:500 25px var(--display);color:var(--gold)}.hook-core>span:last-child{font-size:8px;color:#cdbb95;letter-spacing:1px}
.fee-stream{display:flex;height:13px;gap:3px;margin:25px 0 23px}.fee-stream i{width:var(--segment);background:var(--stream);opacity:.8;transition:width .35s}
.fee-destinations{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.fee-destinations>div{border-left:1px solid var(--route-color);padding-left:8px}.fee-destinations b{display:block;font:500 30px var(--display);color:var(--route-color)}.fee-destinations span{font-size:7px;display:block;line-height:1.7;color:#c8c2ac;margin-top:6px;letter-spacing:.4px}.fee-destinations small{display:block;font-size:6px;color:#828571;margin-top:6px}
.treaty-diversion{margin-top:26px;padding:16px 0;border-top:1px solid var(--rule);display:grid;gap:9px}.treaty-diversion>span{font-size:7px;letter-spacing:1px;color:#868976}.treaty-diversion b{font:500 20px var(--display);color:#cfbc95}.treaty-diversion i{font-style:normal;margin:0 10px;color:#6f775e}.treaty-diversion small{font-size:9px;color:#9a9a86;line-height:1.6}.scenario-toggle{display:block;margin-top:14px;text-align:left;font-size:10px;color:var(--gold);min-height:44px;padding:8px 0}.scenario-toggle[aria-pressed=true]{color:var(--bor)}
.hook-lifecycle{display:grid;gap:20px;margin:26px 0}.hook-lifecycle>div{display:flex;gap:17px}.hook-lifecycle b{font:500 21px var(--display);color:#8a795a}.hook-lifecycle span{font-size:9px;letter-spacing:.6px;color:#dfcfac}.hook-lifecycle small{display:block;font-size:10px;line-height:1.7;letter-spacing:0;color:#9c9d88;margin-top:6px}.technical-source{font-size:7px;letter-spacing:.6px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.treaty-map{position:relative;padding:20px 0 45px}.treaty-stations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.treaty-stations>div{display:flex;align-items:center;flex-direction:column}.station-silhouette{width:90px;height:85px;font:500 72px var(--display);color:var(--aur);line-height:1;position:relative;display:block}.garden-silhouette{color:var(--bor);font-size:90px;line-height:.7}.lab-silhouette{color:var(--ely);font-size:78px}.treaty-stations b{font:600 25px var(--display);margin-top:10px}.treaty-stations small{font-size:7px;letter-spacing:1.4px;color:#8e937e;margin-top:5px}.northline{margin:24px 8.5% 0;height:14px;position:relative;border-top:1px solid #eab66233;border-bottom:1px solid #eab66233;background:repeating-linear-gradient(90deg,#eab66212 0 2px,transparent 2px 13px)}.rail-built{position:absolute;left:0;top:-1px;bottom:-1px;width:70%;background:repeating-linear-gradient(90deg,var(--gold) 0 2px,transparent 2px 13px);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);transition:width .4s}.northline-train{position:absolute;left:2%;top:-12px;display:flex;gap:3px;opacity:.3}.northline-train i{width:19px;height:9px;background:var(--gold);border-top:3px solid #f3e1b4}.northline-train i:first-child{width:25px;clip-path:polygon(0 0,83% 0,100% 100%,0 100%)}.treaty-lab.online .northline-train{opacity:1;animation:northline-run 7s linear infinite}.treaty-lab.online .northline-state{color:var(--bor)}@keyframes northline-run{0%{left:0}45%,55%{left:80%}100%{left:0}}.northline-state{display:block;text-align:center;font-size:7px;letter-spacing:1px;color:#a59879;margin-top:18px;line-height:1.6}
.treaty-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.treaty-inputs>div{border-top:1px solid var(--rule);padding-top:20px}.treaty-inputs span{font-size:6px;letter-spacing:.6px;color:#9b987f}.treaty-inputs strong{display:block;font:500 29px var(--display);margin-top:10px;color:#e2c993}.treaty-inputs small{display:block;font-size:6px;letter-spacing:1px;color:#a8a087;margin-top:6px}.fund-track{height:3px;background:#ffffff0a;margin:16px 0 9px}.fund-track i{height:100%;background:var(--gold);display:block;transition:width .3s}.treaty-inputs button{min-height:48px;color:var(--gold);font-size:8px;text-align:left;line-height:1.5;padding:9px 0;border-bottom:1px solid var(--rule);width:100%}.treaty-inputs button:disabled{color:var(--bor);opacity:.55;cursor:default}.treaty-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:6px;letter-spacing:.6px;color:#93947e;margin-top:22px}.treaty-demo-footer button{min-height:44px;font-size:7px;color:var(--gold);white-space:nowrap}.treaty-output{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0;margin:23px 0;display:grid;gap:9px}.treaty-output span{font-size:7px;letter-spacing:1px;color:#92957e}.treaty-output b{font:500 30px var(--display);color:var(--bor)}.treaty-output small{font-size:10px;color:#b8b79f;line-height:1.6}
.trade-route{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:32px 0}.trade-route>span{color:#ad9669;font-size:23px}.coin-small{width:65px;height:65px;font:500 30px var(--display);margin-bottom:13px}.trade-start{display:flex;flex-direction:column;align-items:center}.trade-start strong{font:500 25px var(--display);white-space:nowrap}.trade-start small{font-size:14px;color:#9d977e}.trade-pool{border-top:1px solid #eab66266;border-bottom:1px solid #eab66266;padding:27px 9px;display:grid;gap:12px;min-width:110px;background:linear-gradient(0deg,#eab66208,transparent)}.trade-pool small{font-size:7px;letter-spacing:.5px;color:#989880}.trade-pool b{font:600 28px var(--display);color:var(--ely)}.trade-pool>span{font-size:10px;color:#c5bba2;line-height:1.5}
.arb-result{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:22px 0}.arb-result>span{font-size:6px;letter-spacing:.7px;color:#969780;flex-basis:100%}.arb-result>b{font:600 41px var(--display);color:var(--bor)}.arb-result button{border:1px solid #eab66266;color:var(--gold);padding:12px 15px;min-height:48px;font:500 17px var(--display)}.arb-result button:disabled{opacity:.5}.route-note{font-size:10px;line-height:1.7;color:#a9a48c;margin-top:15px;min-height:36px}.earned-ranks{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:38px;padding-top:23px;border-top:1px solid var(--rule)}.earned-ranks>div{display:grid;gap:10px}.earned-ranks span{font:500 17px var(--display);color:#dbcea9}.earned-ranks b{font:500 33px var(--display);color:var(--gold)}.earned-ranks small{font-size:6px;letter-spacing:.6px;line-height:1.6;color:#93967e}.earned-ranks i{font-style:normal;color:#746f57}
.mechanics-boundary{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;border-top:1px solid var(--rule);padding-top:28px}.mechanics-boundary>span{font-size:8px;letter-spacing:1px;color:var(--gold);white-space:nowrap;padding-top:4px}.mechanics-boundary i{display:inline-block;width:5px;height:5px;background:var(--gold);margin-right:9px}.mechanics-boundary p{font-size:9px;line-height:1.8;color:#93947e;max-width:570px;text-align:right;margin:0}
.mechanics-v2 button:focus-visible,.colonies-v2 button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.motion-paused .flow-wire,.motion-paused .northline-train{animation-play-state:paused!important}
@media(max-width:1050px){.mechanism-panel{grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:35px}.colony-viewport{height:470px}.coin-mars{width:125px;height:125px}.reserve-label strong,.circulation-label strong{font-size:36px}.reserve-label>span,.circulation-label>span{font-size:6px}.trade-route{gap:8px}.trade-pool{min-width:90px}.fee-transit{gap:16px}.fee-transit .hook-core{padding:19px}.reserve-release{gap:17px}.vault-orbit{width:110px;height:110px}.reserve-release strong{font-size:34px}.reward-split{gap:12px}.allocation-weights{gap:12px}}
@media(max-width:779px){
 .colonies-v2,.mechanics-v2{padding:65px 6vw 45px}.colonies-v2 .section-top,.mechanics-v2 .section-top{margin-bottom:35px;font-size:6px;letter-spacing:1px}
 .colony-heading{display:block;margin-bottom:29px}.colony-heading h2,.mechanics-v2 .systems-heading h2{font-size:clamp(44px,10.7vw,64px);line-height:.97}.colony-heading p{font-size:11px;margin-top:20px}.mechanics-v2 .systems-heading p{font-size:11px;margin-top:20px}.mechanics-v2 .systems-heading{margin-bottom:30px}
 .colonies-v2 .colony-selector button{padding:16px 7px;min-height:90px}.colonies-v2 .colony-selector button b{font-size:23px}.colonies-v2 .colony-selector button small{font-size:5px;line-height:1.5;letter-spacing:.5px;margin-bottom:6px}.colonies-v2 .colony-selector button>span{display:block;position:static;float:none;font-size:8px;margin:6px 0 0}
 .colonies-v2 .colony-detail{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0}.colony-viewport{height:335px;margin:0 -6vw}.colony-coordinate{left:6vw;top:20px;font-size:6px}.colony-model-note{left:6vw;bottom:10px;font-size:5px}#colony-turn{right:6vw;bottom:0}
 .colonies-v2 .colony-story{padding:35px 0 32px;max-width:none}.colony-story .colony-token{float:right;width:50px;height:50px;font-size:17px;margin:0 0 10px 15px}.colonies-v2 #colony-symbol{font-size:6px;padding-top:5px}.colonies-v2 .colony-story h3{font-size:43px;margin:17px 0}.colonies-v2 .colony-story p{font-size:11px}.architecture-list{gap:10px;margin:20px 0}.architecture-list b{font-size:8px}.colony-pair{margin-top:20px;max-width:none}.colonies-v2 .colony-story .action{font-size:15px;min-height:48px}
 .mechanics-v2 .systems-tabs{grid-template-columns:repeat(5,minmax(94px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d8b36c55 transparent;scroll-snap-type:x proximity}.mechanics-v2 .systems-tabs button{font-size:17px;min-height:66px;padding:14px 6px;display:block;scroll-snap-align:start}.mechanics-v2 .systems-tabs button span{font-size:6px;margin-bottom:5px}
 .mechanism-panel{display:flex;flex-direction:column;gap:28px;padding:27px 0 35px;min-height:0;align-items:stretch}.mechanism-copy{max-width:none}.mechanism-copy h3{font-size:37px;margin:14px 0 18px}.mechanism-copy p{font-size:11px;line-height:1.75}.mechanism-copy .mechanism-small{font-size:9px}.mechanism-copy>.micro{font-size:6px}.mechanism-copy .text-link{font-size:8px;min-height:48px}.diagram-caption{font-size:5px;letter-spacing:.8px;margin-bottom:28px;gap:10px}
 .token-universe{height:465px;padding-bottom:0}.network-wires{height:440px}.mother-node{top:62px}.coin-mars{width:112px;height:112px}.coin-mars b{font-size:27px}.coin-mars svg{width:37px;height:29px}.mother-node>small{font-size:5px;margin-top:13px;letter-spacing:1px}.reserve-label,.circulation-label{top:83px;gap:6px}.reserve-label{left:0}.circulation-label{right:0}.reserve-label strong,.circulation-label strong{font-size:31px}.reserve-label strong small,.circulation-label strong small{font-size:16px}.reserve-label>span,.circulation-label>span{font-size:5px;letter-spacing:.3px}.orbit-ring{width:240px;height:220px;top:35px}.ring-two{width:290px;height:245px;top:28px}.child-tokens{top:290px;gap:5px}.token-node .coin{width:72px;height:72px}.token-node .coin b{font-size:23px}.token-node>strong{font-size:20px;margin-top:12px}.token-node>small{font-size:5px;letter-spacing:.3px}.pool-pair{font-size:7px;margin-top:12px;padding-top:12px;width:95%}.token-node .coin:before{inset:10px}
 .reserve-release{gap:15px;margin:20px 0 28px}.vault-orbit{width:92px;height:92px;border-width:6px;outline-offset:5px}.vault-orbit span{font-size:32px}.vault-orbit small{font-size:5px}.release-arrow{font-size:22px}.reserve-release strong{font-size:34px}.reserve-release strong small{font-size:15px}.reserve-release .micro{font-size:5px;letter-spacing:.6px}.allocation-weights{gap:8px;font-size:6px;line-height:1.7}.allocation-weights b{display:block;font-size:13px}.allocation-row{grid-template-columns:30px 1fr 70px;gap:12px}.allocation-row>span{font-size:21px}.allocation-row>b{font-size:23px}.reward-split{gap:18px}.reward-split>div{display:block}.reward-split strong{font-size:31px;display:inline-block;margin:0 5px 9px}.reward-split span:not(.split-arrow){display:block;font-size:6px;line-height:1.5}.reward-split small{font-size:8px}.split-arrow{font-size:17px}.mechanism-slider{margin-top:22px;padding-top:18px}.mechanism-slider>span{font-size:7px;letter-spacing:.1px}.mechanism-slider>small{font-size:5px;letter-spacing:.2px}
 .fee-transit{gap:12px;margin:12px 0 26px}.fee-transit strong{font-size:40px}.fee-transit .micro{font-size:5px;letter-spacing:.5px;max-width:115px}.fee-transit .hook-core{padding:18px 20px}.hook-core>span:last-child{font-size:6px;letter-spacing:.6px}.transit-arrow{font-size:22px}.fee-destinations{gap:5px}.fee-destinations>div{padding-left:6px}.fee-destinations b{font-size:25px}.fee-destinations span{font-size:5px;letter-spacing:.2px}.fee-destinations small{font-size:5px}.treaty-diversion b{font-size:19px}.scenario-toggle{font-size:9px}.technical-source{font-size:6px}
 .treaty-map{padding-top:5px;padding-bottom:30px}.station-silhouette{width:65px;height:66px;font-size:58px}.garden-silhouette{font-size:72px}.lab-silhouette{font-size:62px}.treaty-stations b{font-size:22px}.treaty-stations small{font-size:5px;letter-spacing:.7px}.treaty-inputs{gap:10px}.treaty-inputs span{font-size:5px;line-height:1.5}.treaty-inputs strong{font-size:25px}.treaty-inputs small{font-size:5px}.treaty-inputs button{font-size:7px;min-height:52px}.treaty-demo-footer{font-size:5px;line-height:1.7;gap:8px}.treaty-demo-footer button{font-size:6px}.northline-state{font-size:6px;letter-spacing:.5px}.treaty-output b{font-size:28px}
 .trade-route{padding:15px 0 25px;gap:5px}.coin-small{width:50px;height:50px;font-size:24px}.trade-pool{min-width:0;padding:23px 8px;flex:1}.trade-pool small{font-size:5px;letter-spacing:.2px}.trade-pool b{font-size:23px}.trade-pool>span{font-size:8px}.trade-start strong{font-size:21px}.trade-start small{font-size:11px}.trade-route>span{font-size:17px}.arb-result>b{font-size:35px}.arb-result>span{font-size:5px;line-height:1.6;letter-spacing:.4px}.arb-result button{font-size:15px;padding:10px}.route-note{font-size:9px}.earned-ranks{gap:6px;margin-top:25px}.earned-ranks span{font-size:14px}.earned-ranks small{font-size:5px;letter-spacing:0;max-width:88px}.earned-ranks b{font-size:29px}
 .mechanics-boundary{display:block;padding-top:23px}.mechanics-boundary>span{font-size:7px}.mechanics-boundary p{font-size:8px;text-align:left;margin-top:16px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.mechanics-v2 *{animation:none!important;transition:none!important}}

.station-silhouette{width:145px;height:112px}.station-silhouette svg{display:block;width:100%;height:100%;overflow:visible}.treaty-stations b{margin-top:12px}@media(max-width:779px){.station-silhouette{width:95px;height:82px}.treaty-stations b{margin-top:4px}}
.diagram-caption{font-size:8px}.token-node>small{font-size:8px}.pool-pair{font-size:10px}.reserve-label>span,.circulation-label>span{font-size:8px}.fee-destinations span{font-size:9px}.fee-destinations small{font-size:7px}.treaty-inputs span{font-size:8px}.treaty-inputs small{font-size:8px}.treaty-inputs button{font-size:10px}.northline-state{font-size:9px}
@media(max-width:779px){
 .mechanics-v2 .systems-tabs{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.mechanics-v2 .systems-tabs button{font-size:16px;min-height:63px}.mechanics-v2 .systems-tabs button:last-child{grid-column:span 2}
 .diagram-caption{font-size:6px;line-height:1.6}.token-node>small{font-size:7px;letter-spacing:0}.pool-pair{font-size:9px}.reserve-label>span,.circulation-label>span{font-size:7px;letter-spacing:0}.circulation-label{max-width:91px}.reserve-label{max-width:74px}
 .fee-destinations span{font-size:7px;line-height:1.6}.fee-destinations small{font-size:6px}.fee-transit .micro{font-size:7px;line-height:1.6}.hook-core>span:last-child{font-size:7px}.mechanism-slider>span{font-size:8px}.treaty-inputs span{font-size:7px}.treaty-inputs small{font-size:7px}.treaty-inputs button{font-size:9px}.treaty-demo-footer{font-size:7px}.treaty-demo-footer button{font-size:7px}.northline-state{font-size:8px}.treaty-stations small{font-size:7px}
 .mechanism-copy p{font-size:12px}.mechanism-copy .mechanism-small{font-size:10px}.launch-sequence li{font-size:12px}.allocation-weights{font-size:8px}.allocation-row b small{font-size:7px}.reward-split span:not(.split-arrow){font-size:8px}.reward-split small{font-size:9px}.reserve-release .micro{font-size:7px}.trade-pool small{font-size:7px}.trade-pool>span{font-size:9px}.arb-result>span{font-size:7px}.earned-ranks small{font-size:7px}.mechanics-boundary p{font-size:10px}.colonies-v2 .colony-story p{font-size:12px}.architecture-list b{font-size:9px}.colony-coordinate{font-size:7px}.colony-model-note{font-size:6px}
}
