:root{--eco-cyan:#71f6c8;--eco-blue:#7c8cff;--eco-violet:#a77cff;--eco-gold:#d7aa55;--eco-bg:#02070c}
*{box-sizing:border-box}
html{background:var(--eco-bg)}
body.ecosystemPage{margin:0;min-height:100vh;background:
radial-gradient(circle at 18% 10%,rgba(113,246,200,.075),transparent 30%),
radial-gradient(circle at 88% 28%,rgba(124,140,255,.07),transparent 34%),
linear-gradient(180deg,#030a10,#02070c 62%,#02060a);color:#eafffd;overflow-x:hidden}
#ecoField{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.85}
.ecoVignette{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.58) 110%)}
.ecoTopbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px clamp(16px,4vw,44px);border-bottom:1px solid rgba(113,246,200,.10);background:rgba(2,8,13,.84);backdrop-filter:blur(22px) saturate(135%)}
.ecoBrand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.ecoBrand>span:last-child{display:grid}.ecoBrand b{font-size:16px;letter-spacing:.06em}.ecoBrand small{font:800 7px ui-monospace,monospace;letter-spacing:.14em;color:#79929d;margin-top:2px}
.ecoTopbar nav{display:flex;gap:8px;margin-left:auto}.ecoTopbar nav a{padding:9px 11px;border-radius:999px;color:#8da1aa;text-decoration:none;font-size:11px;font-weight:850}.ecoTopbar nav a:hover,.ecoTopbar nav a.active{color:#eafffd;background:rgba(113,246,200,.06);box-shadow:inset 0 0 0 1px rgba(113,246,200,.12)}
.ecoLive{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(97,212,164,.22);border-radius:999px;background:rgba(97,212,164,.04);font:900 8px ui-monospace,monospace;letter-spacing:.1em;color:#9be8c7}.ecoLive i{width:7px;height:7px;border-radius:50%;background:#61d4a4;box-shadow:0 0 14px #61d4a4;animation:ecoPulse 1.4s ease-in-out infinite}
.ecoMain{width:min(1500px,100%);margin:auto;padding:clamp(18px,3vw,34px) clamp(14px,4vw,40px) 120px}
.ecoHero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:24px;align-items:end;padding:clamp(22px,5vw,54px);border:1px solid rgba(113,246,200,.11);border-radius:28px;background:
radial-gradient(circle at 80% 20%,rgba(124,140,255,.10),transparent 26%),
linear-gradient(145deg,rgba(7,23,34,.96),rgba(2,9,15,.985));box-shadow:0 38px 120px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.03)}
.ecoKicker{font:900 7px ui-monospace,monospace;letter-spacing:.17em;color:#78cfc8}
.ecoHero h1{font-size:clamp(50px,8.3vw,118px);line-height:.82;letter-spacing:-.065em;margin:14px 0 18px}.ecoHero h1 em{font-style:normal;background:linear-gradient(92deg,#fff,#91fff6 35%,#8197ff 72%,#b58fff);-webkit-background-clip:text;background-clip:text;color:transparent}.ecoHero p{max-width:850px;color:#aabdc6;font-size:clamp(14px,1.4vw,18px);line-height:1.65}
.ecoHeroBadge{border:1px solid rgba(113,246,200,.13);border-radius:20px;padding:18px;background:rgba(3,12,18,.65);display:grid;gap:5px}.ecoHeroBadge small{font:850 7px ui-monospace,monospace;letter-spacing:.13em;color:#6c838e}.ecoHeroBadge b{font-size:28px}.ecoHeroBadge span{font-size:10px;color:#87a0aa}
.ecoMetrics{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:14px 0}.ecoMetrics article{min-width:0;border:1px solid rgba(113,246,200,.09);border-radius:16px;padding:13px;background:linear-gradient(145deg,rgba(8,25,36,.84),rgba(3,11,17,.88))}.ecoMetrics small,.ecoMetrics em{display:block;font:850 6.5px ui-monospace,monospace;letter-spacing:.1em;color:#6e838d}.ecoMetrics b{font-size:clamp(20px,2.1vw,30px);letter-spacing:-.04em}.ecoMetrics em{display:inline;margin-left:5px;color:#71f6c8;font-style:normal}
.ecoPanel{border:1px solid rgba(113,246,200,.10);border-radius:22px;padding:clamp(14px,2vw,20px);background:
radial-gradient(circle at 90% 10%,rgba(124,140,255,.07),transparent 30%),
linear-gradient(145deg,rgba(6,21,31,.90),rgba(2,9,14,.95));box-shadow:0 26px 80px rgba(0,0,0,.23)}
.ecoPanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.ecoPanelHead h2{font-size:clamp(22px,3vw,36px);margin:3px 0 5px}.ecoPanelHead p{margin:0;color:#7f949e;font-size:11px;max-width:800px;line-height:1.55}.ecoPanelHead>span{font:900 8px ui-monospace,monospace;letter-spacing:.1em;color:#79cfc8}
.ecoModePill{padding:8px 11px;border:1px solid rgba(97,212,164,.24);border-radius:999px;background:rgba(97,212,164,.045);color:#9be8c7!important}
.ecoMap{position:relative;min-height:620px;border:1px solid rgba(113,246,200,.08);border-radius:20px;overflow:hidden;background:
linear-gradient(rgba(113,246,200,.028) 1px,transparent 1px),
linear-gradient(90deg,rgba(113,246,200,.022) 1px,transparent 1px),
radial-gradient(circle at center,rgba(113,246,200,.07),transparent 44%),#02090e;background-size:34px 34px,34px 34px,auto,auto}
#ecoEdges{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}#ecoEdges line{stroke:rgba(113,246,200,.13);stroke-width:.24;vector-effect:non-scaling-stroke}#ecoEdges line.active{stroke:#71f6c8;stroke-width:.55;filter:drop-shadow(0 0 4px #71f6c8);stroke-dasharray:2.2 1.8;animation:ecoDash 2s linear infinite}
.ecoTreasuryCore{position:absolute;z-index:6;left:50%;top:48%;transform:translate(-50%,-50%);width:190px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(215,170,85,.30);background:
radial-gradient(circle at 35% 25%,rgba(255,240,190,.20),transparent 18%),
radial-gradient(circle,rgba(215,170,85,.12),rgba(5,12,17,.96) 62%);box-shadow:0 0 0 22px rgba(215,170,85,.025),0 0 0 64px rgba(113,246,200,.018),0 34px 90px rgba(0,0,0,.48),inset 0 0 36px rgba(215,170,85,.09)}
.ecoTreasuryCore>span{font-size:44px;font-weight:950;letter-spacing:-.08em}.ecoTreasuryCore small{font:900 7px ui-monospace,monospace;letter-spacing:.14em;color:#a78b54}.ecoTreasuryCore b{font-size:12px;color:#f0d698;margin-top:6px}
.ecoWalletCore{position:absolute;z-index:7;left:50%;bottom:6%;transform:translateX(-50%);width:min(360px,70%);border:1px solid rgba(124,140,255,.24);border-radius:16px;padding:11px 14px;text-align:center;background:rgba(7,13,28,.82);box-shadow:0 16px 46px rgba(0,0,0,.28)}.ecoWalletCore small{display:block;font:850 6px ui-monospace,monospace;letter-spacing:.12em;color:#7d87b8}.ecoWalletCore b{display:block;font-size:12px;margin:3px}.ecoWalletCore span{font:850 9px ui-monospace,monospace;color:#aeb8ff}
#ecoNodes{position:absolute;inset:0;z-index:5}.ecoNode{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(120px,12vw,178px);min-height:92px;border:1px solid rgba(113,246,200,.12);border-radius:15px;padding:11px;background:linear-gradient(145deg,rgba(10,31,43,.94),rgba(3,11,18,.96));box-shadow:0 16px 44px rgba(0,0,0,.27);transition:.25s}.ecoNode:hover,.ecoNode.active{border-color:rgba(113,246,200,.42);box-shadow:0 0 28px rgba(113,246,200,.10),0 18px 52px rgba(0,0,0,.33);transform:translate(-50%,-50%) scale(1.035)}.ecoNode.active:after{content:"";position:absolute;inset:-4px;border-radius:18px;border:1px solid rgba(113,246,200,.28);animation:ecoPulseRing 1.4s ease-out infinite}.ecoNode small,.ecoNode em{display:block;font:850 6px ui-monospace,monospace;letter-spacing:.1em;color:#69808a;font-style:normal}.ecoNode b{display:block;font-size:12px;margin:5px 0 7px}.ecoNode .ecoStates{display:flex;gap:5px;flex-wrap:wrap}.ecoNode .ecoStates span{font:850 6px ui-monospace,monospace;padding:4px 6px;border:1px solid rgba(113,246,200,.10);border-radius:999px;color:#8fb9b5}.ecoNode.locked{opacity:.58}.ecoNode.game-economy b{color:#cafff8}.ecoNode.machine-commerce b{color:#cbd2ff}.ecoNode.economic-core b{color:#f1d69a}
.ecoMovement{position:absolute;z-index:10;left:50%;top:4%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:86%;padding:9px 12px;border:1px solid rgba(113,246,200,.15);border-radius:999px;background:rgba(2,9,14,.83);backdrop-filter:blur(12px);font:850 8px ui-monospace,monospace;color:#a6c1c0}.ecoMovement i{width:7px;height:7px;border-radius:50%;background:#71f6c8;box-shadow:0 0 14px #71f6c8}
.ecoGrid{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin:12px 0}.ecoStream{display:grid;gap:6px;max-height:390px;overflow:auto}.ecoEvent{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(113,246,200,.07);border-radius:12px;background:rgba(0,0,0,.14)}.ecoEvent time{font:750 7px ui-monospace,monospace;color:#627882}.ecoEvent b{font-size:10px}.ecoEvent span{font:850 8px ui-monospace,monospace;color:#a5bbb9}.ecoEvent.reward span{color:#89eec0}.ecoEvent.spend span{color:#e4c781}
.ecoRules{display:grid;gap:8px}.ecoRules span{padding:11px;border:1px solid rgba(113,246,200,.08);border-radius:13px;background:rgba(0,0,0,.13)}.ecoRules b,.ecoRules small{display:block}.ecoRules b{font:900 8px ui-monospace,monospace;letter-spacing:.11em;color:#dffcf9}.ecoRules small{margin-top:4px;color:#748992;font-size:9px}
.ecoApps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.ecoApp{border:1px solid rgba(113,246,200,.08);border-radius:15px;padding:12px;background:rgba(2,10,15,.52)}.ecoAppHead{display:flex;align-items:center;justify-content:space-between;gap:9px}.ecoAppHead b{font-size:12px}.ecoAppHead span{font:850 6px ui-monospace,monospace;color:#70aaa4}.ecoApp p{font-size:9px;line-height:1.5;color:#71848e;min-height:41px}.ecoAppState{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ecoAppState span{padding:7px;border:1px solid rgba(113,246,200,.07);border-radius:9px}.ecoAppState small,.ecoAppState b{display:block}.ecoAppState small{font:800 5.5px ui-monospace,monospace;color:#60737d}.ecoAppState b{font:850 7px ui-monospace,monospace;margin-top:2px}.ecoApp.moving{border-color:rgba(113,246,200,.30);box-shadow:0 0 24px rgba(113,246,200,.07)}.ecoAppLaunch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0 0 10px;padding:8px 12px;border:1px solid rgba(113,246,200,.22);border-radius:999px;background:rgba(113,246,200,.045);color:#bafff4;text-decoration:none;font:900 7px ui-monospace,monospace;letter-spacing:.09em}.ecoAppLaunch:hover,.ecoAppLaunch:focus-visible{border-color:rgba(113,246,200,.52);background:rgba(113,246,200,.09);outline:none;box-shadow:0 0 22px rgba(113,246,200,.08)}
.ecoBoundary{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.ecoBoundary p{margin:0;color:#82969f;font-size:10px;line-height:1.5}.ecoBoundary .primary{text-decoration:none;white-space:nowrap}
.ecoMobileDock{display:none}
@keyframes ecoPulse{50%{opacity:.42;transform:scale(.82)}}@keyframes ecoPulseRing{0%{opacity:.7;transform:scale(.97)}100%{opacity:0;transform:scale(1.1)}}@keyframes ecoDash{to{stroke-dashoffset:-8}}
@media(max-width:1000px){.ecoMetrics{grid-template-columns:repeat(3,1fr)}.ecoApps{grid-template-columns:repeat(2,1fr)}.ecoHero{grid-template-columns:1fr}.ecoGrid{grid-template-columns:1fr}}
@media(max-width:760px){
.ecoTopbar{padding:11px 14px}.ecoTopbar nav{display:none}.ecoLive{margin-left:auto}.ecoMain{padding:14px 12px 110px}.ecoHero{padding:22px 18px;border-radius:22px}.ecoHero h1{font-size:clamp(49px,15vw,78px)}.ecoHeroBadge{display:none}
.ecoMetrics{grid-template-columns:1fr 1fr;gap:7px}.ecoMetrics article{padding:10px}.ecoMetrics b{font-size:21px}
.ecoMap{min-height:auto;padding:12px;display:grid;gap:10px}.ecoTreasuryCore,.ecoWalletCore{position:relative;left:auto;top:auto;bottom:auto;transform:none;margin:8px auto}.ecoTreasuryCore{width:164px}.ecoWalletCore{width:100%}
#ecoEdges{display:none}#ecoNodes{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.ecoNode{position:relative;left:auto!important;top:auto!important;transform:none!important;width:auto;min-height:82px}.ecoNode.active{transform:none!important}
.ecoMovement{position:relative;left:auto;top:auto;transform:none;max-width:none;justify-content:center;grid-row:1}.ecoApps{grid-template-columns:1fr}.ecoEvent{grid-template-columns:70px 1fr auto;gap:6px}.ecoBoundary{grid-template-columns:1fr}.ecoBoundary .primary{width:100%;justify-content:center}
.ecoMobileDock{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:7px;border:1px solid rgba(113,246,200,.10);border-radius:20px;background:rgba(2,9,14,.92);backdrop-filter:blur(20px);box-shadow:0 18px 50px rgba(0,0,0,.48)}.ecoMobileDock a{display:grid;place-items:center;gap:3px;padding:7px 2px;color:#738994;text-decoration:none;border-radius:13px}.ecoMobileDock a.active{color:#dffffa;background:rgba(113,246,200,.06)}.ecoMobileDock span{font-size:14px}.ecoMobileDock small{font-size:7px;font-weight:800}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}#ecoField{display:none}}


/* TEST ECONOMY ARM CONSOLE v18 */
.ecoArmPanel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:16px;margin:14px 0;border-color:rgba(113,246,200,.22);background:radial-gradient(circle at 86% 12%,rgba(113,246,200,.09),transparent 30%),linear-gradient(145deg,rgba(7,25,34,.95),rgba(2,9,14,.98))}
.ecoArmCopy h2{font-size:clamp(28px,4vw,48px);margin:5px 0 8px;letter-spacing:-.04em}.ecoArmCopy p{margin:0;color:#91a7b0;line-height:1.65}.ecoArmCopy strong{color:#eafffd}
.ecoArmRules{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.ecoArmRules span{padding:6px 8px;border:1px solid rgba(113,246,200,.11);border-radius:999px;font:850 6px ui-monospace,monospace;letter-spacing:.09em;color:#82bdb5;background:rgba(113,246,200,.025);text-transform:uppercase}
.ecoArmAction{display:grid;align-content:center;gap:9px;padding:14px;border:1px solid rgba(113,246,200,.11);border-radius:17px;background:rgba(0,0,0,.16)}.ecoArmAction .ecoModePill{justify-self:start}.ecoArmBtn{width:100%;min-height:54px;font-size:14px}.ecoArmBtn:disabled{opacity:.78;cursor:default;transform:none}.ecoArmResult{min-height:44px;color:#7f969f;font-size:9px;line-height:1.55}.ecoArmResult b{color:#8ff2c8}.ecoArmResult a,.ecoControlLink{color:#9ffff4}.ecoControlLink{font:850 7px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.ecoEarnPanel{margin-bottom:14px}.ecoEarnLanes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ecoEarnLane{border:1px solid rgba(113,246,200,.09);border-radius:15px;padding:13px;background:rgba(2,10,15,.55)}.ecoEarnLane small{font:850 6px ui-monospace,monospace;letter-spacing:.11em;color:#71f6c8}.ecoEarnLane h3{font-size:18px;margin:5px 0}.ecoEarnLane p{min-height:58px;color:#758b95;font-size:9px;line-height:1.55}.ecoEarnLane>span{display:block;border-top:1px solid rgba(113,246,200,.07);padding-top:7px;margin-top:7px;font:850 7px ui-monospace,monospace;color:#a9c8c4}
@media(max-width:900px){.ecoArmPanel{grid-template-columns:1fr}.ecoEarnLanes{grid-template-columns:1fr}}
@media(max-width:760px){.ecoArmPanel{margin:10px 0;padding:16px}.ecoArmAction{padding:11px}.ecoArmBtn{min-height:50px}.ecoEarnLane p{min-height:0}}


/* TRANSACTION PROOF EXPLORER v22 */
.ecoTxProofPanel{margin:12px 0;border-color:rgba(124,140,255,.19);background:radial-gradient(circle at 90% 5%,rgba(124,140,255,.10),transparent 28%),linear-gradient(145deg,rgba(7,20,32,.94),rgba(2,8,14,.98))}
.ecoTxInvariant{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;align-items:center;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(113,246,200,.18);border-radius:15px;background:rgba(113,246,200,.035)}
.ecoTxInvariant small{font:900 6px ui-monospace,monospace;letter-spacing:.12em;color:#6d9996}.ecoTxInvariant b{font:950 clamp(13px,1.8vw,19px) ui-monospace,monospace;color:#bafff4}.ecoTxInvariant span{font-size:8px;color:#728a93;text-align:right}
.ecoTxFilters{display:flex;gap:6px;overflow:auto;padding-bottom:5px;margin-bottom:8px}.ecoTxFilters button{flex:0 0 auto;min-height:35px;padding:0 12px;border:1px solid rgba(124,140,255,.14);border-radius:999px;background:rgba(4,11,21,.72);color:#758894;font:900 7px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer}.ecoTxFilters button.active{border-color:rgba(113,246,200,.38);color:#dffffa;background:rgba(113,246,200,.08);box-shadow:0 0 18px rgba(113,246,200,.06)}
.ecoTxSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.ecoTxSummary span{padding:10px;border:1px solid rgba(113,246,200,.07);border-radius:12px;background:rgba(0,0,0,.14)}.ecoTxSummary small,.ecoTxSummary b{display:block}.ecoTxSummary small{font:850 6px ui-monospace,monospace;letter-spacing:.1em;color:#657b85}.ecoTxSummary b{margin-top:4px;font-size:18px;color:#9be8c7}.ecoTxSummary b.fail{color:#ff9eac}
.ecoTxExplorer{display:grid;gap:9px;max-height:760px;overflow:auto}.ecoTxCard{border:1px solid rgba(113,246,200,.11);border-radius:16px;padding:13px;background:linear-gradient(145deg,rgba(4,16,24,.86),rgba(2,8,13,.92))}.ecoTxCard.failed{border-color:rgba(255,112,136,.36);box-shadow:inset 3px 0 rgba(255,112,136,.46)}.ecoTxCard.settled{box-shadow:inset 3px 0 rgba(113,246,200,.30)}
.ecoTxCardHead{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.ecoTxCardHead div small,.ecoTxCardHead div b{display:block}.ecoTxCardHead small,.ecoTxFacts small,.ecoTxProofLine small{font:850 6px ui-monospace,monospace;letter-spacing:.11em;color:#657b85}.ecoTxCardHead div b{margin-top:3px;font-size:13px}.ecoTxCardHead>span{padding:6px 8px;border:1px solid rgba(113,246,200,.16);border-radius:999px;font:900 7px ui-monospace,monospace;color:#a8e7d7}.ecoTxCard.failed .ecoTxCardHead>span{border-color:rgba(255,112,136,.30);color:#ff9eac}
.ecoTxFacts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.ecoTxFacts span{min-width:0;padding:9px;border:1px solid rgba(113,246,200,.07);border-radius:10px;background:rgba(0,0,0,.12)}.ecoTxFacts small,.ecoTxFacts b{display:block}.ecoTxFacts b{margin-top:4px;font:900 12px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ecoTxFacts b.credit{color:#8ff2c8}.ecoTxFacts b.fail{color:#ff9eac}
.ecoTxLifecycle{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:3px 0 8px}.ecoTxLifecycle>em{font-style:normal;color:#445b66;font-size:11px}.ecoTxStage{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:1px 5px;align-items:center;flex:0 0 auto;padding:7px 8px;border:1px solid rgba(113,246,200,.08);border-radius:10px;background:rgba(0,0,0,.13);min-width:96px}.ecoTxStage i{grid-row:1/3;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font:900 7px ui-monospace,monospace;background:rgba(124,140,255,.10);color:#8d9aff}.ecoTxStage b{font:900 6.5px ui-monospace,monospace;color:#b7c6cc;letter-spacing:.06em}.ecoTxStage small{font:800 5.5px ui-monospace,monospace;color:#617782}.ecoTxStage.complete{border-color:rgba(113,246,200,.18)}.ecoTxStage.complete i{background:rgba(113,246,200,.11);color:#8ff2c8}.ecoTxStage.failed{border-color:rgba(255,112,136,.28)}.ecoTxStage.failed i,.ecoTxStage.failed small{color:#ff9eac}
.ecoTxProofLine{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(124,140,255,.08);border-radius:10px;background:rgba(3,7,15,.56)}.ecoTxProofLine code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 8px ui-monospace,monospace;color:#9faffe}.ecoTxProofMeta{display:flex;justify-content:space-between;gap:10px;margin-top:6px;color:#5e747e;font:750 6px ui-monospace,monospace}.ecoTxProofMeta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecoTxFailure{display:grid;gap:3px;margin-top:8px;padding:9px 10px;border:1px solid rgba(255,112,136,.25);border-radius:10px;background:rgba(255,112,136,.045)}.ecoTxFailure b{font:900 7px ui-monospace,monospace;color:#ff9eac}.ecoTxFailure span{font-size:8px;color:#b58b94}.ecoTxEmpty{display:grid;gap:6px;padding:22px;border:1px dashed rgba(113,246,200,.13);border-radius:14px;text-align:center;color:#728892;font-size:10px}.ecoTxEmpty b{color:#dffcf9}.ecoTxEmpty a{color:#9ffff4;text-decoration:none;font:900 7px ui-monospace,monospace}
@media(max-width:760px){.ecoTxInvariant{grid-template-columns:1fr}.ecoTxInvariant span{text-align:left}.ecoTxSummary{grid-template-columns:1fr 1fr}.ecoTxFacts{grid-template-columns:1fr 1fr}.ecoTxCardHead{grid-template-columns:1fr auto}.ecoTxCardHead div:nth-child(2){grid-row:2}.ecoTxCardHead>span{grid-column:2;grid-row:1/3}.ecoTxProofMeta{display:grid}.ecoTxExplorer{max-height:none}}