/* Colony. Plain CSS, tokens on :root, both themes. */
@font-face{font-family:'Unbounded';src:url(fonts/unbounded-latin-wght-normal.woff2) format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url(fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format('woff2');font-weight:100 800;font-display:swap}
:root{
 --bg:#f0d9b9;--bg2:#e4c196;--paper:#fbf0df;--paper2:#f4e1c6;--ink:#2b1411;--mut:#7b5a49;--edge:#2b1411;--line:rgba(43,20,17,.16);
 --colony:#d8472a;--colonyd:#a9321b;--lime:#ffd873;--limeink:#2b1411;--tongue:#e4455a;--sun:#ffc34d;--fire:#ff5a32;--pos:#46cfa8;--glow:rgba(255,120,60,.22);
 --c-fly:#ff5a32;--c-tre:#3db7cf;--c-cre:#f7b733;--c-hold:#8f7cf0;--up:#1c8a63;--down:#d5324d;--water:#3b4772;--deep:#2a1318;--oncolony:#fff3e4;
 --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none'%3E%3Cg stroke='rgba%2843%2C20%2C17%2C.10%29' stroke-width='1.4'%3E%3Ccircle cx='130' cy='140' r='96' stroke-dasharray='6 9 22 9'/%3E%3Ccircle cx='130' cy='140' r='66' stroke-dasharray='30 11 8 11'/%3E%3Ccircle cx='130' cy='140' r='36'/%3E%3Ccircle cx='390' cy='330' r='120' stroke-dasharray='10 8 34 8'/%3E%3Ccircle cx='390' cy='330' r='84' stroke-dasharray='40 12 9 12'/%3E%3Ccircle cx='390' cy='330' r='44'/%3E%3Ccircle cx='430' cy='70' r='26'/%3E%3Ccircle cx='430' cy='70' r='14'/%3E%3Ccircle cx='70' cy='440' r='40' stroke-dasharray='8 8'/%3E%3Ccircle cx='70' cy='440' r='18'/%3E%3Cpath d='M0 250C90 214 150 286 250 252S410 196 520 236' stroke-dasharray='3 9'/%3E%3Cpath d='M0 300C100 262 164 332 262 300S420 246 520 284' stroke-dasharray='3 9'/%3E%3C/g%3E%3Cg fill='rgba%2843%2C20%2C17%2C.25%29'%3E%3Ccircle cx='240' cy='60' r='2'/%3E%3Ccircle cx='320' cy='120' r='1.6'/%3E%3Ccircle cx='210' cy='410' r='2'/%3E%3Ccircle cx='480' cy='450' r='1.6'/%3E%3Ccircle cx='36' cy='260' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
 --fd:'Unbounded','Arial Black',system-ui,sans-serif;--fb:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--fm:'JetBrains Mono',ui-monospace,Menlo,monospace;
 --r:14px;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#150a0c;--bg2:#1d0e11;--paper:#26141a;--paper2:#311b21;--ink:#f8e7d3;--mut:#bb9985;--edge:#070304;--line:rgba(248,231,211,.16);
 --colony:#ff6a43;--colonyd:#ff9a76;--lime:#ffd873;--limeink:#2b1411;--tongue:#ff7388;--sun:#ffd266;--fire:#ff7a4d;--pos:#46cfa8;--glow:rgba(255,110,60,.13);
 --c-fly:#ff7a4d;--c-tre:#5ccfe4;--c-cre:#ffc94d;--c-hold:#a898ff;--up:#5fe3b8;--down:#ff7a90;--water:#4a5a94;--deep:#0c0507;--oncolony:#1d0a06;
 --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none'%3E%3Cg stroke='rgba%28255%2C196%2C160%2C.09%29' stroke-width='1.4'%3E%3Ccircle cx='130' cy='140' r='96' stroke-dasharray='6 9 22 9'/%3E%3Ccircle cx='130' cy='140' r='66' stroke-dasharray='30 11 8 11'/%3E%3Ccircle cx='130' cy='140' r='36'/%3E%3Ccircle cx='390' cy='330' r='120' stroke-dasharray='10 8 34 8'/%3E%3Ccircle cx='390' cy='330' r='84' stroke-dasharray='40 12 9 12'/%3E%3Ccircle cx='390' cy='330' r='44'/%3E%3Ccircle cx='430' cy='70' r='26'/%3E%3Ccircle cx='430' cy='70' r='14'/%3E%3Ccircle cx='70' cy='440' r='40' stroke-dasharray='8 8'/%3E%3Ccircle cx='70' cy='440' r='18'/%3E%3Cpath d='M0 250C90 214 150 286 250 252S410 196 520 236' stroke-dasharray='3 9'/%3E%3Cpath d='M0 300C100 262 164 332 262 300S420 246 520 284' stroke-dasharray='3 9'/%3E%3C/g%3E%3Cg fill='rgba%28255%2C196%2C160%2C.3%29'%3E%3Ccircle cx='240' cy='60' r='2'/%3E%3Ccircle cx='320' cy='120' r='1.6'/%3E%3Ccircle cx='210' cy='410' r='2'/%3E%3Ccircle cx='480' cy='450' r='1.6'/%3E%3Ccircle cx='36' cy='260' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
 color-scheme:dark}}
:root[data-theme="dark"]{
 --bg:#150a0c;--bg2:#1d0e11;--paper:#26141a;--paper2:#311b21;--ink:#f8e7d3;--mut:#bb9985;--edge:#070304;--line:rgba(248,231,211,.16);
 --colony:#ff6a43;--colonyd:#ff9a76;--lime:#ffd873;--limeink:#2b1411;--tongue:#ff7388;--sun:#ffd266;--fire:#ff7a4d;--pos:#46cfa8;--glow:rgba(255,110,60,.13);
 --c-fly:#ff7a4d;--c-tre:#5ccfe4;--c-cre:#ffc94d;--c-hold:#a898ff;--up:#5fe3b8;--down:#ff7a90;--water:#4a5a94;--deep:#0c0507;--oncolony:#1d0a06;
 --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520' fill='none'%3E%3Cg stroke='rgba%28255%2C196%2C160%2C.09%29' stroke-width='1.4'%3E%3Ccircle cx='130' cy='140' r='96' stroke-dasharray='6 9 22 9'/%3E%3Ccircle cx='130' cy='140' r='66' stroke-dasharray='30 11 8 11'/%3E%3Ccircle cx='130' cy='140' r='36'/%3E%3Ccircle cx='390' cy='330' r='120' stroke-dasharray='10 8 34 8'/%3E%3Ccircle cx='390' cy='330' r='84' stroke-dasharray='40 12 9 12'/%3E%3Ccircle cx='390' cy='330' r='44'/%3E%3Ccircle cx='430' cy='70' r='26'/%3E%3Ccircle cx='430' cy='70' r='14'/%3E%3Ccircle cx='70' cy='440' r='40' stroke-dasharray='8 8'/%3E%3Ccircle cx='70' cy='440' r='18'/%3E%3Cpath d='M0 250C90 214 150 286 250 252S410 196 520 236' stroke-dasharray='3 9'/%3E%3Cpath d='M0 300C100 262 164 332 262 300S420 246 520 284' stroke-dasharray='3 9'/%3E%3C/g%3E%3Cg fill='rgba%28255%2C196%2C160%2C.3%29'%3E%3Ccircle cx='240' cy='60' r='2'/%3E%3Ccircle cx='320' cy='120' r='1.6'/%3E%3Ccircle cx='210' cy='410' r='2'/%3E%3Ccircle cx='480' cy='450' r='1.6'/%3E%3Ccircle cx='36' cy='260' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
 color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--fd);font-weight:400;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:.005em}
h1{font-size:clamp(2.3rem,6.4vw,4.6rem)}h2{font-size:clamp(1.6rem,3.6vw,2.4rem)}h3{font-size:1.3rem}
p{margin:0}
.num,.mono{font-family:var(--fm);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mut{color:var(--mut)}.sm{font-size:.86rem}.err{color:var(--down);font-weight:600;font-size:.92rem}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--limeink);padding:8px 14px;border-radius:9px;z-index:99;font-weight:700}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--tongue);outline-offset:3px;border-radius:8px}

/* pond background */
.pondbg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(1100px 520px at 12% -8%,var(--glow),transparent 62%),
 radial-gradient(900px 480px at 100% 0,var(--glow),transparent 60%),
 var(--pat),linear-gradient(180deg,var(--bg) 0%,var(--bg) 40%,var(--bg2) 100%);background-size:auto,auto,420px 420px,auto}
.ffl{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 4px var(--lime);opacity:0}
:root[data-theme="dark"] .ffl{opacity:.0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ffl{animation:fly 9s ease-in-out infinite}}
:root[data-theme="dark"] .ffl{animation:fly 9s ease-in-out infinite}
.f1{left:12%;top:30%}.f2{left:78%;top:22%;animation-delay:-3s!important}.f3{left:45%;top:64%;animation-delay:-5s!important}.f4{left:88%;top:70%;animation-delay:-7s!important}.f5{left:24%;top:82%;animation-delay:-1s!important}
@keyframes fly{0%,100%{opacity:0;transform:translate(0,0)}25%{opacity:.9}50%{opacity:.2;transform:translate(26px,-30px)}75%{opacity:.9;transform:translate(-14px,-12px)}}

