@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'Space Grotesk',Arial,sans-serif;color:#eff5ef;background:#0b1113;--accent:#c7ff35;--on:#14200c;--tint:#1a2c22;--line:#304b48}body[data-network=solana]{--accent:#a4f5cf;--on:#091b20;--tint:#182c34;--line:#50647d;--network-gradient:linear-gradient(115deg,#803dd4 0%,#5065bc 48%,#157d62 100%)}body[data-network=hyperliquid]{--accent:#6aeadc;--on:#082522;--tint:#193a3c;--line:#3b7471}body[data-network=ethereum]{--accent:#cbbaff;--on:#1a1231;--tint:#292338;--line:#73658f}body[data-network=base]{--accent:#86acff;--on:#0b1836;--tint:#102556;--line:#5379c7;--network-brand:#0000ff}body[data-network=arc]{--accent:#a3caff;--on:#0b1a36;--tint:#102247;--line:#4c6596}body[data-network=bnb]{--accent:#f6c946;--on:#251a07;--tint:#40331b;--line:#6e5c38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0,var(--tint),transparent 36%),#0b1113}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1460px;margin:auto;padding:0 clamp(20px,4vw,64px)}.topbar{height:73px;border-bottom:1px solid #25363a;background:#10181bdf;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(20px,4vw,64px)}.logo{font-size:1.35rem;font-weight:700;letter-spacing:-.07em;white-space:nowrap}.logo span{color:var(--accent)}.menu{display:flex;align-items:center;gap:25px;color:#a7b9bd;font-size:.9rem}.menu a:hover{color:var(--accent)}.network-control{position:relative}.network-control>button{background:#18272a;border:1px solid var(--line);color:#e8f3f0;border-radius:8px;padding:11px 14px;font:13px 'DM Mono',monospace;white-space:nowrap}.network-control>button b{color:var(--accent)}.network-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:198px;background:#142124;border:1px solid var(--line);border-radius:10px;padding:6px;z-index:20;box-shadow:0 18px 40px #0009}.network-menu[hidden]{display:none}.network-menu button{display:block;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:#dfefeb;padding:11px 12px}.network-menu button:hover,.network-menu button.active{background:var(--tint);color:var(--accent)}.btn{background:var(--accent);border:1px solid var(--accent);color:var(--on);padding:13px 18px;border-radius:8px;font-weight:700;display:inline-block;text-align:center}.btn.outline{background:transparent;color:var(--accent)}.btn:disabled{background:#354449;color:#a6b5b8;border-color:#354449;cursor:not-allowed}.eyebrow,.mono{font:12px 'DM Mono',monospace;letter-spacing:.08em;color:var(--accent)}.muted{color:#9fb2b4}.card{background:#142126;border:1px solid #30474c;border-radius:13px;padding:23px}.card h3{letter-spacing:-.05em}.divider{border-top:1px solid #304247}.notice{border:1px dashed #58706e;border-radius:8px;padding:14px 17px;color:#b5c7c5;font-size:.87rem;line-height:1.5}.field label{display:block;font:12px 'DM Mono',monospace;color:#a6bbbd;letter-spacing:.04em;margin:0 0 9px}.field input,.field textarea,.field select{width:100%;border:1px solid #496266;background:#0c171a;color:#edf6f4;border-radius:8px;padding:13px 14px;outline:none}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#61797c}.section-title{font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.07em;margin:0}.pill{font:11px 'DM Mono',monospace;background:#243b40;border:1px solid #36585e;color:#a9cbd3;border-radius:20px;padding:6px 10px;white-space:nowrap}.pill.hot{color:var(--accent);border-color:var(--line);background:var(--tint)}.screen-note{background:#172827;border-bottom:1px solid #405957;padding:10px clamp(20px,4vw,64px);color:#b4c7c6;font:12px 'DM Mono',monospace;line-height:1.5}.screen-note b{color:var(--accent)}.footer{border-top:1px solid #2a4247;padding:27px clamp(20px,4vw,64px);color:#839fa3;font:12px 'DM Mono',monospace;display:flex;justify-content:space-between;gap:16px}.footer a{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:760px){.topbar{height:66px}.menu{gap:12px}.menu a:not(.btn){display:none}.topbar .btn{padding:10px;font-size:.8rem}.footer{display:block}.footer span{display:block;margin-top:10px}}@media(max-width:420px){.logo{font-size:1.08rem}.network-control>button{padding:8px;font-size:11px}}

