.panel {
      position:fixed; left:50%; bottom:12px; transform:translateX(-50%);
      background:#fff; border:1px solid #ddd; border-radius:12px;
      padding:8px 12px; box-shadow:0 6px 20px rgba(0,0,0,.15);
      font-size:11px; max-width:340px;
      color:#222;
      width: 217px !important;
}
.panel-row { display:flex; justify-content:space-between; margin-bottom:2px; gap:6px; }
.panel-badge {
      padding:1px 8px; border-radius:999px; font-size:10px;
      background:#eee; white-space:nowrap;
}
#ad-slot {
    width:300px; height:250px; margin:24px auto;
    border:2px solid #222; display:flex; align-items:center; justify-content:center;
    position:relative; background:#f9f9f9;
}
#ad-slot .ad-slot-placeholder {
    font-size:13px; color:#666; padding:8px; text-align:center;
}
#ad-slot .ad {
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    background:#000;
}
#ad-slot .ad img {
    width:100%; height:100%; object-fit:cover;
}
.ok  { background:#d4f6d4; color: #222;}
.no  { background:#ffd5d5; color: #222; }
.mid { background:#ffeec2; color: #222; }
.score { font-weight:700; color: #222; }