.market-panel{width:100%;margin:22px 0 18px;max-width:800px}
.market-details{margin-bottom:12px}
.market-controls{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.market-controls a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px;text-decoration:none}
.market-controls a[aria-current]{border-color:var(--brand);color:var(--brand-dark);font-weight:800}
.market-controls span{font-size:9px;opacity:.8}
.market-controls a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.market-header{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer}
.market-header::-webkit-details-marker{display:none}
.market-more{color:var(--brand-dark);font-size:12px;font-weight:800;white-space:nowrap}
.market-show-less,.market-details[open] .market-show-more{display:none}
.market-details[open] .market-show-less{display:inline}
.market-details[open] .market-more i{display:inline-block;transform:rotate(180deg)}
.market-sub{margin:8px 0 12px;color:var(--muted);font-size:10px;line-height:1.6}
.market-sub>span{margin-left:8px}
.market-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.market-group{min-width:0}
.market-group-title{margin:0 0 8px;font-size:11px;font-weight:800}
.market-group-title>span{font-size:10px;margin-left:4px;opacity:.8}
.market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.market-card{position:relative;min-width:0;overflow:hidden;display:block;border:1px solid var(--line);border-radius:8px;background:#f1f5f9;color:var(--text);text-decoration:none}

.market-card:focus-visible,.market-header:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.market-player-art{width:100%;aspect-ratio:.72;position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}
.market-player-art>img{position:absolute;left:50%;bottom:1%;transform:translateX(-50%);width:94%;height:94%;object-fit:contain}
.market-rank{position:absolute;z-index:5;left:3px;top:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#10151de6;color:#fff;font-size:10px;font-weight:900}
.market-card-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px;padding:6px 4px;background:#fff;font-size:10px;font-weight:850;line-height:1.3;font-variant-numeric:tabular-nums}
.market-price{display:inline-flex;align-items:center;gap:3px;color:var(--text);white-space:nowrap}
.market-coin{display:inline-block;width:14px;height:14px;flex:none;object-fit:contain;vertical-align:middle}
.market-change{white-space:nowrap}
.market-panel .is-up{color:#ef4444}
.market-panel .is-down{color:#3b82f6}
.market-empty{margin:0;padding:16px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.7}
.market-grid>.market-empty{grid-column:1/-1}
.market-table-scroll{overflow-x:auto;margin-top:12px;border:1px solid var(--line);border-radius:10px}
.market-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;font-variant-numeric:tabular-nums}
.market-table caption{text-align:left;padding:10px;color:var(--muted);font-size:11px}
.market-table th,.market-table td{padding:9px 10px;border-top:1px solid var(--line);white-space:nowrap;color:var(--text)}
.market-table a{color:var(--text);text-decoration:none}

html[data-theme="dark"] .market-card{background:#252936;border-color:#536074}
html[data-theme="dark"] .market-card-footer{background:#16293b}
html[data-theme="dark"] .market-more{color:#34d399}
@media(max-width:600px){.market-groups{grid-template-columns:minmax(0,1fr);gap:16px}.market-card-footer{font-size:11px}.market-sub>span{display:block;margin-left:0}.market-panel{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.market-card{transition:none}}