:root{--mk-bg:#050807;--mk-panel:#0a0f0c;--mk-panel-2:#0e1511;--mk-line:#1b2721;--mk-line-2:#2a3a31;--mk-text:#eef2ef;--mk-muted:#8d9791;--mk-dim:#626d67;--mk-gold:#e8b832;--mk-green:#00d27f;--mk-red:#f05a5a;--mk-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--mk-sans:"Helvetica Neue",Helvetica,ui-sans-serif,system-ui,sans-serif}.marketsShell,.marketsShell *{box-sizing:border-box}.marketsShell{min-height:100dvh;color:var(--mk-text);background:radial-gradient(circle at 75% -10%,#00d27f12,transparent 30%),radial-gradient(circle at -5% 75%,#e8b8320b,transparent 25%),var(--mk-bg);font:13px/1.45 var(--mk-sans);font-variant-numeric:tabular-nums}.marketsShell button,.marketsShell input{font:inherit}.marketsShell button{cursor:pointer}.marketsShell :focus-visible{outline:2px solid var(--mk-gold);outline-offset:2px}.marketsHeader{z-index:20;border-bottom:1px solid var(--mk-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050807f0;grid-template-columns:240px 1fr auto auto;align-items:center;height:64px;padding:0 28px;display:grid;position:sticky;top:0}.marketsBrand{align-items:center;gap:10px;width:max-content;display:flex}.marketsBrand img{filter:drop-shadow(0 4px 12px #e8b83233)}.marketsBrand span{display:grid}.marketsBrand b{font-size:15px}.marketsBrand small{color:var(--mk-gold);font:600 8px var(--mk-mono);letter-spacing:.16em}.marketsHeader nav{align-items:center;gap:28px;height:100%;display:flex}.marketsHeader nav a{height:100%;color:var(--mk-muted);place-items:center;font-size:12px;display:grid;position:relative}.marketsHeader nav a:hover,.marketsHeader nav a.active{color:var(--mk-text)}.marketsHeader nav a.active:after{content:"";background:var(--mk-gold);height:2px;position:absolute;bottom:0;left:0;right:0}.marketsNetwork{border-inline:1px solid var(--mk-line);align-items:center;gap:8px;height:36px;margin-right:9px;padding:0 13px;display:flex}.marketsNetwork i{background:var(--mk-gold);border-radius:50%;width:7px;height:7px}.marketsNetwork i.live{background:var(--mk-green);box-shadow:0 0 10px #00d27f66}.marketsNetwork span{font:600 8px var(--mk-mono);letter-spacing:.05em}.marketsNetwork small{color:var(--mk-dim);margin-top:2px;font-size:7px;display:block}.tradeCta{height:35px;color:var(--mk-gold);background:#e8b83212;border:1px solid #e8b8326b;border-radius:4px;place-items:center;padding:0 15px;font-size:10px;font-weight:600;display:grid}.tradeCta:hover{background:var(--mk-gold);color:#11140e}.marketTestnet{height:23px;color:var(--mk-gold);font:600 8px var(--mk-mono);letter-spacing:.15em;border-bottom:1px solid #e8b83229;place-items:center;display:grid}.marketsHero{grid-template-columns:minmax(420px,1fr) minmax(600px,1.25fr);align-items:end;gap:70px;max-width:1440px;margin:auto;padding:68px 38px 38px;display:grid}.marketsHero>div>small,.marketDirectory header small{color:var(--mk-gold);font:600 9px var(--mk-mono);letter-spacing:.16em}.marketsHero h1{letter-spacing:-.055em;margin:12px 0 16px;font-size:48px;line-height:1.02}.marketsHero h1 em{color:var(--mk-gold);font-style:normal}.marketsHero p{max-width:630px;color:var(--mk-muted);margin:0;font-size:14px}.marketsHero dl{border:1px solid var(--mk-line);background:linear-gradient(145deg,#0f1713f2,#070b09f2);border-radius:6px;grid-template-columns:repeat(4,1fr);margin:0;display:grid}.marketsHero dl div{border-right:1px solid var(--mk-line);min-height:100px;padding:20px}.marketsHero dl div:last-child{border:0}.marketsHero dt{color:var(--mk-muted);font-size:9px}.marketsHero dd{font:600 25px var(--mk-mono);margin:10px 0 0}.marketsHero dl small{color:var(--mk-dim);font-size:8px}.marketHighlights{grid-template-columns:repeat(3,1fr);gap:8px;max-width:1440px;margin:0 auto 26px;padding:0 38px;display:grid}.marketHighlights article{border:1px solid var(--mk-line);background:linear-gradient(145deg,var(--mk-panel-2),var(--mk-panel));border-radius:5px;justify-content:space-between;align-items:center;min-height:105px;padding:17px 19px;display:flex;box-shadow:0 14px 36px #00000026}.marketHighlights article>div:first-child{gap:5px;display:grid}.marketHighlights small{color:var(--mk-dim);font:600 8px var(--mk-mono);letter-spacing:.1em}.marketHighlights strong{font-size:15px}.marketHighlights span{font:600 11px var(--mk-mono)}.positive{color:var(--mk-green)!important}.negative{color:var(--mk-red)!important}.marketSpark{width:112px;height:36px}.marketSpark path{fill:none;stroke:var(--mk-green);stroke-width:2px;vector-effect:non-scaling-stroke}.sparkEmpty{color:var(--mk-dim)!important;font:500 8px var(--mk-mono)!important}.chainPulse{align-items:flex-end;gap:4px;height:38px;display:flex!important}.chainPulse i{background:var(--mk-green);opacity:.25;width:6px}.chainPulse i:first-child{height:12px}.chainPulse i:nth-child(2){height:25px}.chainPulse i:nth-child(3){height:17px}.chainPulse i:nth-child(4){opacity:.8;height:34px}.marketDirectory{border:1px solid var(--mk-line);background:linear-gradient(145deg,#0d1410fa,#070b09fa);border-radius:6px;max-width:1364px;margin:0 auto;padding-bottom:60px;overflow:hidden}.marketDirectory>header{border-bottom:1px solid var(--mk-line);justify-content:space-between;align-items:center;min-height:84px;padding:16px 20px;display:flex}.marketDirectory h2{letter-spacing:-.025em;margin:3px 0 0;font-size:20px}.marketSearch{border:1px solid var(--mk-line-2);width:min(360px,42vw);height:40px;color:var(--mk-muted);background:#070b09;border-radius:4px;align-items:center;gap:9px;padding:0 12px;display:flex}.marketSearch:focus-within{border-color:var(--mk-gold)}.marketSearch input{width:100%;color:var(--mk-text);background:0 0;border:0;outline:0;font-size:11px}.marketTabs{border-bottom:1px solid var(--mk-line);background:#080c0a;align-items:center;gap:3px;height:43px;padding:0 13px;display:flex;overflow-x:auto}.marketTabs button{height:29px;color:var(--mk-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 12px;font-size:9px}.marketTabs button:hover{color:var(--mk-text)}.marketTabs button.active{color:var(--mk-gold);background:#e8b83212;border-color:#e8b83259}.marketTableWrap{min-height:330px;overflow-x:auto}.marketsTable{border-collapse:collapse;white-space:nowrap;width:100%}.marketsTable th{text-align:left;height:38px;color:var(--mk-dim);font:600 8px var(--mk-mono);text-transform:uppercase;letter-spacing:.04em;background:#090e0b;padding:0 12px}.marketsTable th:first-child{width:42px}.marketsTable th button{color:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.marketsTable tbody tr{border-top:1px solid #131c17;height:68px;transition:background-color .14s}.marketsTable tbody tr:not(.skeletonRow):hover{cursor:pointer;background:#ffffff06}.marketsTable td{padding:9px 12px;font-size:10px}.marketsTable td:first-child{padding-right:0}.marketsTable td>small{color:var(--mk-dim);margin-top:4px;font-size:8px;display:block}.marketsTable td:last-child a{border:1px solid var(--mk-line-2);height:29px;color:var(--mk-gold);border-radius:3px;place-items:center;padding:0 10px;font-size:8px;display:grid}.marketsTable td:last-child a:hover{border-color:var(--mk-gold);background:#e8b83212}.mono{font:600 10px var(--mk-mono)}.star{color:#3d4842;background:0 0;border:0;width:26px;height:26px;font-size:14px}.star:hover,.star.active{color:var(--mk-gold)}.marketName{align-items:center;gap:9px;display:flex}.marketName>span{min-width:115px;display:grid}.marketName b{font-size:11px}.marketName small{color:var(--mk-dim);font:500 8px var(--mk-mono);margin-top:3px}.trustBadge{width:max-content;color:var(--mk-green);font:600 6px var(--mk-mono);letter-spacing:.05em;background:#00d27f14;border-radius:3px;padding:3px 6px}.trustBadge.experimental{color:var(--mk-gold);background:#e8b83217}.trustBadge.offline{color:var(--mk-red);background:#f05a5a14}.marketsTable .marketSpark{width:86px;height:28px}.marketsTable .sparkEmpty{width:86px;display:block}.skeletonRow td{padding:16px}.skeletonRow i{background:linear-gradient(90deg,#0f1713,#18231d,#0f1713) 0 0/200% 100%;border-radius:3px;height:34px;animation:1.3s linear infinite marketPulse;display:block}.marketEmpty{height:300px;color:var(--mk-muted);place-content:center;justify-items:center;gap:6px;display:grid}.marketEmpty b{color:var(--mk-text);margin-top:6px}.marketEmpty span{font-size:10px}.marketError{border-left:2px solid var(--mk-red);color:#dba6a6;background:#f05a5a0e;align-items:center;gap:10px;margin:12px;padding:12px;font-size:10px;display:flex}.marketError span{flex:1}.marketError button{color:#f2b0b0;background:0 0;border:1px solid #f05a5a59;border-radius:3px;height:29px;font-size:9px}.marketDirectory>footer{border-top:1px solid var(--mk-line);height:45px;color:var(--mk-muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;display:flex}.marketDirectory>footer div{align-items:center;gap:9px;display:flex}.marketDirectory>footer button{border:1px solid var(--mk-line);background:var(--mk-panel-2);width:28px;height:28px;color:var(--mk-text);border-radius:3px}.marketDirectory>footer button:disabled{opacity:.3;cursor:not-allowed}.marketDrawerBackdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a3;justify-content:flex-end;display:flex;position:fixed;inset:0}.marketDrawer{border-left:1px solid var(--mk-line-2);background:linear-gradient(160deg,#101913,#060a08);width:min(440px,100vw);height:100%;padding:22px;overflow-y:auto;box-shadow:-24px 0 70px #0006}.marketDrawer header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.marketDrawer header>div{align-items:center;gap:11px;display:flex}.marketDrawer header span{display:grid}.marketDrawer header small{color:var(--mk-gold);font:600 7px var(--mk-mono);letter-spacing:.12em}.marketDrawer h2{margin:2px 0 0;font-size:22px}.marketDrawer header button{border:1px solid var(--mk-line);background:var(--mk-panel);width:32px;height:32px;color:var(--mk-muted);border-radius:4px;font-size:20px}.marketDrawer dl{border:1px solid var(--mk-line);margin:18px 0}.marketDrawer dl div{border-bottom:1px solid var(--mk-line);padding:12px}.marketDrawer dl div:last-child{border:0}.marketDrawer dt{color:var(--mk-muted);font-size:9px}.marketDrawer dd{overflow-wrap:anywhere;font:500 10px var(--mk-mono);margin:5px 0 0}.drawerActions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.drawerActions a{border:1px solid var(--mk-line-2);height:38px;color:var(--mk-text);border-radius:4px;place-items:center;font-size:9px;display:grid}.drawerActions a:first-child{border-color:var(--mk-gold);background:var(--mk-gold);color:#11140e;font-weight:700}.marketDrawer>p{border-left:2px solid var(--mk-gold);color:var(--mk-muted);background:#e8b8320d;margin-top:16px;padding:11px;font-size:9px}@keyframes marketPulse{to{background-position:-200% 0}}@media (max-width:1100px){.marketsHeader{grid-template-columns:210px 1fr auto}.marketsNetwork{display:none}.marketsHero{grid-template-columns:1fr;gap:30px;padding-top:45px}.marketsHero dl{max-width:none}.marketDirectory{margin-inline:18px}.marketHighlights{padding-inline:18px}}@media (max-width:767px){.marketsHeader{grid-template-columns:1fr auto;height:56px;padding:0 10px}.marketsHeader nav,.marketsNetwork{display:none}.marketsBrand b{font-size:13px}.marketsBrand small{display:none}.tradeCta{height:33px;padding-inline:11px}.marketTestnet{white-space:nowrap;text-overflow:ellipsis;height:20px;padding:0 8px;font-size:7px;overflow:hidden}.marketsHero{padding:34px 15px 24px}.marketsHero h1{font-size:35px}.marketsHero p{font-size:12px}.marketsHero dl{grid-template-columns:1fr 1fr}.marketsHero dl div{min-height:82px;padding:14px}.marketsHero dl div:nth-child(2){border-right:0}.marketsHero dl div:nth-child(-n+2){border-bottom:1px solid var(--mk-line)}.marketsHero dd{font-size:21px}.marketHighlights{grid-template-columns:1fr;gap:5px;padding:0 10px}.marketHighlights article{min-height:84px}.marketDirectory{border-radius:4px;margin:18px 5px 0}.marketDirectory>header{flex-direction:column;align-items:flex-start;gap:13px}.marketSearch{width:100%}.marketTabs{padding-inline:7px}.marketsTable th:nth-child(4),.marketsTable td:nth-child(4),.marketsTable th:nth-child(6),.marketsTable td:nth-child(6),.marketsTable th:nth-child(7),.marketsTable td:nth-child(7){display:none}.marketsTable th,.marketsTable td{padding-inline:8px}.marketName>span{min-width:100px}.marketName .trustBadge{display:none}.marketsTable .marketSpark{width:64px}.marketsTable td:last-child a{padding-inline:6px}.marketDrawer{padding:16px}.drawerActions{grid-template-columns:1fr}}@media (max-width:420px){.marketsTable th:nth-child(5),.marketsTable td:nth-child(5){display:none}.marketsHero h1{font-size:31px}.marketHighlights .marketSpark{width:95px}.marketsTable tbody tr{height:62px}.marketName img{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.marketsShell *{transition:none!important;animation:none!important}}
