/* Build 1194 - Market entre jogadores: leitura rápida, filtros recolhíveis e cards compactos. */
.player-market-panel{
  --market-accent:#62d8b0;
  --market-gold:#f2cf68;
  --market-ink:#071218;
  --market-panel:#0b1b22;
  --market-line:#2c4a52;
  --market-muted:#83a19f;
}

.panel.player-market-panel.client-open{
  width:min(1180px,calc(100dvw - 20px))!important;
  height:min(650px,calc(100dvh - 16px))!important;
  max-width:calc(100dvw - 20px)!important;
  max-height:calc(100dvh - 16px)!important;
  border-color:#47746f!important;
  border-radius:14px!important;
  background:linear-gradient(155deg,#0d2329,#071218 72%)!important;
  box-shadow:0 28px 84px #000d,0 0 0 1px #68ddba1b inset!important;
}

.player-market-panel>.panel-title{
  flex-basis:44px!important;
  min-height:44px!important;
  border-bottom-color:#816d35!important;
  border-radius:13px 13px 0 0!important;
}
.player-market-panel>.panel-title>span{font-size:16px!important}
.player-market-panel .client-tabs{flex-basis:31px!important;height:31px!important;min-height:31px!important}
.player-market-panel .client-tabs button{height:31px!important;font-size:7.5px!important}
.player-market-panel .market-mine-tabs{flex-basis:28px!important;height:28px!important;min-height:28px!important}
.player-market-panel .market-mine-tabs button{height:28px!important}

.player-market-discovery{
  flex:0 0 auto;
  border-bottom:1px solid #27434a;
  background:linear-gradient(180deg,#0c1d24,#08171d);
}
.player-market-discovery.hidden{display:none!important}

.player-market-panel .player-market-sections{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;
  padding:5px 8px 3px!important;
  background:transparent!important;
}
.player-market-panel .player-market-sections button{
  height:27px!important;
  gap:4px!important;
  border-color:#31545a!important;
  border-radius:6px!important;
  background:#0b2025!important;
  color:#8eaaa8!important;
  font-size:7px!important;
}
.player-market-panel .player-market-sections button i{font-size:10px!important}
.player-market-panel .player-market-sections button.active{
  border-color:#cfb451!important;
  background:linear-gradient(145deg,#30331c,#17352f)!important;
  color:#ffe78e!important;
  box-shadow:inset 0 0 0 1px #fff2a00f,0 0 10px #c9a93b1e!important;
}

.player-market-panel .player-market-tools{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(130px,170px) minmax(125px,155px) 66px!important;
  grid-template-rows:auto!important;
  grid-auto-flow:row!important;
  align-items:end!important;
  gap:5px!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:4px 8px 6px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
.player-market-panel .player-market-tools>label{
  display:grid!important;
  grid-template-rows:8px 27px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
}
.player-market-panel .player-market-tools>label>span,
.player-market-panel .player-market-advanced-grid label>span{
  color:#668b88;
  font:900 6px/1 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.12em;
}
.player-market-panel .player-market-tools input,
.player-market-panel .player-market-tools select{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  border:1px solid #36565d!important;
  border-radius:6px!important;
  background:#061319!important;
  color:#e4f1ee!important;
  font-size:8px!important;
  line-height:27px!important;
  scroll-snap-align:none!important;
}
.player-market-panel .player-market-tools input:focus,
.player-market-panel .player-market-tools select:focus,
.player-market-panel .player-market-advanced input:focus,
.player-market-panel .player-market-advanced select:focus{
  border-color:#67d9b5!important;
  outline:2px solid #67d9b51c!important;
  outline-offset:0!important;
}
.player-market-panel #player-market-clear-filters{
  display:flex!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:66px!important;
  min-width:0!important;
  max-width:none!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0 6px!important;
  border:1px solid #5d614a!important;
  border-radius:6px!important;
  background:#20251e!important;
  color:#d7c980!important;
  font-size:6.5px!important;
  scroll-snap-align:none!important;
}
.player-market-panel #player-market-clear-filters i{font-size:11px;font-style:normal}
.player-market-panel #player-market-clear-filters:hover,
.player-market-panel #player-market-clear-filters:focus-visible{border-color:#e3c85e!important;color:#fff0a1!important;outline:none!important}

.player-market-advanced{
  border-top:1px solid #1d363d;
  background:#07151b99;
}
.player-market-advanced>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:25px;
  padding:0 10px;
  color:#83aaa4;
  font:900 6.5px/1 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.1em;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.player-market-advanced>summary::-webkit-details-marker{display:none}
.player-market-advanced>summary>span{display:flex;align-items:center;gap:5px}
.player-market-advanced>summary>span i{color:#63cdae;font-size:11px;font-style:normal;transition:transform .15s ease}
.player-market-advanced[open]>summary>span i{transform:rotate(90deg)}
.player-market-advanced>summary small{
  padding:3px 6px;
  border:1px solid #34535a;
  border-radius:999px;
  color:#6f918f;
  font-size:5.5px;
}
.player-market-advanced.has-active-filters>summary small{border-color:#b69a3e;background:#302910;color:#ffe37d}
.player-market-advanced-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
  padding:4px 8px 7px;
  border-top:1px solid #1a3238;
}
.player-market-advanced-grid>label{
  display:grid;
  grid-template-rows:8px 26px;
  gap:2px;
  min-width:0;
}
.player-market-advanced-grid>label.hidden{display:none!important}
.player-market-advanced-grid input,
.player-market-advanced-grid select{
  width:100%;
  min-width:0;
  height:26px;
  padding:0 7px;
  box-sizing:border-box;
  border:1px solid #345158;
  border-radius:6px;
  background:#061218;
  color:#dceae7;
  font-size:7.5px;
}
.player-market-advanced-grid fieldset{
  display:grid;
  grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);
  grid-template-rows:8px 26px;
  gap:2px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.player-market-advanced-grid fieldset legend{
  grid-column:1/-1;
  width:100%;
  padding:0;
  color:#668b88;
  font:900 6px/1 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.12em;
}
.player-market-advanced-grid fieldset i{display:grid;place-items:center;color:#4e706f;font:900 5px/1 Arial,sans-serif;font-style:normal}

.player-market-results{
  flex:0 0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:24px;
  padding:0 10px;
  border-bottom:1px solid #29454c;
  background:#09191f;
  color:#72918f;
  font:900 6px/1 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.1em;
}
.player-market-results>span{display:flex;align-items:baseline;gap:4px}
.player-market-results>span b{color:#e9cf70;font-size:10px}
.player-market-results>span i{font-style:normal}
.player-market-results>small{color:#547673;font-size:5.5px}

.player-market-panel .player-market-content{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  grid-auto-rows:138px!important;
  gap:6px!important;
  padding:7px!important;
  border-radius:0 0 13px 13px!important;
  background:radial-gradient(circle at 50% -25%,#173839 0,transparent 40%),linear-gradient(#08171d,#061117)!important;
  scrollbar-gutter:stable;
}
.player-market-panel .market-offer-card{
  --card-accent:#63d5ad;
  --card-glow:#63d5ad1c;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #37635f!important;
  border:1px solid color-mix(in srgb,var(--card-accent) 48%,#24424a)!important;
  border-radius:9px!important;
  background:radial-gradient(circle at 12% 22%,var(--card-glow),transparent 36%),linear-gradient(150deg,#11262d,#08151b 72%)!important;
  box-shadow:0 5px 14px #0006,inset 0 1px #ffffff08!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.player-market-panel .market-offer-card.kind-card{--card-accent:#b892e9;--card-glow:#a56ce825}
.player-market-panel .market-offer-card.kind-held{--card-accent:#62d3b1;--card-glow:#47b69a20}
.player-market-panel .market-offer-card.kind-ball{--card-accent:#df777b;--card-glow:#e05a6120}
.player-market-panel .market-offer-card.kind-stone,
.player-market-panel .market-offer-card.kind-item{--card-accent:#d0aa55;--card-glow:#d4a64020}
.player-market-panel .market-offer-card.kind-diamonds{--card-accent:#72d8ed;--card-glow:#54cce825}
.player-market-panel .market-offer-card.kind-house{--card-accent:#d0ae5a;--card-glow:#d2a74020}
.player-market-panel .market-offer-card:hover{
  transform:translateY(-1px)!important;
  border-color:var(--card-accent)!important;
  box-shadow:0 9px 22px #0009,0 0 14px var(--card-glow)!important;
}
.player-market-panel .market-offer-card:before{height:46px!important;background:linear-gradient(90deg,var(--card-glow),transparent)!important}

.player-market-panel .market-card-art,
.player-market-panel .market-offer-card.kind-held .market-card-art{
  grid-column:1!important;
  grid-row:1!important;
  align-items:center!important;
  justify-items:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:auto!important;
  min-height:0!important;
  padding:16px 4px 3px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #28474d!important;
  background:radial-gradient(circle at 50% 58%,var(--card-glow),transparent 58%),linear-gradient(180deg,#122a30,#08161b)!important;
}
.player-market-panel .market-card-art canvas{width:46px!important;height:46px!important;filter:drop-shadow(0 4px 4px #0009)!important}
.player-market-panel .market-card-art>.trade-sprite{width:44px!important;height:44px!important}
.player-market-panel .market-card-art>.trade-sprite>img{width:44px!important;height:44px!important;object-fit:contain!important}
.player-market-panel .market-card-art>.trade-sprite.ball-strip>img{left:6px!important;top:6px!important;width:256px!important;height:32px!important;max-width:none!important;object-fit:none!important}
.player-market-panel .market-card-art>.market-kind-label{
  top:4px!important;
  left:4px!important;
  max-width:46px!important;
  padding:2px 3px!important;
  overflow:hidden!important;
  border-color:#416b67!important;
  border-color:color-mix(in srgb,var(--card-accent) 60%,#25434b)!important;
  border-radius:4px!important;
  background:#061116e8!important;
  color:var(--card-accent)!important;
  font-size:4.8px!important;
  line-height:6px!important;
  letter-spacing:.04em!important;
  text-overflow:ellipsis!important;
}
.player-market-panel .market-offer-card.kind-held .market-card-art>.market-single-art{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:8px!important;
}
.player-market-panel .market-offer-card.kind-held .market-single-art>.legacy-sprite{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}

.player-market-panel .market-card-copy{
  grid-column:2!important;
  grid-row:1!important;
  justify-content:center!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:6px 7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.player-market-panel .market-card-copy>b,
.player-market-panel .market-offer-card.kind-held .market-card-copy>b{
  display:block!important;
  overflow:hidden!important;
  color:#f4f0df!important;
  font:900 11px/1.08 Georgia,serif!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.player-market-panel .market-card-copy>.market-card-owner{
  margin-top:3px!important;
  overflow:hidden!important;
  color:var(--card-accent)!important;
  font-size:5.5px!important;
  line-height:7px!important;
  letter-spacing:.08em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.player-market-panel .market-card-meta{display:grid;gap:3px;min-width:0;margin-top:4px;overflow:hidden}
.player-market-panel .market-card-stock{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  color:#8ca29f!important;
  font-size:5.5px!important;
  line-height:1!important;
}
.player-market-panel .market-card-stock>span{flex:none;padding:3px 4px;border:1px solid #36565b;border-radius:4px;background:#0a1c21;color:#c7d9d5;font-weight:900}
.player-market-panel .market-card-stock>small{min-width:0;overflow:hidden;color:#809996;font-size:5.5px;text-overflow:ellipsis;white-space:nowrap}
.player-market-panel .market-card-pokemon-stats{gap:3px!important;margin-top:0!important;overflow:hidden!important}
.player-market-panel .market-card-pokemon-stats>span,
.player-market-panel .market-card-pokemon-stats>strong{font-size:5.5px!important;line-height:7px!important}
.player-market-panel .market-card-pokemon-stats .rarity-badge{min-height:13px!important;height:13px!important;padding:2px 4px!important;border-radius:4px!important;font-size:5px!important;line-height:8px!important}
.player-market-panel .market-card-meta>.house-reserved,
.player-market-panel .market-offer-card.kind-held .market-card-copy>.house-reserved{margin:0!important;overflow:hidden!important;color:#ddc267!important;font-size:5.5px!important;line-height:7px!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.player-market-panel .house-map-thumb{display:none!important}

.player-market-panel .market-offer-card>footer,
.player-market-panel .market-offer-card>footer:has(.market-buy-stack){
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  padding:4px 5px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid #28464c!important;
  background:#061218f4!important;
}
.player-market-panel .market-offer-card>footer:has(.market-buy-stack){
  grid-template-columns:1fr!important;
  grid-template-rows:14px 27px!important;
  gap:2px!important;
  height:49px!important;
  min-height:49px!important;
  max-height:49px!important;
  padding:3px 5px!important;
}
.player-market-panel .market-card-price{display:grid;min-width:0;gap:1px}
.player-market-panel footer:has(.market-buy-stack)>.market-card-price{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px}
.player-market-panel .market-card-price>small{overflow:hidden;color:#587976;font:900 4.8px/1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.player-market-panel .market-card-price>strong{
  display:flex!important;
  min-width:0!important;
  align-items:center!important;
  overflow:hidden!important;
  color:#ffe078!important;
  font-size:9px!important;
  line-height:1!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.player-market-panel .market-card-price .gold-coin,
.player-market-panel .market-card-price .diamond-currency{font-size:9px!important;line-height:1!important}
.player-market-panel .market-card-price .gold-coin>i{width:11px!important;height:11px!important;flex-basis:11px!important}
.player-market-panel .market-offer-card>footer>button{
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:0 4px!important;
  border-radius:6px!important;
  font-size:6px!important;
}
.player-market-panel .market-offer-card>footer>em{padding:4px!important;font-size:6px!important}

.player-market-panel .market-buy-stack{
  display:grid!important;
  grid-template-columns:76px 28px minmax(54px,1fr)!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
}
.player-market-panel .market-quantity-stepper{display:grid;grid-template-columns:20px 36px 20px;gap:0;min-width:0}
.player-market-panel .market-buy-stack button,
.player-market-panel .market-buy-stack input{
  width:100%!important;
  min-width:0!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  border:1px solid #3d5c61!important;
  border-radius:5px!important;
  background:#0a181d!important;
  color:#e7f5f1!important;
  text-align:center!important;
  font-size:7px!important;
  font-weight:900!important;
}
.player-market-panel .market-quantity-stepper>button:first-child{border-radius:5px 0 0 5px!important}
.player-market-panel .market-quantity-stepper>button:last-child{border-radius:0 5px 5px 0!important}
.player-market-panel .market-quantity-stepper>input{border-right:0!important;border-left:0!important;border-radius:0!important;color:#fff!important}
.player-market-panel .market-buy-stack>[data-market-buy-max]{border-color:#806e38!important;color:#e6cc73!important;font-size:5.5px!important}
.player-market-panel .market-buy-stack>[data-buy-offer]{border-color:#4ba985!important;background:linear-gradient(#23795b,#185540)!important;color:#fff!important;font-size:5.5px!important}
.player-market-panel .market-buy-stack>[data-buy-offer]:disabled{opacity:.42!important;cursor:not-allowed!important}

.player-market-panel .create-market-offer{
  gap:5px!important;
  padding:6px 8px!important;
  border-bottom-color:#29474d!important;
  background:#09191f!important;
}
.player-market-panel .create-market-offer strong{color:#6bd7b4!important;font-size:6.5px!important;letter-spacing:.12em!important}
.player-market-panel .create-market-offer input,
.player-market-panel .create-market-offer select,
.player-market-panel .create-market-offer button{height:27px!important;min-height:27px!important;border-radius:6px!important;font-size:7.5px!important}
.player-market-panel .create-market-offer .offer-item-picker{gap:5px!important}
.player-market-panel .create-market-offer .offer-item-picker input,
.player-market-panel .create-market-offer .offer-item-picker select{height:27px!important}

.player-market-panel .market-load-more{min-height:34px!important;margin:3px!important;padding:5px 9px!important;font-size:7px!important}
.player-market-panel .trade-empty{min-height:120px!important}

@media(max-width:920px){
  .player-market-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .player-market-panel .player-market-content{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}
}

@media(max-width:720px){
  .panel.player-market-panel.client-open{width:calc(100dvw - 8px)!important;height:calc(100dvh - 8px)!important;max-width:calc(100dvw - 8px)!important;max-height:calc(100dvh - 8px)!important;border-radius:10px!important}
  .player-market-panel>.panel-title{grid-template-columns:minmax(100px,1fr) auto 30px!important;padding-left:8px!important}
  .player-market-panel>.panel-title>span{font-size:13px!important}
  .player-market-panel>.panel-title>span:before,.player-market-panel>.panel-title>span:after{display:none!important}
  .player-market-panel #player-market-balance{padding:3px 5px!important;font-size:0!important}
  .player-market-panel .player-market-sections{gap:3px!important;padding:4px!important}
  .player-market-panel .player-market-sections button{height:25px!important;gap:2px!important;font-size:5.8px!important}
  .player-market-panel .player-market-sections button i{font-size:8px!important}
  .player-market-panel .player-market-tools{grid-template-columns:minmax(110px,1fr) minmax(82px,.72fr) minmax(82px,.72fr) 42px!important;gap:3px!important;padding:3px 4px 5px!important}
  .player-market-panel .player-market-tools>label{grid-template-rows:7px 26px!important}
  .player-market-panel .player-market-tools input,.player-market-panel .player-market-tools select{height:26px!important;min-height:26px!important;max-height:26px!important;padding:0 5px!important;font-size:7px!important;line-height:26px!important}
  .player-market-panel #player-market-clear-filters{width:42px!important;height:26px!important;min-height:26px!important;max-height:26px!important;padding:0!important}
  .player-market-panel #player-market-clear-filters span{display:none}
  .player-market-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}
  .player-market-panel .player-market-content{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;grid-auto-rows:132px!important;gap:4px!important;padding:4px!important}
  .player-market-panel .market-offer-card{height:132px!important;min-height:132px!important;max-height:132px!important}
  .player-market-results{padding:0 6px}
  .player-market-panel .create-market-offer{grid-template-columns:1fr 1fr!important;max-height:126px!important;overflow:auto!important}
}

@media(max-width:460px){
  .player-market-panel .client-tabs button{min-width:0!important;font-size:6.5px!important}
  .player-market-panel .player-market-sections button span{font-size:5.2px}
  .player-market-panel .player-market-tools{grid-template-columns:minmax(96px,1fr) 78px 78px 38px!important}
  .player-market-panel .player-market-tools>label>span{font-size:5px}
  .player-market-panel #player-market-clear-filters{width:38px!important}
  .player-market-advanced>summary{padding:0 6px}
  .player-market-advanced-grid{grid-template-columns:1fr 1fr}
  .player-market-panel .player-market-content{grid-template-columns:1fr!important;grid-auto-rows:124px!important}
  .player-market-panel .market-offer-card{grid-template-columns:58px minmax(0,1fr)!important;height:124px!important;min-height:124px!important;max-height:124px!important}
  .player-market-panel .market-card-art,.player-market-panel .market-offer-card.kind-held .market-card-art{width:58px!important;min-width:58px!important;max-width:58px!important}
  .player-market-panel .market-card-copy>b,.player-market-panel .market-offer-card.kind-held .market-card-copy>b{font-size:10px!important}
  .player-market-panel .market-offer-card>footer:has(.market-buy-stack){height:47px!important;min-height:47px!important;max-height:47px!important}
  .player-market-panel .market-buy-stack{grid-template-columns:82px 30px minmax(60px,1fr)!important}
  .player-market-panel .market-quantity-stepper{grid-template-columns:22px 38px 22px}
  .player-market-results>small{display:none}
}

@media(prefers-reduced-motion:reduce){
  .player-market-panel .market-offer-card,
  .player-market-advanced>summary>span i{transition:none!important}
}