/* nav */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;padding:12px 16px 0}
.nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;background:var(--paper);border:1.5px solid var(--edge);border-radius:9px;padding:8px 10px 8px 14px;box-shadow:0 2px 0 var(--edge)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--fd);font-size:1.5rem;line-height:1;flex:none}
.bl{width:38px;height:34px;transition:transform .25s}.brand:hover .bl{transform:rotate(-8deg) scale(1.08)}
.links{display:flex;gap:2px;flex:1;justify-content:center;min-width:0}
.links a{text-decoration:none;font-weight:650;font-size:.95rem;padding:8px 14px;border-radius:9px;white-space:nowrap;color:var(--mut)}
.links a:hover{color:var(--ink);background:var(--paper2)}
.links a.on{background:var(--colony);color:var(--oncolony)}
.links a.go{background:var(--lime);color:var(--limeink)}
.tools{display:flex;gap:8px;align-items:center;flex:none}
.ib{width:40px;height:40px;border-radius:50%;border:2px solid var(--edge);background:var(--paper2);display:grid;place-items:center;padding:0}
.ib:hover{background:var(--lime);color:var(--limeink)}
.wbtn{border:1.5px solid var(--edge);background:var(--lime);color:var(--limeink);font-weight:750;border-radius:9px;padding:8px 16px;box-shadow:0 2px 0 var(--edge);transition:transform .1s,box-shadow .1s}
.wbtn:active{transform:translateY(3px);box-shadow:none}.wbtn.on{background:var(--paper2);color:var(--ink);font-family:var(--fm);font-size:.88rem}

.page{max-width:1180px;margin:0 auto;padding:28px 16px 70px;min-height:70vh;outline:none}
.pagehead{margin:10px 0 26px;display:grid;gap:10px;max-width:760px}
.pagehead p{color:var(--mut);font-size:1.08rem}
.kick{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;background:var(--paper);border:2px solid var(--edge);padding:4px 12px 4px 6px;border-radius:9px;width:fit-content}
.kick svg{width:26px;height:23px}