/* Network themes keep controls readable against the dark Chamber surface. */
body[data-network=solana]{background:radial-gradient(ellipse at 85% 2%,#44278391,transparent 29%),radial-gradient(ellipse at 3% 45%,#14534935,transparent 40%),#0b1113}
body[data-network=solana] .btn:not(.outline),body[data-network=solana] .header-actions .header-launch,body[data-network=solana] .mobile-shortcuts .mobile-launch,body[data-network=solana] .mode-row button.active{background:var(--network-gradient);color:#fff;border-color:#8b8be5}
body[data-network=solana] .network-control>button b{background:var(--network-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
body[data-network=solana] .network-menu button.active{background:linear-gradient(100deg,#6435a788,#14664d77);color:#fff}
body[data-network=base]{background:radial-gradient(ellipse at 87% 0%,#0000ff2e,transparent 36%),#0b1113}
body[data-network=base] .network-control>button,body[data-network=base] .network-menu button.active{border-color:#4169df}
body[data-network=base] .btn:not(.outline),body[data-network=base] .header-actions .header-launch,body[data-network=base] .mobile-shortcuts .mobile-launch{background:#86acff;color:#081939;border-color:#86acff}
body[data-network=arc]{background:radial-gradient(ellipse at 85% 0%,#172f7299,transparent 42%),#0b1113}
body[data-network=ethereum]{background:radial-gradient(ellipse at 85% 0%,#4c397055,transparent 37%),#0b1113}

.network-control>button{display:inline-flex;align-items:center;gap:7px}.network-menu button{display:flex;align-items:center;gap:9px}.network-icon{height:22px;width:22px;object-fit:contain;flex:none}.network-control>button .network-icon{margin-right:1px}

.network-icon-fallback{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:5px;background:#273941;color:var(--accent);font:700 14px Space Grotesk,Arial,sans-serif}body[data-network=base] .network-icon-fallback{background:#0000ff;color:white}body[data-network=arc] .network-icon-fallback{background:#102d58;color:#c7dfff}
/* Base mode: stronger blue surfaces while preserving contrast on dark content. */
body[data-network=base]{--accent:#94b7ff;--on:#071738;--tint:#112d68;--line:#527ee0;background:radial-gradient(ellipse at 89% 13%,#1747c988,transparent 43%),radial-gradient(ellipse at 10% 68%,#071d55,transparent 43%),#09121f}
body[data-network=base] .topbar{background:#0d1c36ed;border-bottom-color:#315db3}
body[data-network=base] .screen-note,body[data-network=base] .site-note{background:#0d254b;border-color:#315db3}
body[data-network=base] .hero-art{background:radial-gradient(circle at 58% 43%,#2756bc 0%,#173c85 35%,#0a1d42 78%);box-shadow:0 12px 70px #2357cd55,inset 0 0 60px #204eb255}
body[data-network=base] .hero-art>span{text-shadow:0 0 65px #6b9aff80}
body[data-network=base] .live-section,body[data-network=base] .proof-play{border-top-color:#3f65b2}
body[data-network=base] .live-card,body[data-network=base] .play-grid .card,body[data-network=base] .route-card{background:#112342;border-color:#3b60a7}
body[data-network=base] .hub-core{background:radial-gradient(circle at 55% 16%,#214ca6,#0d204b 68%);box-shadow:0 0 65px #356bce45}
body[data-network=base] .btn:not(.outline),body[data-network=base] .header-actions .header-launch,body[data-network=base] .mobile-shortcuts .mobile-launch{background:#417dff;color:#fff;border-color:#6898ff}
body[data-network=base] .network-menu button.active{background:#193b83}