#pet-app .market-title{display:flex;align-items:center;justify-content:space-between;gap:24px}#pet-app .market-title h1{font-size:clamp(2.4rem,6vw,3.5rem);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:10px 0}#pet-app .market-title p{color:#53668f}#pet-app .market-title img{object-fit:contain;transform:rotate(9deg);margin-right:18px}.ecosystem-subtabs{display:flex;gap:24px;border-bottom:1px solid #cbd6f0;margin:26px 0 24px}.ecosystem-subtabs a{font:14px 'Space Mono',monospace;padding:12px 0 15px;text-decoration:none;color:#63749a;border-bottom:3px solid transparent}.ecosystem-subtabs a[aria-current]{color:#344dcb;border-color:#445bd9}.ecosystem-subtabs span{margin-left:16px}.market-platforms{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}#pet-app .market-platforms button{display:flex;align-items:center;gap:8px;padding:9px 12px;background:white;border:1px solid #c4d2f0;border-radius:9px;color:#2b4074;font-size:13px}#pet-app .market-platforms button[aria-pressed=true]{background:#ccff00;border-color:#95b923;color:#243408}.market-platforms img{object-fit:contain;border-radius:4px}.market-platforms b{font:11px 'Space Mono',monospace;opacity:.7}.market-platforms small{display:block;font:9px 'Space Mono',monospace}.market-toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;align-items:end}.market-toolbar label{font:11px 'Space Mono',monospace;color:#627395;min-width:0}#pet-app .market-toolbar select,#pet-app .market-toolbar input{margin-top:7px;width:100%;font:13px 'Space Grotesk',sans-serif;border:1px solid #becded;border-radius:8px;background:white;color:#294071;padding:9px 10px}.market-search{position:relative}.market-search>span{position:absolute;top:18px;left:12px;font-size:23px}#pet-app .market-search input{padding-left:38px}.market-options{display:flex;align-items:center;gap:14px;margin:14px 0;flex-wrap:wrap;font-size:12px}.market-options label{display:flex;align-items:center;gap:6px}#pet-app .market-options input{min-height:18px;width:16px;height:16px;accent-color:#445bd9}#pet-app .market-options select{min-height:36px;font-size:12px;border:0;background:#f1f5ff;color:#344977;border-radius:6px;padding:6px}#pet-app .market-options button{margin-left:auto;background:none;border:0;color:#4b60a4;font-size:12px;text-decoration:underline}#pet-app .market-feed-state{font:11px/1.7 'Space Mono',monospace;color:#617298;margin:14px 0}.market-table-scroll{overflow:auto;border:1px solid #cbd7ee;border-radius:11px}.market-table{width:100%;min-width:875px;border-collapse:collapse;font-size:13px}.market-table th{text-align:left;background:#eff4ff;padding:13px 12px;color:#5d709a;font:10px 'Space Mono',monospace;font-weight:400;white-space:nowrap}.market-table th small{display:block;margin-top:4px;font-size:9px;color:#7789ad}.market-table td{padding:12px;border-top:1px solid #e2e9f8}.market-table .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.market-table td.numeric{font:12px 'Space Mono',monospace;color:#304473}.market-table .market-rank{width:25px;color:#8b9cba;font:11px 'Space Mono',monospace;padding-right:0}.market-table tbody tr:hover{background:#f8faff}.market-table .pet-home-row{background:#f8fce9}.market-asset{display:flex;align-items:center;gap:10px;border:0;background:none;text-align:left;color:inherit;padding:0;min-width:240px}.market-logo{display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e7efff;font:11px 'Space Mono',monospace;position:relative;overflow:hidden}.market-logo img{position:absolute;inset:0;object-fit:cover;background:#e7efff}.market-symbol{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;max-width:270px;overflow-wrap:anywhere}.market-symbol em{font:9px 'Space Mono',monospace;background:#d5eeaa;color:#48671d;border-radius:4px;padding:3px 5px;white-space:nowrap}.market-age{display:block;font:10px/1.6 'Space Mono',monospace;color:#5c7298;margin-top:5px}.market-age>span{color:#71829f;font:10px 'Space Grotesk',sans-serif}.blue-check{display:inline-grid;place-items:center;background:#3889ee;color:white;border-radius:50%;width:15px;height:15px;font:bold 10px Arial,sans-serif;flex-shrink:0}.market-launchpad{font-size:11px;white-space:nowrap;color:#596d97}.market-reading{display:block;font:9px 'Space Mono',monospace;color:#667c9f;margin-top:7px}.market-reading.stale{color:#957023}.market-swap{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:36px;border:1px solid #c4d1f1;border-radius:7px;padding:7px 12px;background:#edf2ff;color:#3b54c4;text-decoration:none;font:12px 'Space Mono',monospace;white-space:nowrap}.market-swap:hover{background:#445bd9;color:white}.market-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0}.market-pagination p{font:11px 'Space Mono',monospace;color:#64779c}.market-pagination>div{display:flex;gap:8px}#pet-app .market-pagination button{padding:8px 12px;border:1px solid #cad5ed;background:white;border-radius:7px;color:#425989;font-size:12px}#pet-app .market-pagination button:disabled{opacity:.45}.market-legend{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:17px 20px;border:1px solid #d0def6;background:#f6f9ff;border-radius:10px}.market-legend .blue-check{margin-top:4px}#pet-app .market-legend p{margin:0;font-size:12px;color:#5c7095}.market-legend strong{display:block;color:#2c437a;margin-bottom:4px}.market-methodology{margin:22px 0 8px;color:#637495;font-size:12px}.market-methodology summary{cursor:pointer;color:#3d578b;min-height:40px;display:list-item}.market-methodology p{font-size:12px}#market-detail{width:580px;padding:28px}#market-detail-close{float:right;border:1px solid #c4d2ed;border-radius:6px;background:#f2f6ff;color:#3a5080;width:40px;font-size:22px}#market-detail h2{font-size:28px}#market-detail dl>div{padding:12px 0;border-top:1px solid #dee7f7}#market-detail dt{font:11px 'Space Mono',monospace;color:#7180a0;margin-bottom:5px}#market-detail dd{margin:0;font-size:14px}.market-contract{overflow-wrap:anywhere;font:12px 'Space Mono',monospace!important}.market-detail-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:800px){.market-toolbar{grid-template-columns:repeat(3,1fr)}.market-search{grid-column:1/-1}.market-toolbar select{font-size:12px!important}.market-options label{font-size:11px}.market-pagination{align-items:flex-start;flex-direction:column}.ecosystem-subtabs{gap:18px}.ecosystem-subtabs a{font-size:12px}.market-title img{width:42px;height:52px;margin:0!important}.market-platforms{gap:6px}#pet-app .market-platforms button{padding:8px;font-size:11px}.market-platforms img{width:20px;height:20px}.market-table-scroll{margin-inline:-6px}.market-options button{margin-left:0!important}.market-legend{padding:14px}}
/* PET filter controls: the popup is styled too, not only the closed select. */
#pet-app .market-select{display:inline-block;position:relative;min-width:0;vertical-align:middle}
#pet-app .market-toolbar .market-select{display:block;margin-top:7px}
#pet-app .market-select.is-open{z-index:12}
#pet-app .market-select .market-select-trigger,#pet-app .market-options .market-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #93ace8;border-radius:9px;background:#f5f8ff;box-shadow:0 3px #dbe5fb;color:#294174;font:13px/1.4 'Space Grotesk',sans-serif;text-decoration:none;text-align:left;white-space:nowrap}
#pet-app .market-select-trigger:hover{border-color:#445bd9;background:#edf3ff}
#pet-app .market-select-trigger[aria-expanded=true]{border-color:#445bd9;background:#eaf0ff;box-shadow:0 0 0 2px #445bd91a}
#pet-app .market-select-value{overflow:hidden;text-overflow:ellipsis}
#pet-app .market-select-chevron{color:#445bd9;font:18px/1 'Space Mono',monospace;flex-shrink:0;transform:translateY(-2px)}
#pet-app .market-select-trigger[aria-expanded=true] .market-select-chevron{transform:rotate(180deg) translateY(-2px)}
#pet-app .market-select-list{position:absolute;right:0;top:calc(100% + 8px);display:block;min-width:100%;width:max-content;max-width:min(280px,calc(100vw - 48px));max-height:280px;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #7f99e3;border-radius:12px;background:#fff;box-shadow:0 5px #cfdbf8,0 12px 25px #24396f1a;color:#294174;text-align:left}
#pet-app .market-select-option{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:10px;border-radius:7px;cursor:pointer;font:13px/1.4 'Space Grotesk',sans-serif;white-space:nowrap}
#pet-app .market-select-option:hover,#pet-app .market-select-option.is-active{background:#edf2ff;outline:1px solid #a2b8ee;outline-offset:-1px}
#pet-app .market-select-option[aria-selected=true]{background:#ccff00;color:#29400d}
#pet-app .market-select-check{visibility:hidden;color:#34550b;font:14px 'Space Mono',monospace}
#pet-app .market-select-option[aria-selected=true] .market-select-check{visibility:visible}
#pet-app .market-options .market-toggle{min-height:44px;padding:8px 12px;gap:8px;border:1px solid #c4d2f0;border-radius:9px;background:#f8faff;color:#405987;cursor:pointer}
#pet-app .market-options .market-toggle:has(input:checked){background:#edffc1;border-color:#a6bf61;color:#30491b}
#pet-app .market-options .market-toggle input{margin:0;accent-color:#445bd9}
#pet-app .market-options>label:not(.market-toggle){gap:10px;color:#627395}
@media(max-width:800px){#pet-app .market-select .market-select-trigger{font-size:12px;gap:6px;padding:10px 9px}#pet-app .market-toolbar>label:nth-child(2) .market-select-list{left:0;right:auto}#pet-app .market-options{gap:10px}#pet-app .market-options .market-toggle{font-size:11px;padding:8px 10px}}

/* Keep the context in view while exploring a wide, long market board. */
#pet-app .market-table-scroll{max-height:70vh;max-height:70dvh;scroll-padding-top:58px;isolation:isolate}
#pet-app .market-table{min-width:1100px;border-collapse:separate;border-spacing:0}
#pet-app .market-table th{position:sticky;top:0;z-index:3;box-shadow:0 1px #cbd7ee}
#pet-app .market-table .market-identity{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 #dbe4f6}
#pet-app .market-table th.market-identity{z-index:4;background:#eff4ff}
#pet-app .market-table tr:hover .market-identity{background:#f8faff}
#pet-app .market-table .pet-home-row .market-identity{background:#f8fce9}
#pet-app .market-table .market-change{display:inline-block;font-variant-numeric:tabular-nums}
#pet-app .market-change.is-up{color:#367316}#pet-app .market-change.is-down{color:#b7334b}#pet-app .market-change.is-flat,#pet-app .market-change.is-unknown{color:#617298}
@media(max-width:640px){#pet-app .market-table .market-identity{min-width:176px;max-width:176px;padding:10px 8px}#pet-app .market-asset{min-width:0;width:160px;gap:7px}#pet-app .market-asset>span:last-child{min-width:0}#pet-app .market-logo{width:28px;height:28px}#pet-app .market-logo img{width:28px;height:28px}#pet-app .market-symbol{font-size:12px;flex-wrap:wrap;gap:4px}#pet-app .market-age{font-size:9px}}
#pet-app .market-identity-layout{display:flex;align-items:center;gap:5px}
#pet-app .market-identity .market-watch{display:grid;place-items:center;min-height:44px;width:32px;flex-shrink:0;padding:0;border:0;border-radius:7px;background:transparent;color:#677da8;font-size:24px}
#pet-app .market-identity .market-watch:hover{background:#edf2ff;color:#445bd9}
#pet-app .market-identity .market-watch[aria-pressed=true]{color:#3950c0;background:#f0ffc7}
#pet-app .market-identity-layout .market-asset{min-width:0;width:245px}
#pet-app .market-watchlist-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#617298;margin:8px 0}
#pet-app .market-watchlist-note button{min-height:36px;padding:4px 8px;background:none;border:0;color:#445bd9;font-size:11px;text-decoration:underline}
#pet-app .market-options #market-share{margin-left:auto;padding:10px 12px;border:1px solid #93ace8;border-radius:9px;background:#f5f8ff;text-decoration:none;box-shadow:0 3px #dbe5fb}
#pet-app .market-options #market-reset{margin-left:0}
#pet-app .market-options #market-watchlist-count{font:11px 'Space Mono',monospace;margin-left:5px}
#pet-app .market-view-feedback{font-size:12px;color:#445bd9}
#pet-app .market-view-feedback:empty{display:none}
#pet-app #market-share-dialog{width:520px;padding:24px}
#pet-app #market-share-close{float:right;min-height:40px;width:40px;border:1px solid #c4d2ed;border-radius:6px;background:#f2f6ff;color:#3a5080;font-size:22px}
#pet-app #market-share-dialog h2{font-size:23px}#pet-app #market-share-dialog p,#pet-app #market-share-dialog label{font-size:13px}
#pet-app #market-share-link{display:block;width:100%;margin:8px 0;border:1px solid #93ace8;border-radius:8px;padding:10px;background:#f5f8ff;color:#294174;font-size:13px}
@media(max-width:640px){#pet-app .market-table .market-identity{min-width:196px;max-width:196px}#pet-app .market-identity-layout .market-asset{width:145px}#pet-app .market-identity .market-watch{width:26px;font-size:22px}#pet-app .market-watchlist-note{font-size:10px}#pet-app .market-table-scroll{max-height:65vh;max-height:65dvh}}

/* A working market board: compact controls and more readings per screen. */
#pet-app .content-page main.ecosystem-page{padding:18px 20px}
#pet-app .market-title{gap:12px}
#pet-app .market-title h1{font-size:30px;letter-spacing:-1px;margin:4px 0;line-height:1.2}
#pet-app .market-title img{width:34px;height:40px;margin:0}
#pet-app .ecosystem-subtabs{margin:4px 0 10px;gap:24px}
#pet-app .ecosystem-subtabs a{padding:9px 0;font-size:13px;min-height:40px}
#pet-app .market-platforms{margin:10px 0 12px;gap:6px}
#pet-app .market-platforms button{padding:5px 10px;min-height:38px}
#pet-app .market-platforms small{display:inline;margin-left:5px}
#pet-app .market-platforms img{width:20px;height:20px}
#pet-app .market-toolbar{gap:8px;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(140px,1fr))}
#pet-app .market-toolbar .market-select{margin-top:4px}
#pet-app .market-select .market-select-trigger{min-height:38px;padding:7px 10px;box-shadow:none;border-radius:7px}
#pet-app .market-toolbar input{min-height:38px;margin-top:4px;padding-block:7px}
#pet-app .market-search>span{top:10px}
#pet-app .market-options{gap:8px;margin:10px 0}
#pet-app .market-options .market-toggle{min-height:36px;padding:5px 8px;border-radius:7px}
#pet-app .market-options #market-share{min-height:36px;padding:6px 9px;box-shadow:none}
#pet-app .market-options #market-reset,#pet-app .market-options #market-watchlist-clear{min-height:36px;margin-left:0;padding:5px}
#pet-app .market-feed-state{margin:8px 0;font:11px/1.45 'Space Mono',monospace}
#pet-app .market-table{min-width:1120px}
#pet-app .market-table th{padding:10px 9px;font-size:11px}
#pet-app .market-table th small{display:inline;margin-left:4px}
#pet-app .market-table td{padding:6px 9px;height:56px}
#pet-app .market-table td.numeric{font-size:12px}
#pet-app .market-identity-layout{gap:3px}
#pet-app .market-identity-layout .market-asset{width:205px;gap:8px;min-height:44px}
#pet-app .market-identity-layout .market-asset>span:last-child{min-width:0}
#pet-app .market-logo,#pet-app .market-logo img{width:30px;height:30px}
#pet-app .market-symbol{font-size:13px;gap:4px;line-height:1.4}
#pet-app .market-symbol em{padding:2px 4px;font-size:8px}
#pet-app .market-age{margin-top:2px;font-size:10px;line-height:1.4;white-space:nowrap}
#pet-app .market-age .market-address{font:10px 'Space Mono',monospace;color:#62779b}
#pet-app .market-reading{margin-top:3px;font-size:10px;line-height:1.3}
#pet-app .market-swap{min-height:34px;padding:5px 8px;gap:5px;font-size:11px}
#pet-app .market-pagination{margin:10px 0;gap:10px}
#pet-app .market-pagination p{margin:0}
#pet-app .market-methodology{margin:12px 0 0}
@media(max-width:800px){
 #pet-app .content-page main.ecosystem-page{padding:14px 12px}
 #pet-app .market-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 #pet-app .market-search{grid-column:1/-1}
 #pet-app .market-options{gap:6px}
 #pet-app .market-pagination{flex-direction:row;align-items:center;flex-wrap:wrap}
}
@media(max-width:640px){
 #pet-app .market-table .market-identity{min-width:192px;max-width:192px;padding:6px}
 #pet-app .market-identity-layout .market-asset{width:145px;gap:6px}
 #pet-app .market-symbol{font-size:12px}
 #pet-app .market-logo,#pet-app .market-logo img{width:26px;height:26px}
 #pet-app .market-age,#pet-app .market-age .market-address{font-size:9px}
 #pet-app .market-symbol em{display:none}
 #pet-app .market-table th small{display:block;margin:3px 0 0}
}
@media(pointer:coarse){
 #pet-app .market-platforms button,#pet-app .market-select .market-select-trigger,#pet-app .market-toolbar input,#pet-app .market-options .market-toggle,#pet-app .market-options button,#pet-app .market-swap{min-height:44px}
}

#pet-app .market-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #cbd6f0;margin-bottom:12px}
#pet-app .market-heading .market-title{gap:18px}
#pet-app .market-heading .ecosystem-subtabs{margin:0;border-bottom:0;align-self:stretch;align-items:end}
@media(max-width:640px){
 #pet-app .market-heading{display:block}
 #pet-app .market-heading .ecosystem-subtabs{margin:2px 0 0}

}

/* Keep supporting metadata in asset details instead of adding a row subtitle. */
#pet-app .market-toolbar{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(140px,1fr))}
#pet-app .market-table .market-swap{width:30px;min-height:30px;padding:0;border:0;background:transparent;font-size:19px;line-height:1}
#pet-app .market-table .market-swap:hover{background:#edf2ff;color:#304ccc}
#pet-app .market-reading-marker.stale{display:inline-grid;place-items:center;width:13px;height:13px;margin-left:5px;border:1px solid #b89145;border-radius:50%;color:#8b630f;font:10px/1 'Space Mono',monospace;vertical-align:middle}
@media(max-width:800px){#pet-app .market-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(pointer:coarse){#pet-app .market-table .market-swap{width:44px;min-height:44px}}

/* Keep accessible reading labels contained inside the horizontal scroller. */
#pet-app #market-table-scroll{position:relative}