:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101819;--panel:#182426;--ink:#f4f3e3;--muted:#b5c3b8;--line:#405551;--accent:#b9f86a;--orange:#f4a04d;color:var(--ink);background:var(--bg);font:15px system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit;border:1px solid var(--line);background:#111c1d;min-height:42px;padding:.65rem .8rem}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}header{border-bottom:1px solid var(--line);background:#131e20;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem max(1rem,50% - 610px);display:flex}.brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:.55rem;font:800 1rem ui-monospace,monospace;display:flex}.brand img{width:32px;height:32px;image-rendering:pixelated}nav{gap:.25rem;display:flex}nav a{color:var(--muted);padding:.5rem .75rem;font-size:.86rem}nav a[aria-current]{color:var(--accent);box-shadow:inset 0 -2px var(--accent);background:#2b3a2d}header button{white-space:nowrap;font-size:.8rem}main{width:min(100% - 2rem,1220px);margin:1.5rem auto}.hero{border:1px solid var(--line);background:#172325;grid-template-columns:1.35fr 1fr;align-items:center;gap:2rem;margin-bottom:1rem;padding:clamp(1.4rem,4vw,3.25rem);display:grid;box-shadow:5px 5px #0b1011}.hero h1{letter-spacing:-.075em;margin:.8rem 0;font:800 clamp(2rem,5.6vw,4.45rem)/1.05 ui-monospace,monospace}.hero em{color:var(--accent);font-style:normal}p{color:var(--muted);line-height:1.5}.eyebrow,footer,code{font:.76rem ui-monospace,monospace}.eyebrow{color:var(--orange);letter-spacing:.08em}.actions,.section-title{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.section-title{justify-content:space-between}.primary{background:var(--accent);color:#101819;border:1px solid #0000;padding:.65rem .9rem;font-weight:750;display:inline-block}.panel,.notice{border:1px solid var(--line);background:var(--panel);min-width:0;padding:1.15rem;box-shadow:3px 3px #0a1011}.panel h1,.panel h2{letter-spacing:-.045em;margin:0;font-family:ui-monospace,monospace}.panel h1{font-size:clamp(1.6rem,5vw,2.1rem)}.panel h2{font-size:1.22rem}.form{gap:.8rem;max-width:45rem;display:grid}.form p{margin:0}.form button{justify-self:start}.form label,.panel label{gap:.35rem;margin:.25rem 0;display:grid}.panel input,.panel select{width:100%;min-width:0}.market-list{gap:.45rem;margin-top:.75rem;display:grid}.market-row{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;display:grid}.market-row small{color:var(--muted);display:block}.token-icon{width:42px;height:42px;color:var(--accent);background:#2b3a2d;place-items:center;font:700 .8rem ui-monospace,monospace;display:grid;position:relative}.token-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.artwork{max-width:min(100%,360px);max-height:360px;margin-top:.5rem;display:block}code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.swap-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.swap-grid[hidden]{display:none}#hype-swap-widget iframe{width:100%;max-width:100%;margin:0 auto;display:block}.swap-embed{background:var(--panel);position:relative}.swap-embed[data-state=loading]{min-height:460px}.swap-embed[data-state=loading] #hype-swap-widget{pointer-events:none;position:absolute;inset:0}.swap-embed[data-state=error] #hype-swap-widget{display:none}.swap-loading{z-index:1;background:var(--panel);padding:1rem;position:absolute;inset:0}.swap-loading span{border:1px solid var(--line);background:#101a1b;height:4rem;margin:.7rem 0;display:block}.notice{overflow-wrap:anywhere;margin-top:.8rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:.5rem;margin-top:1.1rem;padding:1rem 0;display:flex}@media (width<=700px){header{flex-wrap:wrap;gap:.5rem}nav{order:3;width:100%;overflow-x:auto}nav a{text-align:center;flex:1;padding:.5rem}.hero,.swap-grid{grid-template-columns:1fr}.hero{gap:1rem}}fieldset{border:1px solid var(--line);min-width:0;margin:0}legend{color:var(--accent);padding:0 .3rem}input[type=range]{accent-color:var(--accent);min-height:24px;padding:0}.pixel-nav{border:1px solid var(--line);background:#101819;gap:.25rem;padding:.25rem}.pixel-nav a{min-height:38px;color:var(--muted);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .65rem;font:650 .8rem ui-monospace,monospace;display:flex}.pixel-nav a svg{color:#90a59a;flex:none}.pixel-nav a:hover,.pixel-nav a[aria-current]{color:var(--ink);box-shadow:none;background:#25372e;border-color:#527057;text-decoration:none}.pixel-nav a[aria-current] svg{color:var(--accent)}.pixel-nav .pixel-nav-create{background:var(--accent);color:#101819;margin-left:.2rem}.pixel-nav .pixel-nav-create svg{color:inherit}.pixel-nav .pixel-nav-create:hover,.pixel-nav .pixel-nav-create[aria-current]{color:#101819;background:#d0ff9f;border-color:#d0ff9f}@media (width<=700px){.pixel-nav a{flex-direction:column;gap:.22rem;min-width:0;padding:.4rem .2rem;font-size:.68rem}.pixel-nav .pixel-nav-create{margin-left:0}}.hero{background:linear-gradient(135deg,#23352c 0%,#182426 48%,#142022 100%);grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.hero h1{font-size:clamp(2.2rem,5vw,4.25rem)}.hero-network{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem 1.4rem;margin-top:2rem;padding-top:1rem;display:flex}.hero-network span{color:var(--muted);letter-spacing:.07em;gap:.3rem;font:.68rem ui-monospace,monospace;display:grid}.hero-network b{color:var(--ink);font:700 .95rem ui-monospace,monospace}.command-deck{background:#101b1c;border:1px solid #628061;min-width:0;box-shadow:5px 5px #0b1213}.deck-top{color:var(--muted);letter-spacing:.055em;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.65rem .75rem;font:.67rem ui-monospace,monospace;display:flex}.deck-top i{background:var(--accent);width:7px;height:7px;margin-right:.25rem;display:inline-block}.deck-stage{isolation:isolate;border-block:1px solid var(--line);background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 13px),radial-gradient(#354d31,#162321 70%);place-items:center;min-height:138px;display:grid;position:relative;overflow:hidden}.deck-stage img{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 7px #0e1915);animation:2.7s steps(4,end) infinite alternate fox-idle}.deck-skyline{z-index:-1;clip-path:polygon(0 52%,10% 52%,10% 27%,18% 27%,18% 61%,31% 61%,31% 34%,40% 34%,40% 72%,54% 72%,54% 46%,64% 46%,64% 19%,75% 19%,75% 51%,85% 51%,85% 32%,94% 32%,94% 63%,100% 63%,100% 100%,0 100%);background:#20382e;height:47px;position:absolute;inset:auto 0 0}.deck-coordinates{color:#a0b6a7;font:.57rem ui-monospace,monospace;position:absolute;bottom:.45rem;right:.55rem}.deck-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.55rem;display:grid}.deck-controls button{justify-content:center;align-items:center;gap:.35rem;padding:.4rem .25rem;font:700 .8rem ui-monospace,monospace;display:flex}.deck-controls button small{color:var(--orange)}.deck-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#2b432b}.deck-route{padding:.65rem .8rem .95rem}.deck-route h2{margin:0;font:700 1.05rem ui-monospace,monospace}.deck-route ol{flex-wrap:wrap;gap:.35rem .65rem;margin:.65rem 0;padding:0;list-style:none;display:flex}.deck-route li{color:var(--muted);font-size:.76rem}.deck-route li+li:before{content:"→";color:var(--orange);margin-right:.45rem}.deck-route a{font-size:.85rem;font-weight:700}.home-board h2{margin-top:.25rem}.board-empty{border:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.85rem;padding:.55rem .75rem;display:flex}.board-empty>span{color:var(--orange);font-size:1.3rem}.board-empty p{flex:13rem;margin:0}@keyframes fox-idle{0%{transform:translateY(3px)}to{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.deck-stage img{animation:none}}@media (width<=760px){.hero{grid-template-columns:1fr}.hero-network{margin-top:1.2rem}}
