/* Shared identity only. No signing, balances, routes, or game state live here. */
:root{--ms-lime:#b6ff43;--ms-lime-hover:#cbff80;--ms-ink:#0b100c;--ms-paper:#f3f7ec;--ms-mist:#a9b6ac;--ms-lilac:#c7b6ff;--ms-pink:#ff8dc7;--ms-amber:#ffbd59;--ms-coral:#ff7474;--ms-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;--ms-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Arial Black","Segoe UI",sans-serif;--ms-mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--green:var(--ms-lime);--cyan:#a3eec2;--acc:var(--ms-lime);--up:#a8ef76;--down:var(--ms-coral);--warn:var(--ms-amber);--yellow:var(--ms-amber);--amber:var(--ms-amber);--violet:var(--ms-lilac);--bg:var(--ms-ink);--panel:#111a14;--panel2:#18241b;--line:#29362c;--line2:#526155;--fg:var(--ms-paper);--dim:#9eaea1;--dim2:var(--ms-mist);--lime:var(--ms-lime)}
html{color-scheme:dark}.ms-site,.ms-wallet,.ms-watch,.ms-arcade{font-family:var(--ms-sans);font-kerning:normal;text-rendering:optimizeLegibility}.ms-site h1,.ms-site h2,.ms-site h3,.ms-wallet h1,.ms-wallet h2,.ms-arcade h1,.ms-arcade h2,.ms-arcade h3,.ms-word,.logo{font-family:var(--ms-display);font-synthesis:none}.ms-site code,.ms-wallet code,.ms-wallet pre,.ms-arcade code{font-family:var(--ms-mono)}
button,input,select{font-family:inherit}button{min-height:32px}button:active{transform:translateY(1px)}
::selection{background:#b6ff4350;color:#fff}
:focus-visible{outline:2px solid var(--ms-lime);outline-offset:4px}
.ms-mark{width:34px;height:34px;flex:none;vertical-align:middle;border-radius:10px}
.ms-word{font-weight:900;letter-spacing:-1px;font-size:23px;color:var(--ms-paper);line-height:1.1}
.ms-word small{display:block;font:10px/1.5 ui-monospace,monospace;letter-spacing:2.5px;text-transform:uppercase;color:var(--ms-lime)}
.top{background:#0b100cf2;border-bottom-color:#34442e;padding-block:10px}
.logo{gap:10px;letter-spacing:-.7px;font-size:22px}.logo .ltld{margin-left:-7px}
.ms-site .glow{background:radial-gradient(ellipse at 70% 0,#91dd3820,transparent 65%)}
.ms-site .wbtn,.ms-site .pill{border-radius:9px}.ms-site #btnWallets{background:var(--ms-lime);color:#10170e;border-color:var(--ms-lime)}
.ms-site .nav a.on{background:#b6ff4315;color:var(--ms-lime)}
.ms-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 24px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#16251a,#0b100c 75%)}
.ms-masthead h1{font-size:clamp(27px,3.2vw,46px);font-weight:900;letter-spacing:-1.8px;line-height:1.06;margin:7px 0 9px}.ms-masthead h1 em{font-style:normal;color:var(--ms-lime)}
.ms-kicker{font:700 10px/1.5 var(--ms-mono);letter-spacing:2px;color:var(--ms-lime)}
.ms-masthead p{color:var(--dim);font-size:13px;margin:0;max-width:680px}.ms-stamp{transform:rotate(-6deg);border:1px solid var(--ms-lime);color:var(--ms-lime);border-radius:50%;padding:22px 14px;font:900 13px/1.3 var(--ms-mono);text-align:center;flex:none}
.ms-wallet .bar{background:#101a12;border-bottom:1px solid #3c512d;min-height:76px;gap:16px;flex-wrap:wrap}
.ms-wallet .brand{display:flex;align-items:center;gap:11px;margin-right:12px}.ms-wallet .brand .ms-word{font-size:23px}
.ms-wallet .tot{margin-left:8px}.ms-wallet .tot b{font-size:28px;color:var(--ms-paper)}
.ms-wallet #bSwap{background:var(--ms-lime);color:#10200c;border-color:var(--ms-lime);font-weight:750}
.ms-wallet .btn:hover{border-color:var(--ms-lime);background:#25341f}.ms-wallet #bSwap:hover{background:#cbff80}
.ms-wallet .panel{border-radius:16px;box-shadow:0 5px 25px #0002}.ms-wallet .phead{background:#17231a}
.ms-wallet tbody tr:hover{background:#1b291e}.ms-wallet tbody td{border-bottom-color:#1b291e}
.ms-wallet .chainbar{padding-top:12px;padding-bottom:0}.ms-wallet .cpill.on{background:#b6ff4315}
.ms-wallet .sbody input,.ms-wallet .sbody select,.ms-wallet .ro{background:#0b130e}
.ms-wallet .bar a{-webkit-app-region:no-drag}.ms-wallet .ms-home{color:inherit;text-decoration:none;display:flex;gap:11px;align-items:center}
.ms-watch .wrap{max-width:700px}.ms-watch h1{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:850}.ms-watch .card{background:var(--panel);border-color:var(--line)}
.ms-arcade header .brand{display:flex;gap:9px;align-items:center;font-size:23px;letter-spacing:-.7px}.ms-arcade header .brand span{margin-left:-7px}.ms-arcade .brand .ms-mark{width:30px;height:30px}
.ms-arcade .coin{background-image:url('/assets/brand/mark.svg?v=20260905');background-size:cover;color:transparent;border-radius:32%;border:0;box-shadow:0 16px 60px #b6ff4320}
.ms-arcade{--bg:var(--ms-ink);--panel:#151d17;--line:#3a493d;--muted:#aab7ad;--lime:var(--ms-lime);--purple:var(--ms-lilac);--pink:var(--ms-pink);color:var(--ms-paper);background:var(--ms-ink)}.ms-arcade .game{box-shadow:0 12px 35px #0002}.ms-arcade .game-art{border-radius:10px;margin:13px 0 18px}.ms-arcade .game.rug .game-art{background:radial-gradient(ellipse,#ff8dc71e,transparent 68%)}.ms-arcade .game.diamond .game-art{background:radial-gradient(ellipse,#c7b6ff1e,transparent 68%)}.ms-arcade .game.duel .game-art{background:radial-gradient(ellipse,#b6ff4315,transparent 68%)}
.ms-arcade .game-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:8px}.ms-arcade .game-actions button{min-width:0;padding:13px 11px;border-radius:8px;font-size:10px;font-weight:850;letter-spacing:.4px}.ms-arcade .game-actions button:first-child{display:flex;justify-content:space-between;background:var(--accent);color:#171a10}.ms-arcade .game-actions .friend{background:#253028;color:var(--ms-paper);border:1px solid #516055}.ms-arcade .game-actions .friend:hover{border-color:var(--accent)}.ms-arcade .game-actions .practice{grid-column:1/-1;background:#171b18;color:var(--lime);border:1px dashed #6d7b70}.ms-arcade .game-actions .practice:hover{background:#202821;border-color:var(--lime)}
@media(max-width:680px){.ms-masthead{padding:20px 16px}.ms-stamp{display:none}.ms-masthead h1{letter-spacing:-1px}.ms-wallet .bar{gap:9px;padding:12px}.ms-wallet .bar .brand{width:100%;margin:0}.ms-wallet .bar .spacer{display:none}.ms-wallet .bar .tot{margin:0 auto 0 0}.ms-wallet .bar .tot b{font-size:23px}.ms-wallet .bar .btn{padding:7px 9px}.ms-wallet #bSwap{width:100%;padding:10px}.ms-wallet main{padding:9px}.ms-wallet .balance-filter{font-size:10px}.ms-arcade header .brand{font-size:17px;gap:6px}.ms-arcade .brand .ms-mark{width:25px;height:25px}.ms-arcade header{gap:13px}.ms-arcade .game-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Action surfaces: shared visual language for wallet, swap, bridge and onboarding. */
.ms-site .modal,.ms-wallet .sheet{background:rgba(2,7,3,.82);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
.ms-site .mbox,.ms-wallet .sbox{position:relative;background:linear-gradient(155deg,#19261c,#0d150f 72%);border:1px solid #4a604b;border-radius:24px;box-shadow:0 30px 90px #000b,0 0 0 1px #b6ff4310;overflow:hidden}
.ms-site .mbox::before,.ms-wallet .sbox::before{content:"";display:block;height:5px;margin:-14px -14px 16px;background:var(--ms-lime)}
.ms-wallet .sbox::before{margin:0}
.ms-site .mhead,.ms-wallet .shead{min-height:62px;margin:0;padding:15px 18px;border-bottom:1px solid #344437;background:#121d15}
.ms-site .mhead b,.ms-wallet .shead b{font-size:16px;font-weight:900;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}
.ms-site .mhead b::before,.ms-wallet .shead b::before{content:"↔";display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--ms-lime);color:#10170e;font-size:16px;font-weight:1000}
.ms-site .mhead .pill,.ms-wallet .shead .btn{width:32px;height:32px;padding:0;border-radius:10px;background:#202e23;border-color:#435446;color:var(--fg);font-size:18px}
.ms-wallet .sbody{padding:18px;gap:14px}.ms-wallet .sbody label,.ms-site .field label{font:700 10px/1.5 ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#a9baa9}
.ms-wallet .sbody input,.ms-wallet .sbody select,.ms-wallet .ro,.ms-site .mbox input,.ms-site .mbox select,.ms-site .bridge:not(.swap) input,.ms-site .bridge:not(.swap) select{min-height:43px;background:#09100b;border:1px solid #3e5142;border-radius:11px;color:var(--fg);padding:9px 11px}
.ms-wallet .sbody input:focus,.ms-wallet .sbody select:focus,.ms-site .mbox input:focus,.ms-site .mbox select:focus,.ms-site .bridge:not(.swap) input:focus,.ms-site .bridge:not(.swap) select:focus{outline:0;border-color:var(--ms-lime);box-shadow:0 0 0 3px #b6ff4319}
.ms-wallet .snote,.ms-site .note{border:1px solid #334436;border-radius:10px;background:#111c14;padding:10px 12px;color:#a0afa3}
.ms-wallet .warnbar{border-radius:11px;background:#302614;border-color:#795f29}
.ms-wallet .srow{gap:10px}.ms-wallet .srow .btn,.ms-wallet .sbody>[data-quote],.ms-wallet .sbody>[data-execute]{min-height:43px;border-radius:11px;font-weight:800}
.ms-wallet .sbody>[data-quote]{background:#253326;border-color:#607063}.ms-wallet .sbody>[data-execute]:not(:disabled),.ms-wallet .srow .btn.on{background:var(--ms-lime);border-color:var(--ms-lime);color:#10170e}
.ms-wallet [data-review]{margin:0;padding:0;border-radius:12px;color:#dce8dd}.ms-wallet [data-review]:not(:empty){padding:12px;border:1px dashed #607063;background:#09100b}
.ms-wallet [data-status]:not(:empty),.ms-wallet .sout:not(:empty){border-radius:10px;background:#0a120c;padding:10px;border-left:3px solid var(--ms-lime)}
.ms-site .drawer{background:linear-gradient(155deg,#18251b,#0d140f);border-color:#4a604b;border-radius:18px;box-shadow:0 24px 70px #000b}
.ms-site .drawer::before{content:"YOUR WALLETS";display:block;padding:6px 5px 10px;font:800 10px/1.4 ui-monospace,monospace;letter-spacing:1.8px;color:var(--ms-lime)}
.ms-site .prow{background:#0b120d;border-color:#3c4e3f;border-radius:12px}.ms-site .prow:hover{border-color:var(--ms-lime);transform:translateY(-1px)}
.ms-site .onb .mbox::before{margin:0}.ms-site .oart{background:var(--ms-lime);color:#10170e;border:0;transform:rotate(-3deg);box-shadow:none}.ms-site .ofoot{background:#101a12;border-top-color:#344437}
.ms-site .bkbox::before{margin:0}.ms-site .bkbar{background:#111c14;border-color:#344437}.ms-site .bkbox .note{margin:10px 14px 14px}
.ms-site .go,.ms-site .mbox .go{background:var(--ms-lime);color:#10170e;border:1px solid var(--ms-lime);border-radius:11px;box-shadow:0 8px 25px #b6ff4318}.ms-site .go:hover{filter:none;background:#cbff80;transform:translateY(-1px)}.ms-site .go:disabled{background:#202b22;border-color:#344437;color:#718075;box-shadow:none}
.ms-site .pill{border-radius:9px}.ms-site .pill:hover{border-color:var(--ms-lime)}
.ms-site .bridge.panel:not(.swap){position:relative;max-width:760px;margin:28px auto;background:linear-gradient(155deg,#18251b,#0c140e 76%);border:1px solid #4a604b;border-radius:24px;padding:24px;box-shadow:0 25px 70px #0005;overflow:hidden}
.ms-site .bridge.panel:not(.swap)::before{content:"CROSS-CHAIN / REVIEW BEFORE SIGNING";display:block;margin:-24px -24px 23px;padding:13px 24px;background:var(--ms-lime);color:#10170e;font:900 10px/1 ui-monospace,monospace;letter-spacing:1.5px}
.ms-site .bridge h1{font-size:32px;letter-spacing:-1px}.ms-site .bridge .row2{gap:12px}.ms-site .bridge:not(.swap) .amt,.ms-site .bridge:not(.swap) .qbox{background:#09100b;border-color:#3e5142;border-radius:12px}.ms-site .bridge:not(.swap) .qbox{min-height:90px;padding:14px}.ms-site .bridge:not(.swap) .go{min-height:48px;font-size:15px}
.ms-site .swap.panel{background:linear-gradient(155deg,#18251b,#0c140e 76%);border-color:#4a604b;box-shadow:0 18px 55px #0004}.ms-site .swap .seg{border-color:#435547;background:#09100b;padding:3px;gap:3px}.ms-site .swap .seg button{border-radius:8px}.ms-site .swap .seg button.on.buy{background:var(--ms-lime);color:#10170e}
.ms-site .toast{background:#142018;border-color:#485b4b;border-left:4px solid var(--ms-lime);border-radius:12px;box-shadow:0 12px 40px #0009}
.ms-site table,.ms-wallet table{font-variant-numeric:tabular-nums}.ms-site thead th,.ms-wallet thead th{font-family:var(--ms-mono);font-weight:700}.ms-site tbody tr,.ms-wallet tbody tr{transition:background-color .15s ease}.ms-site .panel,.ms-wallet .panel{border-color:#344438}.ms-site a:not(.logo):not(.go):not(.brand),.ms-watch a{text-underline-offset:3px}.ms-site a:not(.logo):not(.go):not(.brand):hover,.ms-watch a:hover{text-decoration-thickness:2px}
@media(pointer:coarse){button,.wbtn,.pill,.btn,.cpill,select{min-height:44px}.ms-site .nav a{min-height:44px;display:inline-flex;align-items:center}.ms-wallet tbody td{padding-block:11px}}
@media(max-width:640px){.ms-site .modal,.ms-wallet .sheet{align-items:flex-end;padding:8px}.ms-site .mbox,.ms-wallet .sbox{width:100%;max-height:92dvh;border-radius:22px 22px 12px 12px;overflow:auto;overscroll-behavior:contain}.ms-site .mhead,.ms-wallet .shead{position:sticky;top:0;z-index:2}.ms-site .bridge.panel:not(.swap){margin:9px auto;padding:17px}.ms-site .bridge.panel:not(.swap)::before{margin:-17px -17px 18px;padding-left:17px}.ms-site .bridge .row2{grid-template-columns:1fr}.ms-site .bridge h1{font-size:27px}}

/* Brand lockup, mascot + "MemeSwap.fun" as one piece of art (owner-supplied, 2026-09-07, second
   revision: "use this instead everywhere, it should work much better"). The source ships a real alpha
   channel, so nothing is keyed or blended here and it sits clean on any surface. It is the whole
   header brand: no separate mark, no tagline beside it. Because the mascot carries the height, this
   cut reads at a taller size than the wordmark-only one it replaced. Marketing keeps the earlier
   tagline art in lockup-full.png. */
.ms-lockup{display:block;height:78px;width:auto;flex:none}
a.lockup,a.brand.lockup,a.logo.lockup{gap:0;display:inline-flex;align-items:center;min-width:0}
.ms-word-sub{font-size:0;line-height:0}
.ms-word-sub small{margin-left:10px}
.ms-wallet .brand .ms-lockup{height:52px}
@media (max-width:900px){.ms-word-sub{display:none}}
@media (max-width:760px){.ms-lockup{height:63px}.ms-wallet .brand .ms-lockup{height:40px}}
@media (max-width:420px){.ms-lockup{height:54px}}

/* Homepage SEO section. Real content, outside #app so the app bundle never replaces it and
   every crawler sees it, including the ones that do not execute JavaScript. Visible to users
   too: hidden text would be cloaking, which risks a manual penalty and helps nobody. */
.ms-seo{padding:26px 24px 30px;border-bottom:1px solid var(--line);background:#0d130e}
.ms-seo h2{font-size:clamp(17px,2vw,23px);font-weight:800;letter-spacing:-.4px;margin:20px 0 8px;color:var(--ms-paper)}
.ms-seo h2:first-of-type{margin-top:0}
.ms-seo p{color:var(--dim);font-size:13.5px;line-height:1.62;margin:0;max-width:760px}
.ms-seo nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.ms-seo nav a{font:600 12px/1 var(--ms-mono);color:var(--ms-lime);border:1px solid var(--line);
  border-radius:999px;padding:8px 13px;text-decoration:none;transition:border-color .15s,background .15s}
.ms-seo nav a:hover{border-color:var(--ms-lime);background:#1a2417}
@media (max-width:640px){.ms-seo{padding:20px 16px 24px}.ms-seo nav a{font-size:11px;padding:7px 11px}}