.marketplace{
  --market-accent:var(--accent,#5eead4);
  --market-card:var(--surface,#102039);
  --market-card-2:var(--surface-2,#152943);
  min-height:calc(100vh - 170px);
}
.marketplace .shell{max-width:1240px}
.marketplace-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
  gap:28px;
  align-items:end;
  padding:12px 0 28px;
}
.marketplace-hero h1{
  margin:.2em 0 .18em;
  max-width:820px;
  font-size:clamp(2.35rem,6vw,5.25rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.marketplace-hero p{
  max-width:720px;
  margin:0;
  color:var(--muted,#a6b4ca);
  font-size:clamp(1rem,2vw,1.18rem);
}
.marketplace-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.marketplace-stats article{
  min-height:112px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid var(--line,#263a57);
  border-radius:18px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--market-card) 94%,transparent),color-mix(in srgb,var(--market-card-2) 78%,transparent));
}
.marketplace-stats span{
  color:var(--muted,#a6b4ca);
  font-size:.73rem;
  line-height:1.2;
}
.marketplace-stats strong{
  font-size:clamp(1.5rem,3vw,2.2rem);
}
.marketplace-toolbar{
  position:sticky;
  top:78px;
  z-index:15;
  display:grid;
  grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(145px,.55fr));
  gap:10px;
  padding:12px;
  border:1px solid var(--line,#263a57);
  border-radius:20px;
  background:color-mix(in srgb,var(--bg,#081426) 84%,transparent);
  box-shadow:0 18px 60px rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
}
.marketplace-toolbar label{display:block}
.marketplace-toolbar input,
.marketplace-toolbar select{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--line,#263a57);
  border-radius:13px;
  background:var(--market-card);
  color:var(--text,#f5f7fb);
  outline:none;
}
.marketplace-toolbar input:focus,
.marketplace-toolbar select:focus{
  border-color:var(--market-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--market-accent) 18%,transparent);
}
.market-search{position:relative}
.market-search>span:not(.sr-only){
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-52%);
  color:var(--muted,#a6b4ca);
  font-size:1.25rem;
  pointer-events:none;
}
.market-search input{padding-left:42px}
.marketplace-resultbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 2px 12px;
}
.marketplace-resultbar p{
  margin:0;
  color:var(--muted,#a6b4ca);
}
.text-btn{
  border:0;
  padding:8px 0;
  background:transparent;
  color:var(--market-accent);
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.marketplace-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.market-card{
  position:relative;
  min-height:260px;
  padding:20px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line,#263a57);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--market-accent) 12%,transparent),transparent 38%),
    linear-gradient(145deg,var(--market-card),color-mix(in srgb,var(--market-card-2) 82%,transparent));
  box-shadow:0 14px 38px rgba(0,0,0,.12);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.market-card[data-clickable="true"]{cursor:pointer}
.market-card[data-clickable="true"]:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--market-accent) 55%,var(--line,#263a57));
  box-shadow:0 20px 50px rgba(0,0,0,.2);
}
.market-card:focus-within{
  border-color:var(--market-accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--market-accent) 18%,transparent);
}
.market-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.status-badge,.risk-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.02em;
}
.status-badge::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent);
}
.status-online{background:rgba(45,212,191,.12);color:#62e8d5}
.status-foundation{background:rgba(96,165,250,.12);color:#8ec5ff}
.status-planned{background:rgba(250,204,21,.12);color:#f8d85d}
.status-private{background:rgba(192,132,252,.12);color:#d4a8ff}
.risk-badge{background:var(--market-card-2);color:var(--muted,#a6b4ca)}
.market-card h2{
  margin:28px 0 8px;
  font-size:clamp(1.35rem,2.4vw,1.8rem);
  letter-spacing:-.025em;
}
.market-card .market-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:0 0 20px;
  color:var(--muted,#a6b4ca);
}
.market-card .market-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.market-card footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:18px;
  border-top:1px solid var(--line,#263a57);
}
.market-card footer span{
  color:var(--muted,#a6b4ca);
  font-size:.78rem;
}
.market-card footer a{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--market-accent);
  font-weight:900;
}
.market-card footer a::after{content:"↗"}
.market-card-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}
.market-card-disabled{opacity:.76}
.market-card-disabled footer strong{
  color:var(--muted,#a6b4ca);
  font-size:.8rem;
}
.market-skeleton{
  min-height:260px;
  border:1px solid var(--line,#263a57);
  border-radius:24px;
  background:
    linear-gradient(90deg,transparent,color-mix(in srgb,var(--text,#fff) 6%,transparent),transparent),
    var(--market-card);
  background-size:220% 100%;
  animation:market-shimmer 1.35s linear infinite;
}
@keyframes market-shimmer{to{background-position:-220% 0}}
.marketplace-empty{
  margin:24px 0;
  padding:48px 20px;
  text-align:center;
  border:1px dashed var(--line,#263a57);
  border-radius:24px;
  background:color-mix(in srgb,var(--market-card) 72%,transparent);
}
.marketplace-empty>div{
  width:54px;
  height:54px;
  margin:0 auto 16px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:var(--market-card-2);
  color:var(--market-accent);
  font-size:1.6rem;
}
.marketplace-empty h2{margin:0 0 8px}
.marketplace-empty p{margin:0 0 18px;color:var(--muted,#a6b4ca)}
.icon-btn{
  min-width:44px;
  min-height:44px;
  border:1px solid var(--line,#263a57);
  border-radius:13px;
  background:var(--market-card);
  color:var(--text,#f5f7fb);
  cursor:pointer;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:980px){
  .marketplace-hero{grid-template-columns:1fr}
  .marketplace-toolbar{grid-template-columns:1fr 1fr}
  .market-search{grid-column:1/-1}
  .marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .marketplace-hero{padding-top:0}
  .marketplace-stats{grid-template-columns:1fr}
  .marketplace-stats article{min-height:82px}
  .marketplace-toolbar{
    top:68px;
    grid-template-columns:1fr;
    border-radius:16px;
  }
  .market-search{grid-column:auto}
  .marketplace-grid{grid-template-columns:1fr}
  .market-card{min-height:230px}
  .marketplace-resultbar{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .market-card,.market-skeleton{transition:none;animation:none}
}