/* sticker surfaces */
.pad{background:var(--paper);border:1.5px solid var(--edge);border-radius:var(--r);box-shadow:0 2px 0 var(--edge);padding:20px;min-width:0}
.pad.flat{box-shadow:none}.pad.tight{padding:14px}.pad.deep{background:var(--deep);color:#f8e7d3}
.stack{display:grid;gap:18px;align-content:start}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}
.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sec{margin-top:64px;display:grid;gap:22px}
.sech{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}
.sech p{color:var(--mut);max-width:520px;margin-top:6px}
.more{font-weight:750;text-decoration:none;border-bottom:3px solid var(--lime)}.more:hover{border-color:var(--tongue)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--edge);background:var(--paper);color:var(--ink);font-weight:750;padding:11px 20px;border-radius:9px;box-shadow:0 2px 0 var(--edge);text-decoration:none;transition:transform .1s,box-shadow .1s;font-size:1rem}
.btn:hover{transform:translateY(-1px);box-shadow:0 2px 0 var(--edge)}.btn:active{transform:translateY(4px);box-shadow:0 0 0 var(--edge)}
.btn.go{background:var(--lime);color:var(--limeink)}.btn.colony{background:var(--colony);color:var(--oncolony)}.btn.ghost{box-shadow:none;background:transparent}
.btn.block{display:flex;width:100%}.btn.big{padding:15px 28px;font-size:1.1rem}.btn.sm{padding:7px 14px;font-size:.9rem;box-shadow:0 2px 0 var(--edge)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.spin{width:16px;height:16px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;display:inline-block;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.empty{display:grid;justify-items:center;gap:12px;padding:48px 16px;text-align:center;color:var(--mut)}
.empty svg.eg{width:84px;height:74px}

/* chips, tags */
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:3px 10px;border-radius:9px;border:2px solid var(--edge);background:var(--paper2);white-space:nowrap}
.chip.up{background:var(--colony);color:var(--oncolony)}.chip.down{background:var(--tongue);color:#3a0714}.chip.sun{background:var(--sun);color:#3a2a00}
.seg{display:inline-flex;border:1.5px solid var(--edge);border-radius:9px;overflow:hidden;background:var(--paper2)}
.seg button{border:0;background:none;padding:8px 16px;font-weight:700;font-size:.93rem}
.seg button.on{background:var(--ink);color:var(--paper)}
.seg.wide{display:flex}.seg.wide button{flex:1;padding:11px}
.seg.buy button.on[data-s=buy]{background:var(--colony);color:var(--oncolony)}.seg.buy button.on[data-s=sell]{background:var(--tongue);color:#3a0714}
.qs{display:flex;gap:7px;flex-wrap:wrap}
.qs button{border:2px solid var(--edge);background:var(--paper2);border-radius:9px;padding:4px 12px;font-weight:700;font-size:.85rem}
.qs button:hover,.qs button.on{background:var(--lime);color:var(--limeink)}

/* avatar */
.av{width:var(--s,48px);height:var(--s,48px);border-radius:50%;border:1.5px solid var(--edge);background:var(--bgc,#bfeaa0);display:grid;place-items:center;overflow:hidden;flex:none}
.av svg{width:84%;height:auto;margin-top:6%}.av img{width:100%;height:100%;object-fit:cover}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:center;padding-top:14px}
.hero h1{display:grid;gap:6px}
.hero h1 span.mk{display:inline-block;background:var(--lime);color:var(--limeink);padding:2px 16px 6px;border-radius:10px;border:3px solid var(--edge);box-shadow:0 2px 0 var(--edge);width:fit-content}
.hero p.lead{font-size:1.2rem;max-width:520px;margin:20px 0 26px}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.scene{position:relative;width:100%;aspect-ratio:520/430}
.scene svg{width:100%;height:100%;overflow:visible}
.bob{animation:bob 4.2s ease-in-out infinite;transform-origin:50% 90%;transform-box:fill-box}
.bob2{animation:bob 5.4s ease-in-out -2s infinite;transform-box:fill-box}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.ring{transform-box:fill-box;transform-origin:center;animation:rg 4s ease-out infinite}.ring.r2{animation-delay:-1.3s}.ring.r3{animation-delay:-2.6s}
@keyframes rg{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px}
.stat{background:var(--paper);border:1.5px solid var(--edge);border-radius:14px;padding:14px 24px;box-shadow:0 2px 0 var(--edge);display:grid;gap:2px;min-width:0}
.stat b{font-family:var(--fd);font-weight:400;font-size:1.65rem;line-height:1.1;overflow-wrap:anywhere}.stat span{font-size:.85rem;color:var(--mut);font-weight:600}

/* split bar (flywheel / creator / holders) */
.sbar{display:flex;height:16px;border:1.5px solid var(--edge);border-radius:9px;overflow:hidden;background:var(--paper2)}
.sbar i{display:block;height:100%;transition:flex-basis .25s}.sbar i+i{border-left:2px solid var(--edge)}
.sbar .sf{background:var(--c-fly)}.sbar .tre{background:var(--c-tre)}
.sbar .cre{background:var(--c-cre)}.sbar .hol{background:var(--c-hold)}
.sbar.lg{height:28px}
.lg3{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:.83rem;font-weight:650}
.lg3 span{display:inline-flex;align-items:center;gap:6px}.lg3 i{width:12px;height:12px;border-radius:50%;border:2px solid var(--edge);display:inline-block}
.dot-fly{background:var(--c-fly)}.dot-tre{background:var(--c-tre)}.dot-cre{background:var(--c-cre)}.dot-hold{background:var(--c-hold)}

/* token cards */
.tg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tc{display:grid;gap:12px;text-decoration:none;position:relative;transition:transform .12s,box-shadow .12s;padding:16px}
.tc:hover{transform:translateY(-3px);box-shadow:0 2px 0 var(--edge)}
.tc .hd{display:flex;gap:12px;align-items:center;min-width:0}
.tc .nm{min-width:0;flex:1}.tc .nm b{display:block;font-size:1.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc .nm small{color:var(--mut);font-family:var(--fm);font-size:.8rem}
.tc .mid{display:flex;justify-content:space-between;align-items:end;gap:10px}
.tc .mid .cap{font-family:var(--fd);font-size:1.5rem;line-height:1}.tc .mid small{display:block;color:var(--mut);font-weight:600;font-size:.78rem;margin-bottom:3px}
.spark{width:96px;height:36px;flex:none}
.tc .ft{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:.8rem;color:var(--mut);font-weight:600}
.tc .ft .tx{color:var(--ink)}
.rank{position:absolute;top:-10px;right:14px;background:var(--lime);color:var(--limeink);border:1.5px solid var(--edge);border-radius:9px;font-weight:800;font-size:.78rem;padding:1px 9px}

/* table */
.tbl{width:100%;border-collapse:separate;border-spacing:0 8px}
.tbl th{font-size:.8rem;color:var(--mut);text-align:right;font-weight:700;padding:0 12px 2px}.tbl th:first-child{text-align:left}
.tbl td{background:var(--paper);padding:11px 12px;text-align:right;border-top:2px solid var(--edge);border-bottom:2px solid var(--edge);white-space:nowrap}
.tbl td:first-child{text-align:left;border-left:2px solid var(--edge);border-radius:10px 0 0 10px}.tbl td:last-child{border-right:2px solid var(--edge);border-radius:0 10px 10px 0}
.tbl tr[data-href]{cursor:pointer}.tbl tr[data-href]:hover td{background:var(--paper2)}
.tbl .who{display:flex;gap:10px;align-items:center;min-width:0}.tbl .who b{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis}.tbl .who small{color:var(--mut);font-family:var(--fm)}
.tscroll{overflow-x:auto;margin:0 -4px;padding:0 4px}
.up{color:var(--up)}.down{color:var(--down)}

/* tools row for explore */
.bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:18px}
.in{width:100%;background:var(--paper2);color:var(--ink);border:1.5px solid var(--edge);border-radius:9px;padding:11px 14px;font:inherit;font-size:1rem;min-width:0}
.in:focus{outline:3px solid var(--lime);outline-offset:0}
textarea.in{resize:vertical;min-height:84px}
.field{display:grid;gap:7px}.field label,.fl{font-weight:700;font-size:.9rem}.hint{font-size:.83rem;color:var(--mut)}
.in-row{position:relative}.in-row .in{padding-right:76px;font-family:var(--fm);font-size:1.15rem}
.suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-weight:800;font-size:.9rem;color:var(--mut);pointer-events:none}
.kv{display:grid;gap:8px;font-size:.92rem}.kv>div{display:flex;justify-content:space-between;gap:12px}.kv span{color:var(--mut)}.kv b{text-align:right;overflow-wrap:anywhere}

/* token page */
.th{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:6px 0 22px}
.th h1{font-size:clamp(1.8rem,4.5vw,3rem)}
.th .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
.th .big{--s:76px}
.px{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-left:auto;text-align:right}
.px .cap{font-family:var(--fd);font-size:2.2rem;line-height:1}.px small{display:block;color:var(--mut);font-weight:600}
.chartbox{position:relative;touch-action:pan-y;cursor:crosshair}
.chart{width:100%;height:240px;display:block;color:var(--ink)}
.xh{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed var(--edge);opacity:0;pointer-events:none}
.xd{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--lime);border:3px solid var(--edge);opacity:0;pointer-events:none}
.xt{position:absolute;top:-6px;transform:translateX(-50%);background:var(--ink);color:var(--paper);font-size:.78rem;padding:3px 9px;border-radius:9px;white-space:nowrap;opacity:0;pointer-events:none;font-weight:650}
.chartbox:hover .xh,.chartbox:hover .xd,.chartbox:hover .xt{opacity:1}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs button{border:1.5px solid var(--edge);background:var(--paper2);border-radius:9px;padding:6px 16px;font-weight:700;font-size:.92rem}
.tabs button.on{background:var(--ink);color:var(--paper)}
.sw{position:sticky;top:92px}
.rw{background:var(--lime);color:var(--limeink);border:1.5px solid var(--edge);border-radius:var(--r);padding:16px;display:grid;gap:10px;box-shadow:0 2px 0 var(--edge)}
.rw b.v{font-family:var(--fd);font-weight:400;font-size:1.9rem;line-height:1}
.rw .btn{background:var(--paper);color:var(--ink)}
.flowmini{display:grid;gap:12px}
.flowmini .ln{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.92rem}
.flowmini .ln i{width:14px;height:14px;border-radius:50%;border:2px solid var(--edge)}
.flowmini .ln b{text-align:right}
.addr{font-family:var(--fm);font-size:.82rem;background:var(--paper2);border:2px solid var(--edge);border-radius:9px;padding:3px 10px;cursor:pointer}
.addr:hover{background:var(--lime);color:var(--limeink)}

/* launch wizard */
.wz{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.rail{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.rail button{display:flex;align-items:center;gap:9px;border:1.5px solid var(--edge);background:var(--paper);border-radius:9px;padding:6px 16px 6px 7px;font-weight:700}
.rail button i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--paper2);border:2px solid var(--edge);font-family:var(--fd);font-size:.95rem}
.rail button.on{background:var(--lime);color:var(--limeink)}.rail button.on i{background:var(--paper)}.rail button.done i{background:var(--colony);color:var(--oncolony)}
.taxpick{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.taxpick button{border:1.5px solid var(--edge);background:var(--paper2);border-radius:11px;padding:12px 0 10px;font-family:var(--fd);font-size:1.7rem;line-height:1;box-shadow:0 2px 0 var(--edge);display:grid;gap:3px;justify-items:center}
.taxpick button small{font-family:var(--fb);font-size:.7rem;font-weight:700;color:var(--mut)}
.taxpick button:hover{background:var(--paper)}
.taxpick button.on{background:var(--lime);color:var(--limeink);transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.taxpick button.on small{color:var(--limeink)}
.slider{width:100%;accent-color:var(--colony);height:30px}
.split3{display:grid;gap:12px;background:var(--paper2);border:1.5px solid var(--edge);border-radius:10px;padding:14px}
.callout{background:var(--paper2);border:1.5px dashed var(--edge);border-radius:10px;padding:12px 14px;font-size:.92rem}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}.agree input{width:20px;height:20px;accent-color:var(--colony);margin-top:2px;flex:none}
.up-img{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.up-img input[type=file]{font:inherit;font-size:.9rem;max-width:100%}

/* explainer: follow the tax */
.river{background:var(--deep);color:#f8e7d3;border:1.5px solid var(--edge);border-radius:16px;box-shadow:0 2px 0 var(--edge);padding:22px;display:grid;gap:18px;overflow:hidden;position:relative}
.river .ctl{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:18px 30px;align-items:end;justify-content:start}
.river .ctl>div{display:grid;gap:7px}.river .ctl label{font-size:.82rem;font-weight:700;color:#d2b19c}
.river .seg{background:#3a1f26;border-color:#070304}.river .seg button.on{background:var(--lime);color:#2b1411}
.river .qs button{background:#3a1f26;border-color:#070304;color:#f8e7d3}.river .qs button.on{background:var(--lime);color:#2b1411}
.riv svg{width:100%;height:auto;display:block;overflow:visible}
.riv text{font-family:var(--fb);fill:#f8e7d3}
.riv .t-big{font-family:var(--fd);font-size:30px}.riv .t-sm{font-size:15px;font-weight:600;fill:#d2b19c}.riv .t-md{font-size:18px;font-weight:700}
.rv-flow{stroke-dasharray:3 14;animation:flow 1.1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-34}}
.dest{display:grid;gap:10px;align-content:start}
.dest .ic{width:54px;height:54px;border-radius:10px;border:1.5px solid var(--edge);display:grid;place-items:center;font-size:1.7rem}
.dest.dfly .ic{background:var(--c-fly)}.dest.tre .ic{background:var(--c-tre)}.dest.cre .ic{background:var(--c-cre)}.dest.hol .ic{background:var(--c-hold)}
.dest ul{margin:0;padding-left:18px;color:var(--mut);display:grid;gap:4px;font-size:.93rem}
.stones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.stone{display:grid;gap:8px;justify-items:start;position:relative}
.stone .pd{width:78px;height:78px;position:relative;display:grid;place-items:center;font-family:var(--fd);font-size:1.7rem;color:#2b1411;--padc:var(--colony)}
.stone .pd svg{position:absolute;inset:0;width:100%;height:100%}.stone .pd span{position:relative;margin-top:2px}
.stone p{color:var(--mut);font-size:.93rem}
.stones:before{content:"";position:absolute;left:40px;right:60px;top:38px;border-top:4px dotted var(--edge);opacity:.35}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rule{display:flex;gap:14px;align-items:flex-start}.rule .ck{width:34px;height:34px;border-radius:50%;background:var(--colony);color:var(--oncolony);border:1.5px solid var(--edge);display:grid;place-items:center;font-weight:900;flex:none}
.rule p{color:var(--mut);font-size:.93rem}.rule b{display:block}

/* flywheel */
.fw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}
.wheel{position:relative;width:min(100%,430px);aspect-ratio:1;margin:0 auto}
.wheel svg{width:100%;height:100%;overflow:visible}
.spinwheel{transform-origin:215px 215px;animation:turn 26s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.burnbig{font-family:var(--fd);font-size:clamp(2.2rem,6vw,4rem);line-height:1;color:var(--fire)}
.ember{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pill-on{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:.88rem}
.led{width:11px;height:11px;border-radius:50%;background:var(--colony);border:2px solid var(--edge);display:inline-block}.led.off{background:var(--mut)}
.led.pulse{animation:pl 1.6s ease-in-out infinite}@keyframes pl{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--colony) 30%,transparent)}}
.list{display:grid;gap:8px}.list .it{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--paper2);border:2px solid var(--edge);border-radius:9px;padding:9px 14px;font-size:.92rem}
.list .it a{text-decoration:none}

/* rewards */
.sum3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sum3 .pad b{font-family:var(--fd);font-weight:400;font-size:1.8rem;display:block;line-height:1.1}.sum3 .pad span{color:var(--mut);font-size:.88rem;font-weight:600}
.rr{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:center;padding:12px 16px;background:var(--paper);border:1.5px solid var(--edge);border-radius:11px}
.rr small{color:var(--mut);display:block;font-weight:600;font-size:.78rem}

/* faq */
details{background:var(--paper);border:1.5px solid var(--edge);border-radius:11px;padding:0;overflow:hidden}
details+details{margin-top:10px}
summary{cursor:pointer;font-weight:750;padding:15px 18px;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-family:var(--fd);font-size:1.5rem;line-height:1;background:var(--lime);color:var(--limeink);border:2px solid var(--edge);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex:none}
details[open] summary:after{content:"–"}
details p{padding:0 18px 16px;color:var(--mut)}

/* feed */
.croak{display:grid;gap:8px}
.croak .c{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--paper);border:2px solid var(--edge);border-radius:9px;padding:8px 12px;font-size:.92rem;text-decoration:none}
.croak .c:hover{background:var(--paper2)}
.croak .tag{font-weight:800;font-size:.75rem;padding:2px 9px;border-radius:9px;border:2px solid var(--edge)}.tag.b{background:var(--colony);color:var(--oncolony)}.tag.s{background:var(--tongue);color:#3a0714}

/* footer, wave */
.foot{position:relative;margin-top:30px;background:var(--deep);color:#f8e7d3;padding:0 16px 40px}
.wave{position:absolute;left:0;right:0;top:-34px;height:36px;background:var(--deep);-webkit-mask:radial-gradient(circle at 20px 36px,#000 20px,transparent 21px) 0 0/40px 36px repeat-x;mask:radial-gradient(circle at 20px 36px,#000 20px,transparent 21px) 0 0/40px 36px repeat-x}
.fin{max-width:1180px;margin:0 auto;padding-top:22px;display:grid;gap:18px}
.fbrand{display:flex;gap:14px;align-items:center}.fbrand b{font-family:var(--fd);font-weight:400;font-size:1.7rem;display:block;line-height:1}.fbrand small{color:#d2b19c}
.fl{display:flex;gap:6px 22px;flex-wrap:wrap}.fl a{text-decoration:none;font-weight:650;color:#f8e7d3}.fl a:hover{color:var(--lime)}
.warn{color:#ad8f7d;font-size:.82rem;max-width:760px}

/* find, toast */
.find{position:fixed;inset:0;background:rgba(14,5,7,.66);display:none;align-items:flex-start;justify-content:center;padding:12vh 16px;z-index:80;backdrop-filter:blur(3px)}.find.open{display:flex}
.find .box{width:min(560px,100%);background:var(--paper);border:1.5px solid var(--edge);border-radius:14px;box-shadow:0 2px 0 var(--edge);padding:12px;display:grid;gap:8px}
.find .res{display:grid;gap:4px;max-height:50vh;overflow:auto}
.find .res a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:14px;text-decoration:none;font-weight:650}.find .res a.sel,.find .res a:hover{background:var(--lime);color:var(--limeink)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,30px);background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:9px;font-weight:650;opacity:0;pointer-events:none;transition:.25s;z-index:90;max-width:92vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* responsive */
@media (max-width:1020px){
 .hero{grid-template-columns:1fr}.scene{max-width:480px;margin:0 auto}
 .grid2,.wz,.fw{grid-template-columns:1fr}.sw{position:static}
 .tg{grid-template-columns:repeat(2,minmax(0,1fr))}.stats,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stones{grid-template-columns:repeat(2,minmax(0,1fr))}.stones:before{display:none}
}
@media (max-width:760px){
 .nav{flex-wrap:wrap;border-radius:16px;padding:8px 10px}.brand{order:1}.tools{order:2;margin-left:auto}
 .links{order:3;flex:1 0 100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.links a{padding:7px 12px}
 .grid3,.grid4,.sum3,.rules{grid-template-columns:1fr}.tg{grid-template-columns:1fr}
 .px{margin-left:0;text-align:left}
 .river .ctl{grid-template-columns:1fr}
 .rr{grid-template-columns:1fr 1fr}
 .sw{position:static}.stat{border-radius:34px}
 .rw b.v{font-size:1.6rem}.page{padding-top:18px}
}
@media (max-width:480px){.grid4,.stones{grid-template-columns:1fr}.stat{padding:12px 16px}.stat b{font-size:1.35rem}.taxpick button{font-size:1.4rem}.hero h1 span.mk{padding:2px 12px 5px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.fl-lab{font-weight:700;font-size:.9rem}
.ctab{background:var(--lime);color:var(--limeink);display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.seg button{white-space:nowrap}
@media (max-width:760px){.ctab{grid-template-columns:1fr;justify-items:start}.ctab>div:first-child{width:84px!important}}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.9rem)}.hero h1 span.mk{white-space:nowrap}@media (max-width:480px){.hero h1 span.mk{white-space:normal}}

@media(max-width:1000px) and (min-width:641px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Colony mission-control layer ---------- */
.pondbg{background:
 radial-gradient(1000px 520px at 85% -10%,var(--glow),transparent 62%),
 radial-gradient(800px 460px at 0 10%,color-mix(in srgb,var(--c-hold) 10%,transparent),transparent 60%),
 var(--pat),linear-gradient(180deg,var(--bg) 0%,var(--bg) 45%,var(--bg2) 100%);background-size:auto,auto,520px 520px,auto}
.ffl{background:var(--sun);box-shadow:0 0 10px 3px color-mix(in srgb,var(--sun) 70%,transparent);width:4px;height:4px}
h1,h2,h3{font-weight:800;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(1.9rem,5.2vw,3.7rem)}h2{font-size:clamp(1.35rem,3vw,2rem)}h3{font-size:1.08rem;font-weight:700}
.stat b,.tc .mid .cap,.px .cap,.sum3 .pad b,.rw b.v,.fbrand b,.burnbig{font-weight:700;letter-spacing:-.03em}
.brand{font-weight:800;letter-spacing:-.04em;font-size:1.3rem}
.nav{border-radius:14px;box-shadow:none;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px)}
.links a.on{background:var(--ink);color:var(--paper)}
.links a.go{background:var(--lime);color:var(--limeink)}
.wbtn{box-shadow:none;border-radius:9px}.wbtn:active{transform:none}
.ib{border-radius:9px;border-width:1.5px}
.btn{box-shadow:none;border-radius:10px;letter-spacing:-.005em}
.btn:hover{transform:none;background:var(--paper2)}.btn.go:hover{background:#ffe59b}.btn:active{transform:translateY(1px)}
.btn.colony{background:var(--colony);color:var(--oncolony)}.btn.colony:hover{background:var(--colonyd)}
.btn.sm{box-shadow:none}
/* panels: flat, with registration marks in two corners */
.pad{box-shadow:none;position:relative;border-radius:var(--r)}
.pad:before,.pad:after{content:"";position:absolute;width:11px;height:11px;pointer-events:none;opacity:.7}
.pad:before{left:6px;top:6px;border-left:2px solid var(--colony);border-top:2px solid var(--colony);border-top-left-radius:4px}
.pad:after{right:6px;bottom:6px;border-right:2px solid var(--colony);border-bottom:2px solid var(--colony);border-bottom-right-radius:4px}
.pad.deep:before,.pad.deep:after,.river:before,.river:after{border-color:var(--sun)}
.tc:hover{box-shadow:0 0 0 2px var(--colony)}
.stat{border-radius:12px;box-shadow:none;border-left:6px solid var(--colony);padding:14px 20px}
.kick{border-radius:6px;font-family:var(--fm);font-weight:600;font-size:.8rem;padding:4px 10px 4px 6px;letter-spacing:-.01em}
.kick svg{width:22px;height:22px}
.hero h1 span.mk{background:var(--colony);color:var(--oncolony);border:0;box-shadow:none;border-radius:8px;padding:.02em .32em .1em;transform:none}
.chip.up,.seg.buy button.on[data-s=buy],.tag.b,.rule .ck{background:var(--pos);color:#06241b}
.chip.sun{background:var(--sun)}
.seg.buy button.on[data-s=sell],.tag.s,.chip.down{background:var(--tongue);color:#2d0710}
.sbar{border-radius:6px;height:14px}.sbar.lg{height:26px}
.lg3 i{border-radius:3px}
.river{border-radius:16px;box-shadow:none;background:linear-gradient(180deg,#1e0d12 0%,var(--deep) 60%,#3a1a14 100%)}
.river:before,.river:after{content:"";position:absolute;width:14px;height:14px;opacity:.8}
.river:before{left:9px;top:9px;border-left:2px solid var(--sun);border-top:2px solid var(--sun)}
.river:after{right:9px;bottom:9px;border-right:2px solid var(--sun);border-bottom:2px solid var(--sun)}
.river .seg{background:#3a1f26;border-color:#070304}.river .seg button{color:#f8e7d3}.river .seg button.on{background:var(--lime);color:#2b1411}
.taxpick button{border-radius:10px;box-shadow:none;padding:12px 0 10px;font-weight:700}
.taxpick button.on{transform:none;box-shadow:none;outline:3px solid var(--colony);outline-offset:-1px}
.taxpick button.on{background:var(--lime)}
.rail button{border-radius:9px}.rail button i{border-radius:6px}
.rw{border-radius:var(--r);box-shadow:none}
.dest .ic{border-radius:10px;border-width:1.5px}
.stone .pd{border-radius:50%}
.stones:before{border-top:2px dashed var(--edge);opacity:.35}
.callout{border-style:dashed}
.addr{border-radius:6px}
.av{border-width:2px}
.foot{background:linear-gradient(180deg,#1e0d12,var(--deep));color:#f8e7d3;margin-top:70px}
.wave{top:-1px;height:24px;background:repeating-linear-gradient(90deg,var(--colony) 0 22px,transparent 22px 36px);-webkit-mask:none;mask:none;opacity:.9;height:4px}
.fl a:hover{color:var(--sun)}
.xd{background:var(--sun)}
.seg button.on{background:var(--ink);color:var(--paper)}
.led{border-radius:2px}
summary:after{border-radius:6px;background:var(--lime)}
.in:focus{outline:3px solid color-mix(in srgb,var(--colony) 60%,transparent);outline-offset:0}
::selection{background:var(--colony);color:var(--oncolony)}

/* ---------- per-page layers: each page has its own Mars backdrop and layout ---------- */
.pondbg{background-repeat:no-repeat}
body[data-page=home] .pondbg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='340' viewBox='0 0 1600 340'%3E%3Cpath d='M0 220c120-60 260-70 400-30s260 40 420-10 300-50 420-10 250 20 360-20v190H0z' fill='%2523c8452a' fill-opacity='.14'/%3E%3Cpath d='M0 270c160-50 300-40 460 0s300 30 440-10 300-30 420 8 200 20 280-4v76H0z' fill='%2523c8452a' fill-opacity='.2'/%3E%3C/svg%3E") bottom/1600px 340px repeat-x,radial-gradient(1000px 520px at 85% -10%,var(--glow),transparent 62%),var(--pat),linear-gradient(180deg,var(--bg) 0%,var(--bg) 50%,var(--bg2) 100%);background-size:1600px 340px,auto,520px 520px,auto;background-position:bottom,0 0,0 0,0 0}
body[data-page=market] .pondbg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='520' viewBox='0 0 720 520'%3E%3Cg fill='none' stroke='%2523c8452a' stroke-opacity='.26' stroke-width='2'%3E%3Cpath d='M120 150c40-70 150-84 210-30s30 120-30 150-140 10-180-40-20-40 0-80z'/%3E%3Cpath d='M148 158c30-48 110-58 154-20s20 90-24 110-100 6-130-30-14-30 0-60z'/%3E%3Cpath d='M180 166c20-26 70-30 90-6s10 52-14 62-56 2-72-18-6-24-4-38z'/%3E%3Cpath d='M470 330c50-60 150-50 190 10s-10 140-90 150-140-30-120-90 10-40 20-70z'/%3E%3Cpath d='M500 338c36-40 106-34 134 8s-8 100-64 108-100-22-86-64 6-30 16-52z'/%3E%3Cpath d='M60 440c60-30 140-20 180 20' /%3E%3Cpath d='M380 60c60-30 140-10 180 30' /%3E%3C/g%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent 0 79px,color-mix(in srgb,var(--colony) 9%,transparent) 79px 80px),repeating-linear-gradient(90deg,transparent 0 79px,color-mix(in srgb,var(--colony) 9%,transparent) 79px 80px),linear-gradient(180deg,var(--bg),var(--bg2));background-size:720px 520px,auto,auto,auto;background-repeat:repeat,repeat,repeat,no-repeat}
body[data-page=token] .pondbg{background:radial-gradient(circle at 92% 8%,transparent 0 170px,color-mix(in srgb,var(--colony) 22%,transparent) 171px 173px,transparent 174px 250px,color-mix(in srgb,var(--colony) 14%,transparent) 251px 252px,transparent 253px),var(--pat),linear-gradient(180deg,var(--bg),var(--bg2))}
body[data-page=launch] .pondbg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='520' viewBox='0 0 260 520'%3E%3Cg fill='none' stroke='%2523c8452a' stroke-opacity='.3' stroke-width='3'%3E%3Cpath d='M170 520V120M214 520V120M170 150h44M170 200h44M170 250h44M170 300h44M170 350h44M170 400h44M170 450h44M170 150l44 50M214 200l-44 50M170 250l44 50M214 300l-44 50M170 350l44 50M214 400l-44 50M214 120h-90l-14 20'/%3E%3C/g%3E%3C/svg%3E") right 4% bottom/260px 520px no-repeat,radial-gradient(900px 420px at 50% 112%,color-mix(in srgb,var(--sun) 55%,transparent),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
body[data-page=rewards] .pondbg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='340' viewBox='0 0 1600 340'%3E%3Cpath d='M0 250c120-50 260-60 400-26s260 34 420-8 300-44 420-8 250 16 360-18v150H0z' fill='%2523c8452a' fill-opacity='.16'/%3E%3Cpath d='M0 300c160-40 300-30 460 4s300 24 440-8 300-26 420 6 200 16 280-2v40H0z' fill='%2523c8452a' fill-opacity='.22'/%3E%3Cg fill='%2523c8452a' fill-opacity='.3'%3E%3Cpath d='M1180 262a46 46 0 0 1 92 0z'/%3E%3Crect x='1176' y='260' width='100' height='8'/%3E%3Cpath d='M1300 268a26 26 0 0 1 52 0z'/%3E%3Crect x='1226' y='214' width='3' height='48'/%3E%3C/g%3E%3C/svg%3E") bottom/1600px 340px repeat-x,linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
body[data-page=flywheel] .pondbg{background:repeating-radial-gradient(circle at 22% 24%,transparent 0 58px,color-mix(in srgb,var(--colony) 16%,transparent) 58px 60px),linear-gradient(180deg,var(--bg),var(--bg2))}
body[data-page=how] .pondbg{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='520' viewBox='0 0 1200 520'%3E%3Cg fill='%2523c8452a'%3E%3Cpath d='M0 40c200-24 400 20 600-4s400-20 600 6v60c-200-24-400 20-600-4S200 74 0 100z' fill-opacity='.08'/%3E%3Cpath d='M0 150c200-20 400 16 600-4s400-16 600 4v80c-200-20-400 16-600-4S200 214 0 230z' fill-opacity='.12'/%3E%3Cpath d='M0 290c200-16 400 14 600-2s400-12 600 2v50c-200-14-400 14-600-2S200 326 0 340z' fill-opacity='.08'/%3E%3Cpath d='M0 400c200-18 400 12 600-4s400-10 600 4v120H0z' fill-opacity='.14'/%3E%3C/g%3E%3C/svg%3E") 0 0/1200px 520px repeat,linear-gradient(180deg,var(--bg),var(--bg2))}
body[data-page=faq] .pondbg{background:repeating-radial-gradient(circle at 100% 0,transparent 0 68px,color-mix(in srgb,var(--colony) 18%,transparent) 68px 70px),linear-gradient(180deg,var(--bg),var(--bg2))}
@media (max-width:760px){body[data-page=launch] .pondbg{background-size:160px 320px,auto,auto}}

/* explore: registry */
.reg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:6px 0 22px;padding:26px 28px;border:1.5px solid var(--edge);border-radius:14px;background:linear-gradient(110deg,var(--paper) 0 62%,color-mix(in srgb,var(--colony) 12%,var(--paper)) 100%);position:relative}
.reg-head h1{font-size:clamp(2rem,5vw,3.4rem)}.reg-head p{color:var(--mut);max-width:560px;margin-top:10px}
.reg-n{text-align:right;display:grid}.reg-n b{font-family:var(--fd);font-size:clamp(2.4rem,6vw,4rem);line-height:1;color:var(--colony);font-weight:800}.reg-n span{color:var(--mut);font-weight:600;font-size:.9rem}
body[data-page=market] .tbl tbody tr{border-left:5px solid transparent}body[data-page=market] .tbl tbody tr:hover{border-left-color:var(--colony);background:color-mix(in srgb,var(--colony) 7%,var(--paper))}

/* token: dossier on a dark sky */
.dossier{position:relative;overflow:hidden;background:linear-gradient(160deg,#1e0d12 0%,var(--deep) 55%,#4a1f16 100%);color:#f8e7d3;border-radius:16px;padding:26px 28px 24px;margin:6px 0 24px;border:1.5px solid var(--edge)}
.dossier .dz{position:absolute;right:0;top:0;height:100%;width:62%;pointer-events:none;opacity:.95}
.dossier .th,.dossier .desc{position:relative;z-index:1}.dossier .th{margin:0}
.dossier h1{color:#f8e7d3}.dossier .px small{color:#d2b19c}.dossier .px .cap{color:#fff3e4}
.dossier .desc{max-width:560px;margin-top:14px;color:#e6cbb8}
.dossier .addr{background:#3a1f26;color:#f8e7d3;border-color:#070304}
@media (max-width:760px){.dossier{padding:20px 18px}.dossier .dz{width:100%;opacity:.45}}

/* launch: control room with a countdown rail and a rocket on the pad */
.lc-head{padding:4px 0 22px;margin-bottom:24px;border-bottom:2px dashed var(--edge);display:grid;gap:10px;max-width:none}
.lc-head h1{font-size:clamp(2.2rem,6vw,4.2rem);letter-spacing:-.04em}.lc-head p{color:var(--mut);max-width:620px;font-size:1.05rem}
.wz.lc{grid-template-columns:150px minmax(0,1.3fr) minmax(0,1fr)}
.lrail{flex-direction:column;align-items:stretch;flex-wrap:nowrap;position:sticky;top:92px;margin:0;background:var(--paper);border:1.5px solid var(--edge);border-radius:14px;padding:12px;gap:8px;--alt:0}
.lrail button{border-radius:9px;padding:7px 10px;gap:10px;justify-content:flex-start}
.lrail button i{width:auto;height:auto;border:0;background:none;border-radius:0;font-size:.8rem;font-weight:800;color:var(--colony);min-width:28px}
.lrail button.on i,.lrail button.done i{background:none;color:inherit}
.lrail .lpad{width:100%;height:auto;color:var(--ink);margin-top:6px}
.lrail .rk{transform:translateY(calc(var(--alt) * -34px));transition:transform .8s cubic-bezier(.3,.7,.2,1)}
.lrail .fl{opacity:calc(var(--alt) / 2)}
@media (max-width:1000px){.wz.lc{grid-template-columns:1fr}.lrail{flex-direction:row;position:static;flex-wrap:wrap}.lrail .lpad{display:none}}

/* rewards: supply depot */
.dp-head{margin:6px 0 24px;padding:26px 28px 34px;border-radius:14px;border:1.5px solid var(--edge);background:linear-gradient(180deg,var(--paper) 0 62%,color-mix(in srgb,var(--c-cre) 28%,var(--paper)) 62% 78%,color-mix(in srgb,var(--colony) 24%,var(--paper)) 78% 100%)}
.dp-head h1{font-size:clamp(2rem,5vw,3.2rem)}.dp-head p{color:var(--mut);margin-top:8px;max-width:560px}
.sum3 .pad{border-left:7px solid var(--c-hold)}.sum3 .pad:nth-child(2){border-left-color:var(--c-cre)}.sum3 .pad:nth-child(3){border-left-color:var(--pos)}

/* flywheel: reactor core */
.reactor{position:relative;overflow:hidden;border-radius:20px;padding:30px 30px 34px;color:#f8e7d3;border:1.5px solid var(--edge);background:radial-gradient(520px 420px at 24% 62%,color-mix(in srgb,var(--c-fly) 34%,transparent),transparent 70%),linear-gradient(170deg,#1e0d12,var(--deep) 60%,#3a1a14)}
.reactor .rhead{display:grid;gap:10px;margin-bottom:18px;max-width:720px}.reactor .rhead p,.reactor .mut{color:#d2b19c}
.reactor h1{color:#fff3e4}.reactor .burnbig{color:var(--sun)}
.reactor .pad{background:color-mix(in srgb,#fff3e4 8%,#1e0d12);border-color:#070304;color:#f8e7d3}.reactor .pad.deep{background:var(--colony);color:#fff3e4}
.reactor .pad small{color:#d2b19c}.reactor .addr{background:#3a1f26;color:#f8e7d3;border-color:#070304}
.reactor .pill-on{background:#3a1f26;color:#f8e7d3;border-color:#070304}
@media (max-width:760px){.reactor{padding:20px 16px 24px}}

/* how: canyon strata */
.cy-head{margin:6px 0 26px;padding:26px 28px 40px;border-radius:14px;border:1.5px solid var(--edge);background:linear-gradient(180deg,var(--paper) 0 55%,color-mix(in srgb,var(--c-cre) 22%,var(--paper)) 55% 68%,color-mix(in srgb,var(--c-fly) 24%,var(--paper)) 68% 82%,color-mix(in srgb,var(--colony) 34%,var(--paper)) 82% 100%)}
.cy-head h1{font-size:clamp(2rem,5vw,3.4rem)}.cy-head p{max-width:600px;margin-top:10px;color:var(--mut)}
body[data-page=how] .stones{grid-template-columns:1fr;gap:0;border:1.5px solid var(--edge);border-radius:14px;overflow:hidden}
body[data-page=how] .stone{display:grid;grid-template-columns:90px 160px minmax(0,1fr);gap:18px;align-items:center;padding:18px 22px;background:var(--paper);border:0;border-radius:0;box-shadow:none}
body[data-page=how] .stone:nth-child(2n){background:color-mix(in srgb,var(--colony) 7%,var(--paper))}
body[data-page=how] .stone+.stone{border-top:1.5px dashed var(--edge)}
body[data-page=how] .stone .pd{width:64px;margin:0}
@media (max-width:760px){body[data-page=how] .stone{grid-template-columns:64px 1fr}body[data-page=how] .stone p{grid-column:1/-1}}

/* faq: comms log */
.cm-head{display:flex;gap:22px;align-items:center;margin:6px 0 24px;padding:22px 28px;border:1.5px solid var(--edge);border-radius:14px;background:var(--paper);color:var(--ink)}
.cm-head svg{width:96px;flex:none}.cm-head p{color:var(--mut);margin-top:6px}
.cm-list{max-width:820px}.cm-list details{border-left:6px solid var(--colony)}.cm-list details[open]{border-left-color:var(--c-cre)}
@media (max-width:760px){.cm-head{padding:18px}.cm-head svg{width:64px}}
.dossier .chip:not(.sun):not(.up):not(.down){background:#3a1f26;color:#f8e7d3;border-color:#070304}
.dossier a.chip{text-decoration:none}
.reactor .wheel svg [stroke="var(--ink)"]{stroke:#f8e7d3}
.reactor .pad.deep .mut,.reactor .pad.deep p{color:#ffe3d0}
.reactor .pad.deep .btn{color:#2a1318}
.dp-head,.cy-head{background:var(--paper);position:relative;padding-bottom:64px;overflow:hidden}
.dp-head:after,.cy-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px}
.dp-head:after{background:linear-gradient(180deg,color-mix(in srgb,var(--c-cre) 40%,var(--paper)) 0 50%,color-mix(in srgb,var(--colony) 38%,var(--paper)) 50% 100%)}
.cy-head:after{height:40px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-cre) 36%,var(--paper)) 0 25%,color-mix(in srgb,var(--c-fly) 38%,var(--paper)) 25% 50%,color-mix(in srgb,var(--colony) 50%,var(--paper)) 50% 75%,color-mix(in srgb,var(--deep) 30%,var(--colony)) 75% 100%)}

/* =====================================================================
   Colony v3: ops console. Left dock, chamfered slabs, hex avatars,
   underline controls, ledger tables. Overrides everything above.
   ===================================================================== */
:root{--ch:14px;--dockw:236px}
.chamf{clip-path:polygon(0 0,calc(100% - var(--ch)) 0,100% var(--ch),100% 100%,var(--ch) 100%,0 calc(100% - var(--ch)))}

/* shell */
body{padding-left:var(--dockw)}
.dock{position:fixed;left:0;top:0;bottom:0;width:var(--dockw);z-index:50;background:var(--deep);color:#f8e7d3;display:flex;flex-direction:column;gap:22px;padding:22px 16px 18px;border-right:3px solid var(--colony)}
.dock .brand{font-size:1.6rem;gap:10px;padding:2px 6px 14px;border-bottom:1px dashed #5a3a38;color:#fff3e4}
.dock .bl{width:44px;height:40px}
.dock .links{flex-direction:column;justify-content:flex-start;gap:4px;flex:1}
.dock .links a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:0;color:#d2b19c;font-weight:650;font-size:.97rem;border-left:4px solid transparent;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.dock .links a:hover{background:#3a1f26;color:#fff3e4}
.dock .links a.on{background:#fff3e4;color:#2a1318;border-left-color:var(--colony)}
.dock .links a.go{background:var(--colony);color:#fff3e4;margin-bottom:10px}
.dock .links a.go.on{background:var(--lime);color:#2a1318;border-left-color:#2a1318}
.dock .tools{flex-direction:column;align-items:stretch;gap:10px}
.dock .wbtn{width:100%;border-radius:0;box-shadow:none;border:0;padding:12px 14px;font-weight:800;background:var(--lime);color:#2a1318;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.dock .wbtn.on{background:#3a1f26;color:#f8e7d3}
.dock .tl2{display:flex;gap:8px}
.dock .ib{border-radius:0;flex:1;height:40px;width:auto;border:0;background:#3a1f26;color:#f8e7d3;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.dock .ib:hover{background:var(--lime);color:#2a1318}
.shell{min-width:0}
.ticker{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;background:var(--ink);color:var(--paper);border-bottom:3px solid var(--colony);position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.ticker span{display:flex;gap:10px;align-items:baseline;padding:9px 22px;white-space:nowrap;border-right:1px solid color-mix(in srgb,var(--paper) 18%,transparent)}
.ticker i{font-style:normal;font-size:.76rem;opacity:.7;font-weight:600}.ticker b{font-family:var(--fm);font-size:.9rem;font-weight:700}
.page{max-width:1160px;padding:30px 28px 70px}
.top,.nav,.wave{display:none}
.foot{margin-top:0;padding:0 28px 36px;background:var(--deep)}
.foot .fin{max-width:1160px;padding-top:30px;border-top:0}
body{background:var(--bg)}

/* slabs: every panel is a chamfered, flat plate */
.pad,.stat,.tc,.dest,.rule,.callout,.find .box,.river,.reactor,.dossier,.reg-head,.dp-head,.cy-head,.cm-head,.lc-head,.ctab,.stone{border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--edge);clip-path:polygon(0 0,calc(100% - var(--ch)) 0,100% var(--ch),100% 100%,var(--ch) 100%,0 calc(100% - var(--ch)))}
.pad,.stat,.tc,.dest,.rule,.reg-head,.dp-head,.cy-head,.cm-head,.ctab,.river,.reactor,.dossier{position:relative}
.pad:before,.stat:before,.tc:before,.river:before,.reactor:before{content:none!important}
.pad:after,.stat:after,.tc:after,.river:after,.reactor:after,.dossier:after,.reg-head:after,.cm-head:after{content:"";position:absolute;top:0;right:0;width:var(--ch);height:var(--ch);left:auto;bottom:auto;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--edge) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}
.pad.deep:after,.river:after,.reactor:after,.dossier:after{background:linear-gradient(to top right,transparent calc(50% - 1px),var(--colony) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.dp-head:after,.cy-head:after{height:40px;width:auto;left:0;right:0;top:auto;bottom:0}
.pad{border-top:0;background:var(--paper);box-shadow:inset 0 3px 0 var(--ink),inset 0 0 0 1.5px var(--edge)}
.pad.deep,.pad.tight{box-shadow:inset 0 0 0 1.5px var(--edge)}
.pad.deep{box-shadow:inset 0 3px 0 var(--colony),inset 0 0 0 1.5px #070304}
.stat{padding:16px 22px;box-shadow:inset 6px 0 0 var(--colony),inset 0 0 0 1.5px var(--edge)}
.stat b{font-size:1.9rem}
.callout{border-left:5px solid var(--c-cre);background:var(--paper2);box-shadow:none}
.tc{padding:18px;background:var(--paper);box-shadow:inset 0 -4px 0 var(--colony),inset 0 0 0 1.5px var(--edge)}
.tc:hover{transform:none;background:var(--paper2);box-shadow:inset 0 -4px 0 var(--lime),inset 0 0 0 1.5px var(--ink)}

/* hex avatars, square tags, flat controls */
.av{border:0;border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.av.big{--s:84px}
.chip{border-radius:0;border:0;box-shadow:inset 0 0 0 1.5px var(--edge);font-family:var(--fm);font-size:.76rem;padding:3px 9px}
.chip.up,.chip.down,.chip.sun{box-shadow:none}
.btn{border-radius:0;border:0;box-shadow:inset 0 0 0 1.5px var(--edge);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:12px 22px}
.btn:hover{transform:none;box-shadow:inset 0 0 0 2.5px var(--ink);background:var(--paper2)}
.btn:active{transform:translateY(2px)}
.btn.go{background:var(--lime);box-shadow:none}.btn.go:hover{background:var(--colony);color:var(--oncolony);box-shadow:none}
.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--edge)}
.btn.sm{padding:7px 14px;box-shadow:inset 0 0 0 1.5px var(--edge)}.btn.go.sm{box-shadow:none}
.seg{border:0;border-radius:0;background:transparent;box-shadow:none;gap:0;border-bottom:2px solid var(--edge)}
.seg button{padding:9px 16px;border-bottom:4px solid transparent;margin-bottom:-2px;font-weight:700;background:none}
.seg button.on{background:none;color:var(--ink);border-bottom-color:var(--colony)}
.seg.buy button.on[data-s=buy]{background:var(--colony);color:var(--oncolony);border-bottom-color:var(--ink)}.seg.buy button.on[data-s=sell]{background:var(--tongue);color:#3a0714;border-bottom-color:var(--ink)}
.seg.wide{border-bottom:0;gap:4px}.seg.wide button{border-bottom:0;margin:0;background:var(--paper2);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.tabs{gap:0;border-bottom:2px solid var(--edge);margin-bottom:16px}
.tabs button{border:0;border-radius:0;background:none;padding:9px 18px;border-bottom:4px solid transparent;margin-bottom:-2px}
.tabs button.on{background:none;color:var(--ink);border-bottom-color:var(--colony)}
.qs button{border:0;border-radius:0;box-shadow:inset 0 0 0 1.5px var(--edge);font-family:var(--fm);font-size:.8rem}
.in{border:0;border-radius:0;border-bottom:3px solid var(--ink);background:var(--paper2);padding:12px 14px}
.in:focus{outline:0;border-bottom-color:var(--colony);background:color-mix(in srgb,var(--lime) 22%,var(--paper2))}
.slider{border-radius:0}
.kick,.skip{border-radius:0}
.more{border-bottom:0;background:linear-gradient(var(--colony),var(--colony)) 0 100%/100% 3px no-repeat;padding-bottom:2px}
.toast{border-radius:0}
.find .box{background:var(--paper)}.find .res a{border-radius:0}

/* ledger tables */
.tbl{border-spacing:0}
.tbl th{padding:10px 14px;font-family:var(--fm);font-size:.74rem;border-bottom:2px solid var(--ink)}
.tbl td{background:transparent;border:0;border-bottom:1px solid var(--edge);border-radius:0!important;padding:13px 14px}
.tbl tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--paper) 55%,transparent)}
.tbl tr[data-href]:hover td{background:color-mix(in srgb,var(--colony) 10%,var(--paper))}
.tbl tbody tr td:first-child{box-shadow:inset 4px 0 0 transparent}.tbl tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--colony)}
body[data-page=market] .tbl tbody tr{border-left:0}

/* headings in the console voice */
.pagehead,.reg-head,.dp-head,.cy-head,.cm-head,.lc-head{background:none}
h1{letter-spacing:-.045em}

/* mobile: top bar + bottom tab bar */
@media (max-width:900px){
  body{padding-left:0;padding-top:58px;padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .dock{display:contents}
  .dock .brand{position:fixed;top:0;left:0;z-index:60;background:var(--deep);padding:10px 14px;height:58px;box-sizing:border-box;border-bottom:3px solid var(--colony);border-right:0;width:60%;color:#fff3e4}
  .dock .bl{width:34px;height:31px}
  .dock .tools{position:fixed;top:0;right:0;z-index:60;background:var(--deep);height:58px;box-sizing:border-box;padding:8px 12px 8px 4px;border-bottom:3px solid var(--colony);flex-direction:row;align-items:center;width:40%;justify-content:flex-end;gap:6px}
  .dock .wbtn{width:auto;padding:8px 10px;font-size:.78rem;white-space:nowrap}
  .dock .tl2{gap:4px}.dock .ib{width:34px;height:34px;flex:none}
  .dock .links{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;flex-direction:row;gap:0;background:var(--deep);border-top:3px solid var(--colony);padding:0 0 env(safe-area-inset-bottom,0px);flex:none}
  .dock .links a{flex:1;flex-direction:column;gap:2px;padding:9px 2px 8px;font-size:.68rem;text-align:center;border-left:0;border-top:4px solid transparent;clip-path:none;margin:0;justify-content:center}
  .dock .links a.on{border-top-color:var(--colony)}
  .dock .links a.go{margin:0;background:var(--colony)}
  .ticker{top:58px;position:sticky}.ticker span{padding:8px 14px}
  .page{padding:22px 16px 60px}.foot{padding:0 16px 30px}
  .wz.lc{grid-template-columns:1fr}
}

/* ---- v3 page structures ---- */
.hero h1{font-size:clamp(2rem,3.6vw,3.3rem)}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:12px 0 0}
.kick{background:none;border:0;box-shadow:none;padding:0;font-family:var(--fm);font-size:.8rem;color:var(--colony)}
.croak .c,.list .it,.rw{border:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid var(--edge)!important;background:transparent!important}
.croak{gap:0}.croak .c:hover{background:color-mix(in srgb,var(--colony) 8%,transparent)!important}
.list{gap:0}.list .it{padding:12px 4px}

/* home: ranked board */
.board{display:grid;border-top:3px solid var(--ink)}
.brow{display:grid;grid-template-columns:44px 48px minmax(0,1.4fr) 96px minmax(110px,.7fr) auto;gap:16px;align-items:center;padding:14px 12px;text-decoration:none;border-bottom:1px solid var(--edge);position:relative}
.brow:hover{background:color-mix(in srgb,var(--colony) 9%,var(--paper));box-shadow:inset 5px 0 0 var(--colony)}
.brow .rk{font-family:var(--fd);font-weight:800;font-size:1.6rem;color:var(--colony);letter-spacing:-.05em}
.brow .nm{min-width:0}.brow .nm b{display:block;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow .nm small{color:var(--mut);font-family:var(--fm);font-size:.78rem}
.brow .mc{text-align:right}.brow .mc small{display:block;color:var(--mut);font-size:.74rem;font-weight:600}.brow .mc b{font-family:var(--fd);font-size:1.15rem}
.brow .sp svg{width:90px;height:32px}
@media (max-width:760px){.brow{grid-template-columns:34px 40px minmax(0,1fr) auto;gap:10px}.brow .sp,.brow .mc small{display:none}.brow .chip{grid-column:4}.brow .mc{grid-column:3;text-align:left}.brow .rk{font-size:1.2rem}}
/* home: tax as four big numbers */
.taxrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--ink)}
.tx1{padding:20px 22px 22px 20px;border-right:1px solid var(--edge);display:grid;gap:8px;align-content:start;position:relative}
.tx1:last-child{border-right:0}
.tx1:before{content:"";position:absolute;left:0;top:-3px;width:60%;height:3px;background:var(--c-fly)}
.tx1.tre:before{background:var(--c-tre)}.tx1.cre:before{background:var(--c-cre)}.tx1.hol:before{background:var(--c-hold)}
.tx1 b{font-family:var(--fd);font-weight:800;font-size:clamp(1.9rem,3.2vw,3rem);letter-spacing:-.05em;line-height:1}
.tx1 p{color:var(--mut);font-size:.92rem}
.taxbar{display:grid;gap:10px;margin-top:6px}
@media (max-width:900px){.taxrow{grid-template-columns:repeat(2,minmax(0,1fr))}.tx1:nth-child(2){border-right:0}.tx1:nth-child(-n+2){border-bottom:1px solid var(--edge)}}
@media (max-width:480px){.taxrow{grid-template-columns:1fr}.tx1{border-right:0;border-bottom:1px solid var(--edge)}}

/* explore: filter column + ledger */
.xplr{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}
.xf{position:sticky;top:60px;display:grid;gap:10px;background:var(--paper);padding:18px 16px;box-shadow:inset 0 3px 0 var(--ink),inset 0 0 0 1.5px var(--edge)}
.xl{font-family:var(--fm);font-size:.74rem;color:var(--mut);margin-top:6px;font-weight:600}
.xf .seg{flex-direction:column;border-bottom:0;gap:2px}
.xf .seg button{text-align:left;border-bottom:0;border-left:4px solid transparent;margin:0;padding:8px 10px}
.xf .seg button.on{border-left-color:var(--colony);background:color-mix(in srgb,var(--colony) 12%,transparent);color:var(--ink)}
@media (max-width:900px){.xplr{grid-template-columns:1fr}.xf{position:static}.xf .seg{flex-direction:row;flex-wrap:wrap}.xf .seg button{border-left:0;border-bottom:4px solid transparent}.xf .seg button.on{border-bottom-color:var(--colony)}}

/* token: readout inside the dossier */
.readout{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:20px;border-top:1px solid #5a3a38}
.readout div{padding:12px 14px 0 0;display:grid;gap:2px;min-width:0}.readout span{font-size:.74rem;color:#d2b19c;font-family:var(--fm)}.readout b{font-family:var(--fm);font-size:.95rem;overflow-wrap:anywhere}.readout a{color:#fff3e4}
@media (max-width:760px){.readout{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* launch: dark control panel on the left, form on the right */
.wz.lc{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:0;align-items:stretch;box-shadow:inset 0 0 0 1.5px var(--edge)}
.lcl{background:var(--deep);color:#f8e7d3;padding:22px;display:grid;gap:16px;align-content:start;position:relative}
.lcr{padding:22px;min-width:0}
.lcl .lrail{background:none;box-shadow:none;position:static;padding:0;flex-direction:row;gap:6px;flex-wrap:wrap}
.lcl .lrail button{background:#3a1f26;color:#d2b19c;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:0;box-shadow:none}
.lcl .lrail button.on{background:var(--lime);color:#2a1318}.lcl .lrail button.done{background:#fff3e4;color:#2a1318}
.lcl .lpad{width:120px;color:#f8e7d3;justify-self:end;margin:-6px 0 -10px;position:absolute;right:16px;bottom:16px;opacity:.9}
.lcl .lpad path[stroke="#2a1318"]{stroke:#2a1318}
.lcl .rk{transform:translateY(calc(var(--alt,0) * -34px))}
.lcl #lprev .pad{background:#3a1f26;color:#f8e7d3;box-shadow:inset 0 3px 0 var(--colony)}
.lcl #lprev .mut,.lcl #lprev .hint{color:#d2b19c}
.lcl #lprev .kv span{color:#d2b19c}
.lcl .chip{background:var(--lime);color:#2a1318}
@media (max-width:900px){.wz.lc{grid-template-columns:1fr}.lcl .lpad{display:none}}

/* faq: sticky heading column, answers on the right */
.cm-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:34px;align-items:start}
.cm-wrap .cm-head{position:sticky;top:60px;display:grid;gap:14px;margin:0;padding:24px;background:var(--deep);color:#f8e7d3}
.cm-wrap .cm-head p{color:#d2b19c}.cm-wrap .cm-head svg{width:84px;color:#f8e7d3}
.cm-list{max-width:none}
details{border:0;border-radius:0;box-shadow:none;background:transparent;border-bottom:1px solid var(--edge);border-top:0}
details+details{margin-top:0}
.cm-list details{border-left:0;border-bottom:1px solid var(--edge)}
.cm-list summary{padding:18px 4px}
.cm-list details[open]{background:color-mix(in srgb,var(--colony) 7%,transparent);box-shadow:inset 5px 0 0 var(--colony)}
.cm-list details[open] summary{padding-left:16px}.cm-list details p{padding:0 16px 18px}
@media (max-width:900px){.cm-wrap{grid-template-columns:1fr}.cm-wrap .cm-head{position:static}}

/* how, rewards, flywheel: flat plates */
body[data-page=how] .stones{box-shadow:none;border:0;border-top:3px solid var(--ink);border-radius:0}
body[data-page=how] .stone{box-shadow:none;clip-path:none;border-radius:0;background:transparent}
.dest.pad,.pad .dest{box-shadow:none;clip-path:none}.pad .dest:after{display:none}
.rule.pad{box-shadow:inset 5px 0 0 var(--c-hold),inset 0 0 0 1.5px var(--edge)}
.rule .ck{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0}
.sum3 .pad{box-shadow:inset 7px 0 0 var(--c-hold),inset 0 0 0 1.5px var(--edge)}.sum3 .pad:nth-child(2){box-shadow:inset 7px 0 0 var(--c-cre),inset 0 0 0 1.5px var(--edge)}.sum3 .pad:nth-child(3){box-shadow:inset 7px 0 0 var(--pos),inset 0 0 0 1.5px var(--edge)}
.sbar{border-radius:0}.sbar *{border-radius:0}
.lc-head{border-bottom:3px solid var(--ink);border-style:solid;border-width:0 0 3px}
.lc-head,.reg-head,.dp-head,.cy-head{clip-path:none;box-shadow:none}
.lc-head:after,.reg-head:after,.dp-head:after,.cy-head:after{display:none}
.reg-head{border-bottom:3px solid var(--ink);padding:10px 0 24px;background:none}
.dp-head,.cy-head{padding:10px 0 24px;border:0;border-bottom:3px solid var(--ink);background:none}
.dp-head:after,.cy-head:after{display:none}
.cm-wrap .cm-head h1{font-size:clamp(1.7rem,3vw,2.4rem)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.scene{max-width:480px;margin:0 auto}}