.marketPage{--market-text:white;--market-muted:#c8c8c8;--market-card:linear-gradient(135deg, #cdcdcd33 0%, #90909080 100%);--market-ok:#b5ff79;--market-error:#ff8c8c;color:var(--market-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.marketPage .marketNav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.marketPage .marketNavLinks{flex-wrap:wrap;gap:8px;display:flex}.marketPage .marketNavLink{color:var(--market-muted);border-radius:4px;padding:6px 12px;text-decoration:none}.marketPage .marketNavLink.active{color:#000;background-color:var(--market-ok)}.marketPage .marketWallet{color:var(--market-muted);flex-wrap:wrap;gap:16px;display:flex}.marketPage .marketPrice{white-space:nowrap;font-weight:600}.marketPage .marketSelect,.marketPage .marketInput,.marketPage .marketQuantity{border:1px solid gray;border-radius:4px;height:38px;padding:0 10px;font-size:16px}.marketPage .marketQuantity{width:90px}.marketPage .marketNotice{background-color:#0006;border-radius:4px;padding:10px 14px}.marketPage .marketNoticeOk{color:var(--market-ok)}.marketPage .marketNoticeError{color:var(--market-error)}.marketPage .marketListings{flex-direction:column;gap:12px;padding-bottom:44px;display:flex}.marketPage .marketListing{background:var(--market-card);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px;display:flex;box-shadow:0 2px 8px #00000080}.marketPage .marketPick{color:inherit;font:inherit;text-align:left;cursor:pointer;border:none;justify-content:flex-start}.marketPage .marketListingItem{min-width:0;color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.marketPage .marketListingImg{object-fit:cover;border-radius:4px;flex:none;width:72px;height:72px}.marketPage .marketListingText{flex-direction:column;min-width:0;display:flex}.marketPage .marketListingName{overflow-wrap:anywhere;margin:0;font-size:20px}.marketPage .marketListingMeta{color:var(--market-muted);margin:4px 0 0}.marketPage .marketListingDeal{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.marketPage .marketListingPrice,.marketPage .marketListingSeller,.marketPage .marketListingMine{margin:0}.marketPage .marketListingSeller a{color:inherit}.marketPage .marketListingEach,.marketPage .marketListingSeller,.marketPage .marketListingMine{color:var(--market-muted)}.marketPage .marketBuy{gap:8px;display:flex}.marketPage .marketSellForm{background:var(--market-card);border-radius:4px;flex-direction:column;gap:14px;max-width:480px;margin-bottom:44px;padding:16px;display:flex}.marketPage .marketField{flex-direction:column;gap:6px;display:flex}.marketPage .marketActions{justify-content:flex-end;gap:8px;display:flex}.marketPage .marketTabs{gap:8px;margin:16px 0;display:flex}.marketPage .marketTab{color:#fff;font:inherit;cursor:pointer;background-color:#282828;border:none;border-radius:4px;padding:8px 14px}.marketPage .marketTabActive{background-color:var(--market-ok);color:#000}.marketPage .marketTrades{flex-direction:column;gap:8px;margin:0;padding:0 0 44px;list-style:none;display:flex}.marketPage .marketTrade{background:var(--market-card);border-radius:4px;flex-wrap:wrap;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.marketPage .marketTradeWho a{color:inherit}.marketPage .marketTradeWhen{color:var(--market-muted);margin-left:auto}@media (width<=600px){.marketPage .marketListingDeal{align-items:flex-start;width:100%}}
