.zbo-wrap{
  --zbo-bg:#0A0F1C;
  --zbo-panel:#111A2C;
  --zbo-row:#141D31;
  --zbo-line:#22304A;
  --zbo-accent:#F5A623;
  --zbo-text:#F3F5F9;
  --zbo-muted:#8891A6;
  --zbo-radius:12px;
  font-family:'Inter', sans-serif;
  color:var(--zbo-text);
  max-width:1200px;
  margin:0 auto;
}
.zbo-wrap *{box-sizing:border-box;}
.zbo-wrap a{text-decoration:none;}

.zbo-filterbar{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:14px; margin-bottom:14px;
}
.zbo-filter-left{display:flex; gap:12px; flex-wrap:wrap;}

.zbo-select{
  appearance:none; -webkit-appearance:none;
  background:var(--zbo-panel) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6"><path d="M0 0 L5 6 L10 0 Z" fill="%238891A6"/></svg>') no-repeat right 14px center;
  border:1px solid var(--zbo-line); color:var(--zbo-text);
  font-family:'Inter', sans-serif; font-size:13px; font-weight:500;
  padding:10px 34px 10px 14px; border-radius:8px; cursor:pointer;
  min-width:160px;
}
.zbo-sort{min-width:180px;}

.zbo-results-line{font-size:13px; color:var(--zbo-muted); margin-bottom:14px;}
.zbo-results-line strong{color:var(--zbo-text);}

.zbo-list{display:flex; flex-direction:column; gap:12px;}

.zbo-row{
  background:var(--zbo-row); border:1px solid var(--zbo-line); border-radius:var(--zbo-radius);
  display:flex; align-items:center; gap:18px; padding:14px 20px;
}
.zbo-row-num{
  width:24px; height:24px; border-radius:50%; background:var(--zbo-panel);
  border:1px solid var(--zbo-line); color:var(--zbo-muted);
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700; flex-shrink:0;
}

.zbo-logo-wrap{display:flex; flex-direction:column; align-items:center; gap:6px; width:120px; flex-shrink:0;}
.zbo-badge-top, .zbo-badge-bottom{
  background:var(--zbo-accent); color:#1a1200; font-weight:700; font-size:9.5px;
  padding:3px 8px; border-radius:5px; text-align:center; white-space:nowrap;
  max-width:120px; overflow:hidden; text-overflow:ellipsis;
}
.zbo-logo-box{
  width:88px; aspect-ratio:1/1; border-radius:8px; overflow:hidden;
  background:var(--zbo-panel); border:1px solid var(--zbo-line);
}
.zbo-logo-box img{width:100%; height:100%; object-fit:cover; display:block;}

.zbo-stats{flex:1; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; text-align:center;}
.zbo-stat .zbo-val{font-weight:700; font-size:17px;}
.zbo-stat .zbo-lab{font-size:10px; color:var(--zbo-muted); text-transform:uppercase; letter-spacing:.05em; margin-top:2px;}

.zbo-cta{display:flex; flex-direction:column; align-items:center; gap:6px; width:130px; flex-shrink:0;}
.zbo-cta .zbo-terms{font-size:10px; color:var(--zbo-muted);}
.zbo-play-btn{
  background:var(--zbo-accent); color:#1a1200 !important; font-weight:700; font-size:12.5px;
  padding:9px 22px; border-radius:8px; white-space:nowrap;
}
.zbo-play-btn:hover{opacity:.9;}
.zbo-more-info{font-size:10.5px; color:var(--zbo-muted) !important; text-decoration:underline !important; cursor:pointer;}

.zbo-empty{
  text-align:center; padding:50px 20px; color:var(--zbo-muted);
  border:1px dashed var(--zbo-line); border-radius:var(--zbo-radius); background:var(--zbo-row);
}

@media (max-width:860px){
  .zbo-results-line{font-size:16px; margin-bottom:20px;}
  .zbo-filterbar{flex-direction:column; align-items:stretch;}
  .zbo-filter-left{flex-direction:column;}
  .zbo-select{width:100%; min-width:0;}

  .zbo-row{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:22px 18px 24px;
    gap:0;
    position:relative;
  }
  .zbo-row-num{
    position:absolute; top:16px; left:16px;
  }

  .zbo-logo-wrap{width:auto; gap:10px; margin-bottom:22px;}
  .zbo-badge-top, .zbo-badge-bottom{
    font-size:12px; padding:7px 16px; border-radius:22px; max-width:none;
  }
  .zbo-logo-box{width:150px; border-radius:20px;}

  .zbo-stats{
    grid-template-columns:repeat(2, 1fr);
    row-gap:26px; column-gap:40px;
    width:100%; max-width:340px;
    margin-bottom:26px;
  }
  .zbo-stat .zbo-val{font-size:26px;}
  .zbo-stat .zbo-lab{font-size:12px; margin-top:4px;}

  .zbo-cta{width:100%; max-width:340px; gap:14px;}
  .zbo-cta .zbo-terms{font-size:13px; font-weight:600;}
  .zbo-play-btn{
    width:100%; text-align:center; font-size:16px; padding:16px 22px; border-radius:30px;
  }
  .zbo-more-info{font-size:13px; font-weight:600; text-decoration:none !important;}
}